/*------------------------------------------------------------------*/
/* FILE GENERATED BY INVISION POWER BOARD                           */
/* DO NOT EDIT BY HAND WITHOUT RESYNCHRONISING BACK TO THE DATABASE */
/* OR CHANGES TO THIS FILE WILL BE LOST WHEN NEXT EDITED FROM THE   */
/* ADMIN CONTROL PANEL                                              */
/* STYLE DIRECTORY: 1                                     */
/* CACHE FILE: Generated: Thu, 06 Aug 2020 09:26:50 GMT */
/*------------------------------------------------------------------*/

/*~START CSS~*/

/* 
 * Cascading Style Sheet(CSS 467), for Invision Power Board 2.0.0
 * Author: James A. Mathias, admin@leihu.com, http://www.1lotus.com 
 * Copyright: 2004 Invision Power Services, all rights reserved 
 *
 * All style attributes in alpha-numeric order starting from 0
 *
 */

/* 
 * ========================================
 * global element styles 
 * ========================================
 */


	/* Light Mode */
	:root {
		--nav-bar-height: 45px;
		--warn-color-red: #F56E6E;
		--warn-color-blue: #4F87DD;
		--warn-color-orange: #E19042;
		--warn-color-green: #4AC37A;
		--warn-color-purple: #8157E1;
		--warn-color-grey: #444;
		--warn-color-yellow: #FDFADE;
		--bg-color-hl: #F4F7FB;
		--bg-color-1: #F5F5F5;
		--bg-color-2: #EAEAEA;
		--bg-color-3: #E3E3E3;
		--bg-color-4: #D7D7D7;
		--bg-color-5: #999;
		--bg-color-8: #777;
		--bg-color-9: #555;
		--bg-color-0: #111;
		--font-color-hl: #667d99;
		--font-color-error: #F56E6E;
		--font-color-1: #111;
		--font-color-2: #333;
		--font-color-3: #666;
		--font-color-4: #999;
		--font-color-5: #AAA;
		--font-color-7: #CCC;
		--font-color-8: #DDD;
		--font-color-9: #EFEFEF;
		--font-color-0: #FFF;
		--line-color-1: #E3E3E3;
		--line-color-2: #D3D3D3;
		--line-color-3: #C3C3C3;
		--line-color-4: #AAA;
		--line-color-9: #222;
		--line-color-0: #111;
		--error-color-1: #FFE9E9;
		--error-color-2: #FCF6F6;
		--rep-color-1: #F2E1E1;
		--rep-color-2: #F7ECEC;
		--highlight-color-1: #5296FC;
		--highlight-color-2: ;
		--buttonmain-color-1: #5296FC;
		--buttonmain-color-2: #74ACFF;
		--buttonmain-text-1: #FFF;
		--buttonmain-text-0: #000;
		--buttonsub-color-1: transparent;
		--buttonsub-color-2: #DDD;
		--link-color-1: #667d99;
		--link-color-2: #475c75;
		--brand-color-1: #5296FC;
		--brand-color-2: ;
		--header-left-img: url(//images-cdn.lowyat.net/forum/default/header.png);
		--header-right-img: url(//images-cdn.lowyat.net/forum/default/right.png);
		--header-bg-img: url(//images-cdn.lowyat.net/forum/default/background.gif);
	}
 	

	/* Dark Mode */
	[data-theme="dark"] {
		--bg-color-hl: #000;
		--bg-color-1: #222;
		--bg-color-2: #333;
		--bg-color-3: #444;
		--bg-color-4: #555;
		--bg-color-5: #999;
		--bg-color-8: #AAA;
		--bg-color-9: #DDD;
		--bg-color-0: #FFF;
		--font-color-error: #EEE;
		--font-color-1: #EEE;
		--font-color-2: #CCC;
		--font-color-3: #AAA;
		--font-color-4: #888;
		--font-color-5: #777;
		--font-color-7: #555;
		--font-color-8: #555;
		--font-color-9: #444;
		--font-color-0: #000;
		--line-color-1: #333;
		--line-color-2: #444;
		--line-color-3: #555;
		--line-color-4: #666;
		--line-color-9: #DDD;
		--line-color-0: #EFEFEF;
		--error-color-1: #444;
		--error-color-2: #333;
		--rep-color-1: #9D6464;
		--rep-color-2: #A87676;
		--highlight-color-1: #5296FC;
		--highlight-color-2: ;
		--buttonmain-color-1: #5296FC;
		--buttonmain-color-2: #74ACFF;
		--buttonmain-text-1: #FFF;
		--buttonmain-text-0: #000;
		--buttonsub-color-1: transparent;
		--buttonsub-color-2: #333;
		--link-color-1: #7DC4EF;
		--link-color-2: #5E9DC3;
		--brand-color-1: #5296FC;
		--brand-color-2: ;
		--header-left-img: url(//images-cdn.lowyat.net/forum/default/headerV2.png);
		--header-bg-img: url(//images-cdn.lowyat.net/forum/default/background-dark.gif);
	}


html{
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
        /*max-width: 1200px;*/
}

body{ 
	background: #FFF; /*css var fallback*/
	background: var(--bg-color-1);
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 14px;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	line-height: 140%;
	margin: 60px 0 0 0; /*css var fallback*/
	margin: calc(var(--nav-bar-height) + 0px) 0 0 0;
	padding: 0; /* required for Opera to have 0 margin */
	text-align: center; /* centers board in MSIE */
}

table,
tr,
td{ /* required for text in tables, because tables do not inherit from body */
	background: transparent;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	font-size: 14px;
 	line-height: 140%;
 	border-spacing: 0;
}

table{ /* makes all tables 100% wide */
	width: 100%;
}

td,
.divpad{ /* gives all tables faux cellpadding of 5px */
	padding: 5px 5px;
}

td.nopad{ /* allows some tables to have no padding on the td */
	padding: 0;
        padding-right: 5px;
}

form{
	display: inline;
	margin: 0; /* removes mystery form tag gapping */
	padding: 0; /* removes mystery form tag gapping */
}

img{
	border: 0; /* makes sure linked images do not have a border */
	vertical-align: middle;
}

/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */

a:link,
a:visited,
a:active{
	background: transparent;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	text-decoration: none;
}

a:hover{
	background: transparent;
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
}

/* 
 * ========================================
 * Main wrapper, this controls the overall width of the board in you browser view window. 
 * ========================================
 */

#ipbwrapper{ 
	margin: 10px auto 20px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
	/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */
	/* max-width: 1100px; */
	max-width: 80%;
	min-width: 1000px;
}



/* 
 * ========================================
 * styles for pagination links 
 * ========================================
 */
.pagelink,
.pagelinklast,
.pagecurrent {
	border: none;
	padding: 0;
	margin-right: 5px;
	margin-bottom: 8px;
}

.pagelink a,
.pagelinklast a,
.pagecurrent {
	display: inline-block;
	background: #F5F5F5;
	background: var(--bg-color-2);
	color: #222;
	color: var(--font-color-2);
	border-radius: 2px;
	font-size: 1.1em;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.minipagelink,
.minipagelinklast {
	border: none;
	margin-right: 3px;
}

.minipagelink a,
.minipagelinklast a {
	display: inline-block;
	background: #F5F5F5;
	background: var(--bg-color-2);
	color: #222;
	color: var(--font-color-2);
	border-radius: 2px;
	font-size: 10px;
	padding: 0px 6px;
}

.minipagelink a:hover,
.minipagelinklast a:hover,
.pagelink a:hover,
.pagelinklast a:hover,
.pagecurrent {
	background: #DDD;  /*css var fallback*/
	background: var(--bg-color-4);
}


.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link{
	text-decoration: none;
}

/* fake button effect for some links */
.fauxbutton{
	background: #BFCDE0;
	border: 1px solid #072A66;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
}

.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active{
	color: #222 !important;
	text-decoration: none;
}

.forumdesc,
.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active{ 
	background: transparent;
	font-size: 0.85em; 
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
	line-height: 135%;
	margin: 2px 0 0 0;
	padding: 0;
}

/* Fix Garage Sales forumdesc alignment on Chrome desktop */
span.forumdesc {
    display: block;
}


/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

.searchlite {
	background-color:yellow;
	font-weight:bold;
	color: red;
}

.activeusers{
	background: transparent;
	border: none;
	color: #000;
	margin: 0px;
	padding: 1px;
}

.activeuserposting a:link,
.activeuserposting a:visited,
.activeuserposting a:active,
.activeuserposting
{
	font-style:italic;
	text-decoration: none;
	border-bottom:1px dotted black;
}

fieldset.search{ 
	line-height: 150%;
	padding: 6px; 
}

label{ 
	cursor: pointer; 
}

img.attach{ 
	background: #808080 url(https://forum-nevada.lowyat.net/style_images/1/click2enlarge.gif) no-repeat top right;
	border: 1px solid #808080;
	margin: 0 2px 0 0;
	padding: 11px 2px 2px 2px;
}

.thumbwrap,
.thumbwrapp,
.fullimagewrap{
	border: 1px solid #072A66;
	margin: 2px;
}

.thumbwrapp{
	border: 2px solid #660707;
}

.fullimagewrap{
	background: #F5F9FD;
	text-align: center;
	margin: 5px 0 5px 0;
	padding: 5px;
}

.thumbwrap h4,
.thumbwrapp h4{	
	background: #DDE6F2;
	border: 0 !important;
	border-bottom: 1px solid #5176B5 !important;
	color: #5176B5; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 5px;
}

.thumbwrap p,
.thumbwrapp p{
	background: #EEF2F7 !important;
	border: 0 !important;
	border-top: 1px solid #5176B5 !important;
	margin: 0 !important;
	padding: 5px !important;
	text-align: left;
}

.thumbwrap p.alt,
.thumbwrapp p.alt{
	background: #DFE6EF !important;
	margin: 0 !important;
	padding: 5px !important;
	text-align: left;
}

.thumbwrapp p.pin{
	background: #EFDFDF !important;
	text-align: center !important;
}
	
.thumbwrap img.galattach,
.thumbwrapp img.galattach{
	background: #FFF url(https://forum-nevada.lowyat.net/style_images/1/img_larger.gif) no-repeat bottom right;
	border: 1px solid #072A66;
	margin: 5px;
	padding: 2px 2px 10px 2px;
}

li.helprow{ 
	margin: 0 0 10px 0;
	padding: 0; 
}

ul#help{ 
	padding: 0 0 0 15px; 
}

.warngood,
.warnbad{ 
	color: #0B9500;
	font-weight: bold;
}

.warnbad{ 
	color: #DD0000;
}

#padandcenter{ 
	margin: 0 auto 0 auto;
	padding: 14px 0 14px 0;
	text-align: center;
}

#profilename{ 
	font-size: 22px; 
	font-weight: bold; 
}

#photowrap{ 
	padding: 6px; 
}

#phototitle{ 
	border-bottom: 1px solid #000; 
	font-size: 24px; 
}

#photoimg{ 
	margin: 15px 0 0 0;
	text-align: center; 
} 

#ucpmenu,
#ucpcontent{ 
	background: #FFF; /*css var fallback*/
	background: var(--bg-color-1);
	border: none;
	line-height: 140%;
        width: auto;
}

#ucpmenu p{ 
	margin: 0; 
	padding: 2px 5px 6px 9px;
}

#ucpmenu a:link, 
#ucpmenu a:active, 
#ucpmenu a:visited{ 
	text-decoration: none; 
}

#ucpcontent{ 
	width: 100%;
}

#ucpcontent p{ 
	margin: 0;
	padding: 10px;
}

.activeuserstrip{ 
	background: #BCD0ED;
	padding: 6px;
}

/* Topic View elements */
.signature{  
	background: transparent;
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
	font-size: 12px;
	line-height: 120%;
	word-break: break-word;
}

/* Auto-resize siggy img - Added   */
.signature img{  
	max-width: 100%;
	/*max-height: 200px;*/
}

.postdetails{ 
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
	font-size: 0.85em;
	line-height:140%;
}

.postcolor{ 
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	font-size: 1em; 
	line-height: 140%;
	overflow-wrap: break-word;
	word-break: break-word;
}


.normalname{ 
	color: #003;
	font-size: 1.1em; 
	font-weight: bold; 
        overflow-wrap: break-word;
        word-wrap: break-word;
}

.post1,
.bg1{ 
	background: transparent;
}

.post2,
.bg3{ 
	background: transparent;
}

.post1 a:link, 
.post1 a:visited, 
.post1 a:active{ 
	color: #667d99;  /*css var fallback*/
	color: var(--link-color-1);
}

.post2 a:link, 
.post2 a:visited, 
.post2 a:active{ 
	color: #667d99;  /*css var fallback*/
	color: var(--link-color-1);
}

.post1 a:hover, 
.post2 a:hover {
	color: #475c75;  /*css var fallback*/
	color: var(--link-color-2);
}

.row2shaded,
.post1shaded {
	background: #EEE;  /*css var fallback*/
	background: var(--bg-color-3); 
}

.post1shaded a:link, 
.post1shaded a:visited, 
.post1shaded a:active{ 
	color: #667d99;  /*css var fallback*/
	color: var(--link-color-1);
}

.row4shaded,
.post2shaded {
	background: #EEE;  /*css var fallback*/
	background: var(--bg-color-3); 
}

.row4shaded,
.row4shaded a { 
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
}

.post2shaded a:link, 
.post2shaded a:visited, 
.post2shaded a:active{ 
	color: #667d99;  /*css var fallback*/
	color: var(--link-color-1);
}


.row1{ 
	background: transparent;
}

.row2{ 
	background: transparent;
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
}

.row2 a { 
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
}


/* Deprecated CSS Buttons - added 201709   */
.btnmainblue{
    background: #3e5369;
	-moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
	border-radius: 5px;
	color: #FFF;
	font-family: Sans-Serif;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	padding: 7px;
	vertical-align: middle;
	margin-left: 5px;
}

.btnmainblue i {
	color: #00EFFF;
}

a.btnmainblue:hover{
	background: #000;
	color: #FFF;
}

span.btnmainblue:hover{
	background: #000;
	color: #FFF;
}

.btnmaindull{
	background: #768698;
	-moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
	border-radius: 5px;
	color: #FFF;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	padding: 7px;
	vertical-align: middle;
	margin-left: 5px;
}

.btnmaindull i {
	color: #a3f9ff;
}

span.btnmaindull:hover{
	background: #000;
	color: #FFF;
}


.btnsubred, a.btnsubred{
	background: #DB4453;
	-moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
	border-radius: 5px;
	color: #FFF;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	margin-left: 3px;
}

.btnsubreddark, a.btnsubreddark{
	background: #958282;
	-moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
	border-radius: 5px;
	color: #FFF;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	margin-left: 3px;
}

a.btnsubreddark:hover{
	background: #d70000;
}

.btnsubblue, a.btnsubblue{
	background: #52677D;
	-moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
	border-radius: 5px;
	color: #FFF;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	margin-left: 3px;
	width: 40px;
	height: 10px;
}

a.btnsubblue:hover{
	background: #000;
}

.btnsubgreen, a.btnsubgreen {
	background: #3AAD73;
	/*border: 1px solid #FFF; */
	-moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
	border-radius: 5px;
	color: #FFF;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	margin-left: 3px;
}

.btn-quoteoff button {
	display: inline-block;
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
	background: transparent; /*css var fallback*/
	background: var(--buttonsub-color-1);
	font-size: 1em;
	font-family: "Segoe UI", Arial, sans-serif;
	font-weight: normal;
	padding: 7px 5px;
	border: none;
	border-radius: 3px;
	margin: 0px 2px;
	cursor: pointer;
	-webkit-transition: color .3s ease-out, background-color .3s ease-out;
	transition: color .3s ease-out, background-color .3s ease-out;
}

.btn-quoteoff button:hover {
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	background: #DDD; /*css var fallback*/
	background: var(--buttonsub-color-2);
}

.btn-quoteon button {
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	background: #DDD; /*css var fallback*/
	background: var(--buttonsub-color-2);
	-webkit-transition: color .3s ease-out, background-color .3s ease-out;
	transition: color .3s ease-out, background-color .3s ease-out;
}


.btnhide img {
	display: none;
}

.btn-ts, a.btn-ts {
    text-decoration: none;
    /*border: 1px solid transparent;*/
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    font-size: 8px;
    font-weight: 800;
    border-radius: 3px;
    padding: 2px 3px;
    margin-right: 3px;
    margin-bottom: 0px;
    text-align: center;
    position: relative;
    bottom: 1px;
    color: #ffffff;
    background: #c7c7c7;
    /*border-color: #2985c6 #21699c #21699c #2985c6;*/
}

.btn-ts-online, a.btn-ts-online {
    text-decoration: none;
    /*border: 1px solid transparent;*/
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    font-size: 8px;
    font-weight: 800;
    border-radius: 3px;
    padding: 2px 3px;
    margin-right: 3px;
    margin-bottom: 0px;
    text-align: center;
    position: relative;
    bottom: 1px;
    color: #ffffff;
    background: seagreen;
    /*border-color: #2985c6 #21699c #21699c #2985c6;*/
}

/* NEW rounded avatars corners -- added   --*/
.avatarwrap img {
	max-width: 80px;
	max-height: 80px;
	margin: 10px;
}

.avatar-groupimg-wrap img {
	max-width: 80px;
}


/* EDITED   */
.darkrow1{ 
	background: #DDD;  /*css var fallback*/
	background: var(--bg-color-4);
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
}

.darkrow3{ 
	background: transparent; 
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
}

/* tableborders gives the white column / row lines effect */
.plainborder,
.tablefill,
.tablepad{ 
	background: #FFF; /*css var fallback*/
	background: var(--bg-color-1);
	border: none;
}

.tablefill,
.tablepad{ 
	padding: 6px;  
}

.tablepad{ 
	border: 0 !important;
}

.wrapmini{ 
	float: left;
	line-height: 1.5em;
	width: 25%;
}

.pagelinks{
	float: left;
	line-height: 1.2em;
	width: 35%;
}

.desc{ 
	font-size: 0.9em; 
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
}

.lastaction{
	font-size: 0.9em; 
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
}

.edit { 
	font-size: 0.8em;
	color: #999;  /*css var fallback*/
	color: var(--font-color-4);
}

.thin{ 
	border: 1px solid #EFEFEF; /*css var fallback*/
	border: 1px solid var(--line-color-1);
	border-left: 0;
	border-right: 0;
	line-height: 140%;
	margin: 2px 0 2px 0;
	padding: 6px 0 6px 0;
}

/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

/* 
 * ========================================
 * calendar styles 
 * ========================================
 */
	
.calmonths{ 
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	font-size: 18px; 
	font-weight: bold; 
	margin: 5px 0 5px 0;
	padding: 8px;
	text-align: center;
}

.weekday{
	font-size: 14px;
	font-weight: bold;
}

.calmonths a{
	text-decoration: none;
}

.calday,
.calweekday{ 
	background: #DFE6EF;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 4px;
	text-align: right;
}

.calweekday{
	border-right: 1px solid #AAA;
	color: #222;
	font-size: 14px;
	padding: 6px;
	text-align: center;
}

.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{
	background: #EEF2F7;
	height: 100px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.mcellblank,
.mcelldate,
.mcelltoday{
	height: auto;
}

.cellblank,
.mcellblank{
	background: #C2CFDF;
}

.celltoday,
.mcelltoday{
	border: 2px solid #8B0000;
}

/* 
 * ========================================
 * form styles 
 * ========================================
 */

input,
textarea,
.footerbtn a{
	background: transparent;
	border: none;
	-moz-border-radius: 0;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 0; /* Safari 4-, Chrome 3- */
	border-radius: 0;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 14px;
	max-width: 100%;
	margin: 5px 0;
	padding: 2px;
	vertical-align: middle;
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
}

select {
	background: #FFF; /*css var fallback*/
	background: var(--bg-color-1);
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	border: 1px solid #DDD; /*css var fallback*/
	border: 1px solid var(--line-color-2);
	font-family: "Segoe UI", Arial, sans-serif;
	max-width: 100%;
	margin: 5px 0;
	padding: 2px;
	vertical-align: middle;
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
}

input.button{
	margin: 0;
	width: auto;
}

optgroup option{
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 12px;
}

.codebuttons{ 
	font-family: "Segoe UI", Arial, sans-serif;
	vertical-align: middle;
	margin:2px;
	padding: 7px 10px;
	background: transparent;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	border: none;
	cursor: pointer;
}

/* NEW textarea and buttons */
.textarea,
.searchinput{
	background: #F5F5F5; /*css var fallback*/
	background: var(--bg-color-2);
	border:  1px solid transparent;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	padding: 2px;
	vertical-align: middle;
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
}


#ipbwrapper input[type="text"],
#ipbwrapper input[type="password"],
.borderwrap textarea {
	background: #F5F5F5; /*css var fallback*/
	background: var(--bg-color-2);
	border: 1px solid #DDD; /*css var fallback*/
	border: 1px solid var(--line-color-2);
	-moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
	border-radius: 5px;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	margin: 5px 0;
	padding: 2px;
	vertical-align: middle;
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
}

#ipbwrapper input[type="text"]:hover,
#ipbwrapper input[type="password"]:hover,
.borderwrap textarea:hover,
.textarea:hover,
.searchinput:hover {
	border: 1px solid #AAA; /*css var fallback*/
	border: 1px solid var(--line-color-4);
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
}

#ipbwrapper input[type="text"]:focus,
#ipbwrapper input[type="password"]:focus,
.borderwrap textarea:focus,
.textarea:focus,
.searchinput:focus {
	background: #FFF; /*css var fallback*/
	background: var(--bg-color-1);
	border: 1px solid #AAA; /*css var fallback*/
	border: 1px solid var(--line-color-4);
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
}

#forum-jumplist {
	display: block;
	padding: 5px 10px;
}

#forum-jumplist select {
	max-width: 200px;
	text-overflow: clip;
}


button {
    font-family: "Segoe UI", Arial, sans-serif;
}

/* NEW textarea and buttons -- added   --*/
/* NEW textarea and buttons */
.button,
.gobutton{
    background: #F5F5F5; /*css var fallback*/
    background: var(--bg-color-2);
    border: 1px solid #DDD; /*css var fallback*/
    border: 1px solid var(--line-color-2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #222;  /*css var fallback*/
    color: var(--font-color-1);
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: normal;
    padding: 3px 5px;
    vertical-align: middle;
    cursor: pointer; 
}

.button:hover,
.gobutton:hover {
    background: #DDD; /*css var fallback*/
    background: var(--buttonsub-color-2);
	transition: background .2s ease-out;
}

.radiobutton,
.checkbox,
.helpbox { 
	border: 0;
	vertical-align: middle;
}

/* 
 * class.formtable 
 *
 * used for tabled forms 
 * technically tables should not be used for form display 
 * but, in the case of IPB a table is easier to work with
 * for the average webmaster, who has little to no CSS knowledge.
 *
 */

.formtable{
	background: transparent;
}

.formtable td,
.pformleft,
.pformleftw,
.pformright{
	background: transparent;
	border: none;
	border-bottom: 1px solid #EFEFEF; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-1);
	border-left: 0;
	font-weight: normal;
	margin: 1px 0 0 0;
	padding: 6px;
	/*width: 25%;*/
	width: auto;
} 


.formtable td.wider,
.pformleftw,
.pformright{
	width: 40%;
}

.formtable td.formright,
.pformright{
	border-right: 0;
	font-weight: normal;
	width: auto;
} 

.formtable td.formtitle,
.formsubtitle{
	background: transparent;
	border: none;
	border-bottom: 1px solid #EFEFEF; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-1);
	border-left: 0;
	border-right: 0;
	font-weight: normal;
}

.formsubtitle{ 
	border: none;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	font-weight: normal;
	padding: 5px;
}

.formtable td.formstrip{
	background: #DDE8F2;
	border: 1px solid #9FB9D4;
	border-left: 0;
	border-right: 0;
	font-weight: normal;
}

/* 
 * ========================================
 * new style quote and code wrappers MATT's DESIGN 
 * ========================================
 */

.spoilertop {
	/* background: #E4EAF2 url(https://forum-nevada.lowyat.net/style_images/1/css_img_spoiler.gif) no-repeat right; */
	background: #DDD;  /*css var fallback*/
	background: var(--bg-color-4);
	border: none;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	width: 90%;
	font-weight: bold;
	font-size: 0.9em;
	margin: 10px auto;
	padding: 7px 40px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.spoilertop::before {
	font-family: "Font Awesome 5 Free";
	content: "\f070";
	position: absolute;
	left: 10px;
	font-size: large;
}

.spoilermain {
	background: #EEE;  /*css var fallback*/
	background: var(--bg-color-3);
	border: none;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	width: 90%;
	padding: 10px;
	margin: -10px auto 10px auto;
	box-sizing: border-box;
}

.quotetop{
	background: #F5F5F5;
	background: var(--bg-color-2);
	border: none;
	border-bottom: 0;
	border-left: 4px #CCC; /*css var fallback*/
	border-left: 4px solid var(--line-color-3);
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
	font-weight: normal;
	font-size: 10px;
	margin: 8px auto 0 auto;
	padding: 3px;
	clear: right;
}

.quotetop::after {
	font-family: "Font Awesome 5 Free";
	content: "\f10e";
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
	font-weight: 900;
	font-size: 1em;
	padding-left: 10px;
}

.quotemain{
	background-color: #F5F5F5; /*css var fallback*/
	background-color: var(--bg-color-2);
	border: none;
	border-left: 4px #CCC; /*css var fallback*/
	border-left: 4px solid var(--line-color-3);
	border-top: 0;
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
	padding: 4px;
	margin: 0 auto 1em auto;
}


.codetop,
.sqltop,
.htmltop{
	background: #FDDBCC url(https://forum-nevada.lowyat.net/style_images/1/css_img_code.gif) no-repeat right;
	color: #000;
	font-weight: bold;
	margin: 0 auto 0 auto;
	padding: 3px;
	width: 98%;
}

.codemain,
.sqlmain,
.htmlmain{
	background: #FAFCFE;
	border: 1px dotted #000;
	color: #465584;
	font-family: "Segoe UI", Arial, sans-serif;
	margin: 0 auto 0 auto;
	padding: 2px;
	width: 98%;
}

/* 
 * ========================================
 * old school quote and code styles - backwards compatibility 
 * ========================================
 */

#QUOTE,
#CODE{  
	background: #FAFCFE; 
	border: 1px solid #000; 
	color: #465584; 
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 11px; 
	padding: 2px; 
	white-space: normal;
}

#CODE{ 
	font-family: "Segoe UI", Arial, sans-serif;
}

/* 
 * ========================================
 * All New Styles 
 * ========================================
 */
.cleared{
	clear: both;
}



.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
	background: #FFF;  /*css var fallback*/
	background: var(--bg-color-1);
	/*border: solid 1px #DDD; css var fallback*/
	/*border: solid 1px var(--line-color-2);*/
	border: none;
	border-radius: 5px;
       	padding: 0; 
	margin: 0; 
}

.borderwrapm{
	margin: 5px;
}

.fbwrap,
.fbwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
	background: #FFF; 
	border: 1px solid #072A66;
        padding: 0; 
	margin: 3px 0 3px 0; 
}

.fbwrapm{
	margin: 5px;
}



.borderwrap h3,
.maintitle,
.maintitlecollapse{
	/*background: #53839D url(https://forum-nevada.lowyat.net/style_images/1/cell.gif);*/
	background: #DDD;  /*css var fallback*/
	background: var(--bg-color-4);
    border: none;
	border-bottom: none;
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
	font-size: 1.1em;
	font-weight: bold; 
	margin: 0;
	padding: 12px 10px;
}

.maintitlecollapse{
	border: 1px solid #FFF;
}

.maintitle p,
.maintitlecollapse p,
.formsubtitle p{
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members{
	float: right;
	width: auto !important;
}

.maintitle p.expand a,
.maintitle div.maintitle-right a {
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
	font-size: 0.9em;
	font-weight: normal;
}

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited{ 
	background: transparent;
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
	text-decoration: none; 
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active{ 
	background: transparent;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
}


table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar{ 
	/* background: transparent url(https://forum-nevada.lowyat.net/style_images/1/tile_sub.gif); */
	background: transparent;
	border-bottom: 1px solid #EFEFEF; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-1);
	color: #777; /*css var fallback*/
	color: var(--font-color-3); 
	font-size: 1em;
	font-weight: normal; 
	letter-spacing: initial;
	margin: 0; 
	padding: 5px; 
}

.subtitlediv{
	border: 1px solid #FFF;
	border-bottom: 1px solid #5176B5;
	text-align: right;
}

.borderwrap table th a:link,
.subtitle a:link,
.subtitlediv a:link,
.borderwrap table th a:visited,
.subtitle a:visited, 
.subtitlediv a:visited, 
.borderwrap table th a:active,
.subtitle a:active,
.subtitlediv a:active,
.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover{ 
	background: transparent;
	color: #667d99;  /*css var fallback*/
	color: var(--link-color-1);
	text-decoration: none; 
}

.favoritelink:hover{ 
	color: #000000;
	text-decoration: none; 
}

.borderwrap h4{
	background: #DDE6F2;
	border: none;
	border-bottom: none;
	border-top: none;
	color: #5176B5; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 5px;
}

.borderwrap p{
	background: transparent;
	border: none;
	color: #444; /*css var fallback*/
	color: var(--font-color-2); 
	margin: 5px;
	padding: 10px;
	text-align: left;
}


td.formbuttonrow,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
	background: transparent !important; 
	border-bottom: none;
	margin: 0px !important;
	padding: 5px !important;
	text-align: center;
}

td.formbuttonrow{
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.borderwrap p.formbuttonrow1{
	background: #F9F9F9 !important;
	border: 0;
	border-top: 1px solid #CCC;
}
.bar,
.barb,
.barc{
	background: transparent;
	border: none;
}

.barc{
	border-bottom: 0;
	padding: 10px 0px;
}

.bar p,
.barb p,
.barc p{
	background: transparent;
	border: 0;
	color: #222;
	font-size: 11px;
	margin: 0;
	padding: 5px;
	text-align: left;
}

.barb p{
	text-align: right;
}

.bar p.over,
.bar p.overs,
.barc p.over,
.barc p.overs{
	float: right;
}

.barb p.over,
.barb p.overs{
	float: left;
}

.bar p.overs,
.barb p.overs,
.barc p.overs{
	position: relative;
	top: 5px;
}

.catend{
	border-bottom: 1px solid #DDD; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-2);
	background: transparent;
	color: #000;
	font-size: 1px;
	height: 1px;
}

.newslink{
	background: transparent;
	border: none;
	margin: 0;
	width: 100%;
        min-height: 60px;
}

.newslink td{
	color: #444; /*css var fallback*/
	color: var(--font-color-2); 
	font-size: 0.85em;
	padding: 5px 5px 5px 10px;
}

.fblink{
	background: #E4EAF2;
    border: 1px solid #C2CFDF;
	margin: 0;
	width: 100%;
}

.fbslink td{
	color: #222;
	font-size: 10px;
	padding: 5px 5px 5px 10px;
}

.newslink span{
	background: transparent;
	color: #444; /*css var fallback*/
	color: var(--font-color-2); 
	font-style: italic;
	font-weight: normal;
}

.newslink input{
	background: #FFF;
	border: 1px solid #999;
	color: #072A66;
	font-size: 10px;
	padding: 3px;
	vertical-align: middle;
	width: auto;
}

.newslink input.button{
	background: transparent;
	border: 0;
	color: #072A66;
	vertical-align: middle;
}

.fieldwrap{
	background: #F9F9F9;
	border: 1px solid #CCC;
	border-top: 0;
	margin: 5px;
	padding: 0;
	text-align: left;
}

.fieldwrap h4{
	background: #EEE;
	border: 1px solid #CCC;
	border-left: 0;
	border-right: 0;
	color: #444; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 5px;
}

/* EDITED   */
.errorwrap,
#pmnotewrap{
	background: #FCF6F6; /*css var fallback*/
	background: var(--error-color-2);
	border: none;
	border-top: 0;
	margin: 5px;
	padding: 0;
}

/* EDITED   */
.reportq{
	background: #EFDDDD;
	border: 1px solid #E19696;
	border-top: 0;
	margin: 5px;
	padding: 0;
}

#pmnotewrap{
	line-height: 135%;
	margin: 0 0 5px 0;
}

/* EDITED   */
.errorwrap h4,
#pmnotewrap h4{
	background: #FFE9E9; /*css var fallback*/
	background: var(--error-color-1);
	border: none;
	border-left: 0;
	border-right: 0;
	color: #FFF;
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 5px;
}

/* EDITED   */
.reportq h4{
	background: #DB9C9C;
	border-left: 0;
	border-right: 0;
	color: #FFF;
	font-size: 11px;
	font-weight: bold; 
	margin: 0;
	padding: 5px;
}

.errorwrap p,
#pmnotewrap p{
	background: transparent;
	border: 0;
	color: #F56E6E; /*css var fallback*/
	color: var(--font-color-error);
	margin: 0;
	padding: 8px;
}

.errorwrap textarea {
	background: #FFF; /*css var fallback*/
	background: var(--bg-color-1);
}


#rep-details {
	background: #F2E1E1; /*css var fallback*/
	background: var(--rep-color-1);
	color: #444; /*css var fallback*/
	color: var(--font-color-2); 
	padding: 20px 40px;
	margin: 20px;
}

#rep-details h4 {
	background: transparent;
	color: #222; /*css var fallback*/
	color: var(--font-color-1); 
	font-size: initial;
	margin-bottom: 10px
}

#rep-details ul {
	margin: 0;
	padding: 0;
}

#rep-details li {
	display: inline-block;
	padding-right: 5px;
}

#rep-details a {
	color: #222; /*css var fallback*/
	color: var(--font-color-1); 
}

#rep-details textarea {
	background: #F7ECEC; /*css var fallback*/
	background: var(--rep-color-2);
	color: #444; /*css var fallback*/
	color: var(--font-color-2); 
	width: 85%;
	margin: 10px 0;
}

#rep-details .buttonsub {
	color: #444; /*css var fallback*/
	color: var(--font-color-2); 
	background: transparent;
}

#rep-details .buttonsub:hover {
	color: #222; /*css var fallback*/
	color: var(--font-color-1); 
	background: #F7ECEC; /*css var fallback*/
	background: var(--rep-color-2);
}


.reportq p{
	background: transparent;
	border: 0;
	color: #992A2A;
	margin: 0;
        font-size: 11px;
        padding: 2px;
}

 
#pmnotewrap p.pmavatar{
	float: left;
}

/* EDITED   */
#pmnotewrap p.pmnotefoot{
	text-align: right;
}

#pmnotewrap a:link, 
#pmnotewrap  a:visited{ 
	background: transparent; 
	color: #992A2A; 
	text-decoration: underline;
}

#pmnotewrap a:hover, 
#pmnotewrap a:active{
	background: transparent; 
	color: #992A2A; 
	text-decoration: none;
}

/* EDITED   */
.ruleswrap {
	background: #FFE9E9;
	border: none;
	color: #444;
	margin: 5px 0 5px 0;
	padding: 5px;
}

.ruleswrap a {
    color: #444;
}

.ruleswrap a:hover {
    color: #222;
}

#redirectwrap{
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	margin: 200px auto 0 auto;
	text-align: left;
	width: 500px;
}

#redirectwrap h4{
	background: #D0DDEA;
	border-bottom: 1px solid #C2CFDF;
	color: #3A4F6C;
	font-size: 14px;
	margin: 0;
	padding: 5px;
}

#redirectwrap p{
	margin: 0;
	padding: 5px;
}

#redirectwrap p.redirectfoot{
	background: #E3EBF4;
	border-top: 1px solid #C2CFDF;
	text-align: center;
}


#gfooter{
	background: transparent;
	margin: 50px 0;
	padding: 0;
	width: 100%;
}

#gfooter td{
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
	font-size: 0.8em;
	padding: 4px;
}

#gfooter a:link,
#gfooter a:visited{
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
}

#gfooter-mobile input {
	display: inline-block;
	background: transparent; /*css var fallback*/
	background: var(--buttonsub-color-1);
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
	font-size: 1em;
	font-weight: bold;
	padding: 5px 5px;
	border: none;
	border-radius: 3px;
	margin: 0px 2px;
	cursor: pointer;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

#gfooter-mobile input:hover {
	background: #DDD; /*css var fallback*/
	background: var(--buttonsub-color-2);
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
}


#logo {
	background: url('//images-cdn.lowyat.net/forum/default/header.png');
	background: var(--header-left-img); 
	width: 450px;
	height: 150px;
	display: block;
	float: left;
	text-indent: -9999em;
}

#logo_right {
	background: url('//images-cdn.lowyat.net/forum/default/right.png');
	background: var(--header-right-img); 
	width: 468px;
	height: 150px;
	display: block;
	float: right;
	text-indent: -9999em;
}

#logostrip{ 
	display:block;
	background: transparent url('//images-cdn.lowyat.net/forum/default/background.gif');
	background: transparent var(--header-bg-img);      
	/*background: #000000;*/
	/*background-size: cover;*/
	border: none;
	height: 150px;
	margin: 0;
	padding: 0;
	vertical-align:top;
	overflow:hidden;
}


#logostrip2{ 
    /*background: url(https://forum-nevada.lowyat.net/style_images/ad_loading.gif);*/
	border: 0px solid #FFF;
    position: absolute;
    top: 24px;
    right: 50px;
}

#logostrip3{ 
	border: 0px solid #FFF;
	position: absolute;
    top: 90px;
    right: 35px;
}

#logostrip4{ 
	border: 0px solid #FFF;
    padding-right: 5px;
    padding-left: 5px;
}

#logostrip-right{ 
	position:absolute;
    right:22px;
    text-align:right;
}


#submenu{ 
	background: transparent url(https://forum-nevada.lowyat.net/style_images/1/tile_sub.gif);
	border: 1px solid #FFF;
	border-top: 0;
	color: #3A4F6C; 
	margin: 0; 
}

#userlinks,
#userlinksguest{ 
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	margin: 5px 0 5px 0;
	padding: 0 5px 0 5px;
}

#userlinks P.right A {
	padding: 0.5em;
}

#ads { 
    margin: 5px 0 5px 0;
    width: 728px;
margin-left: auto;
margin-right: auto;
}

#ads_center { 
	border: 0px solid #c2cfdf;
    margin: -12px 0 5px 0;
	padding: 1px 0px 1px 0px;
    width: 900px;
    margin-left:auto;
    margin-right:auto;
        
}

#ads2 { 

	background: #ffffff;
	border: 1px solid #53839D;
	margin: -12px 0 5px 0;
	padding: 1px 1px 1px 1px;
    height: 61px;
    text-align: center;

}

#ads3 { 

	background: #e4eaf2;
	border: 1px solid #53839D;
	margin: 5px 0 5px 0;
	padding: 1px 1px 1px 1px;
    height: auto;
    text-align: center;

}

#ads4 { 
    background: #e4eaf2;
	border: 1px solid #C2CFDF;
	margin: -12px 0 5px 0;
	padding: 1px 1px 1px 1px;
    height: 60px;
    text-align: center;
}


#userlinksguest{ 
	background: #F4E7EA;
	border: 1px solid #986265;
}

#submenu p,
#userlinks p,
#userlinksguest p{
	background: transparent !important;
	border: 0 !important;
	font-size: 10px;
	font-weight: bold; 
	letter-spacing: 1px;
	margin: 0 !important;
	padding: 7px 0 7px 0; 
	text-align: right;
}

#userlinks p,
#userlinksguest p{
	font-weight: normal;
	letter-spacing: 0;
}

#submenu p.home,
#userlinks p.home,
#userlinksguest p.home{
	float: left;
}

#userlinksguest p.pcen{
	text-align: center;
}

#submenu a:link, 
#submenu  a:visited{ 
	background: transparent; 
	color: #3A4F6C; 
	padding: 0 6px 0 6px;
	text-decoration: none;
}

#submenu a:hover, 
#submenu a:active{
	background: transparent; 
	color: #5176B5; 
}

/* EDITED   */
#navstrip{ 
	background: transparent;
	color: #777; /*css var fallback*/
	color: var(--font-color-3); 
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 8px 0 8px 0px; 
}


/* EDITED   */
#navstrip a:link, 
#navstrip a:visited{ 
	background: transparent;
	text-decoration: none;
	-moz-border-radius: 0px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 0px; /* Safari 4-, Chrome 3- */
	border-radius: 0px;
	padding: 2px;
	color: #777; /*css var fallback*/
	color: var(--font-color-3); 
	padding-left: 8px;
	padding-right: 8px;
	border: none;
}

/* EDITED   */
#navstrip a:hover, 
#navstrip a:active{
	background: transparent;
	text-decoration: none;
	border-radius: 0;
	padding: 2px;
	color: #222; /*css var fallback*/
	color: var(--font-color-1); 
	padding-left: 8px;
	padding-right: 8px;
	border: none;
}


#navstrip-dark{ 
	background: transparent;
	color: #999;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 8px 0 8px 0px; 
}

#navstrip-dark a:link, 
#navstrip-dark  a:visited{ 
	background: transparent; 
	color: #FFF;
        text-decoration: none;
}

#navstrip-dark a:hover, 
#navstrip-dark a:active{
	background: transparent; 
	color: #5176B5; 
}

.toplinks{
	background: transparent;
	color: #000;
	margin: 5px 0 2px 0;
	padding: 0 0 5px 0;
	text-align: right;
}

.toplinks span {
	background: transparent;
	border: none;
	font-size: 0.9em;
	font-weight: bold;
    margin: 0;
	padding: 5px;
}

.toplinks a {
	color: #667d99;  /*css var fallback*/
	color: var(--link-color-1);
}

.toplinks a:hover {
	color: #475c75;  /*css var fallback*/
	color: var(--link-color-2);
}

.copyright{ 
	color: #444; /*css var fallback*/
	color: var(--font-color-2); 
	font-size: -1px; 
	margin: 0 0 0px 0;
	padding: 0px;
}

.copyright a {
	color: #444; /*css var fallback*/
	color: var(--font-color-2); 
}

.copyright-dark{ 
	font-size: -1px; 
	margin: 0 0 0px 0;
	padding: 0px;
        color: #FFF;
}

.copyright-dark a:link{ 
	font-size: -1px; 
	margin: 0 0 0px 0;
	padding: 0px;
        color: #FFF;
}


/* 
 * ========================================
 * print page styles 
 * ========================================
 */

#print{
	margin: 20px auto 20px auto;
	padding: 0;
	text-align: left;
	width: 85%;
}

#print h1,
#print h2,
#print h3,
#print h4,
#print p{
	color: #036;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 8px;
}

#print h2,
#print h3,
#print p{
	border-bottom: 1px solid #999;
	font-size: 11px;
	font-weight: normal;
}

#print h3{
	background: #F5F5F5;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#print h4{
	background: #F9F9F9;
	font-size: 11px;
}

#print p{
	margin: 0 0 5px 0;
	padding: 10px;
}

#print p.printcopy{
	border: 0;
	color: #000;
	text-align: center;
}

@media only screen and (min-width: 1360px) {
    #lb_top {
        background: url(//images-cdn.lowyat.net/forum/lb_bg.png)no-repeat center top;
        padding-bottom: 15px;
        width: 1278px;
        margin: 0 auto;
    }
}

#ads7 { 
	text-align:center;
	border: 0px solid #b4c2d9;
	padding: 10px 0;
	height: 90px;
	margin-left: auto;
	margin-right: auto;    
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center; /* Safari 6.1+ */
	justify-content: center;
}

#ads6 { 
        text-align:center;
	border: 0px solid #b4c2d9;
	padding: 10px 0;
        height: 90px;
        margin-left: auto;
        margin-right: auto;    
}

#ads9 { 
	/*background: url(https://forum-nevada.lowyat.net/style_images/1/rounded-leader-bg.jpg);*/
	border: 1px solid #b4c2d9;
	padding: 1px 1px 1px 1px;
	width: 728px;
        height: 90px;
margin-top:3px;
margin-left: auto;
margin-right: auto;    
}


#ads_mobilepda { 
        text-align:center;
	width: 728px;*/
        height: 90px;
        margin-left: auto;
        margin-right: auto;    
        padding: 20px 0;
}

#ads_bottom { 
        /*text-align: center;*/
	border: 0px solid #b4c2d9;
	padding: 1px 1px 1px 1px;
        min-height: 90px;
        margin-top:1px;
        margin-bottom: 1px;
        margin-left: auto; 
        margin-right: auto;    
}

#ads_bottom_1 { 
	border: 1px solid #b4c2d9;
	padding: 1px 1px 1px 1px;
	width: 336px;
        height: 280px;
        margin-top:1px;
        margin-bottom: 1px;
        margin-left: auto; 
        margin-right: auto;    
}

#ads_bottom_large { 
	border: 0px solid #b4c2d9;
	padding: 1px 1px 1px 1px;
	width: 970px;
        height: 90px;
        margin-top:1px;
        margin-bottom: 1px;
        margin-left: auto; 
        margin-right: auto;    
}

#ads_bottom_billboard { 
	border: 1px solid #b4c2d9;
	padding: 1px 1px 1px 1px;
	width: 970px;
        height: 250px;
        margin-top:1px;
        margin-bottom: 1px;
        margin-left: auto; 
        margin-right: auto;    
}

#ads_bottom_leaderboard2 { 
	border: 0px solid #b4c2d9;
	padding: 1px 1px 1px 1px;
        margin-top:1px;
        margin-bottom: 1px;
        margin-left: auto; 
        margin-right: auto;    
}


#adloading{ 
        background: url(https://forum-nevada.lowyat.net/style_images/ad_loading.gif);
	border: 1px solid #000;
        width: 468px;
        height: 60px;
     
}

#merdeka {
 position:absolute;
background:transparent url(http://www.lowyat.net/v2/templates/247portal-b-geek/images/merdeka.png) no-repeat;
 top:0;
 right:0;
 width:156px;
height:147px;
z-index: 1;
}

#feedx{
        background-color: #e4eaf2;
}

#fo_0 th {
        background: url(/style_images/1/tile_sub_dark.png);
}

#fo_0 .maintitle {
        background-color: #303b4a;
}

#page_bottom { position: absolute; right: 0px; bottom: 0px; xz-index: 99999 }
body > table#page_bottom { position: fixed; }
body > div#page_bottom { position: fixed; width: 100% }

.navbar2 { background-color: #666; border-top: 1px solid #4B4B4A; border-bottom: 1px solid #4B4B4A; color:
#fff; font-size: 10.5px; padding: 4px 10px 4px 10px; text-align: left;
width: 100%; white-space: nowrap;
font-weight: bold;
}
.navbar2 A:link { color: #FFFFFF }
.navbar2 A:active { color: #FFFFFF }
.navbar2 A:hover { color: #FFFFFF }
.navbar2 A:visited { color: #FFFFFF }
.navbar2 .sc { color: #FFCC00 }

/* Utility styles */
.background {
  background: #F4F7FB; /*css var fallback*/
  background: var(--bg-color-hl);
}

/* shrink quoted pictures -WK */
DIV.quotemain IMG {
    max-height: 350px;
    max-width: 350px;
}


/* shadow for youtube/vimeo videos -WK */
DIV.postcolor IFRAME, VIDEO {
/* box-shadow: 0 0 10px black; -original*/
box-shadow: 0 0 1px black;
}

/* member tag bubble -WK */
SPAN.member-tagged:before {
    content: "@";
}

SPAN.member-tagged {
    background-color: #F5F5F5; /*css var fallback*/
    background-color: var(--bg-color-2);
    padding: 3px;
    border: 0;
    border-radius: 4px;
}

/* Tables in posts -WK */
DIV.post_text TABLE, DIV.postcolor TABLE {
    width: auto;
    background-color: #F5F5F5; /*css var fallback*/
    background-color: var(--bg-color-2);
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
}

DIV.post_text TR, DIV.post_text TD, DIV.postcolor TR, DIV.postcolor TD {
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #CCC; /*css var fallback*/
    border-bottom: 1px solid var(--line-color-3);
}

DIV.post_text IMG,
#post-body-row IMG {
    max-width: 100%;
    /* Added   for rounded edge post pics */
    -moz-border-radius: 10px;    /* Firefox 3.6-, removed in Firefox 13 */
    -webkit-border-radius: 10px; /* Safari 4-, Chrome 3- */
    border-radius: 10px;
}

/* Darkmode iframe fix */
DIV.postcolor iframe {
	background: #FCFCFC !important;
}

/* Tooltip, used for Serious Kopitiam popup -WK */
.tooltip {
	display:none;
	background:transparent url(/style_images/jquery/tooltip/black_arrow.png);
	font-size:8pt;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

.invisible {
	height: 0px;
	width: 0px;
	visibility: hidden;
	display: none
}

/* Constrain images to fit browser width -WK */
TABLE.post_table {
	table-layout: fixed;
	margin-bottom: 10px;
}

TD.post_td_left {
	width: 170px;
	vertical-align: middle;
}

TD.post_td_right {
	width: 100%;
	vertical-align: top;
}

IFRAME.youtube {
	width: 780px;
	height: 470px;
	max-width: 100%;
}

VIDEO {
	width: 780px;
	height: 470px;
	max-width: 100%;
}


/* Warning for old MSIE users */
DIV.oldmsie {
	border: 1px solid black;
	background-color: yellow;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	margin-bottom: 3px;
}

/* Post preview! */
DIV.post_preview {
    clear: left;
    line-height: 1em;
    max-height: 7em;
    padding-left: 2em;
    padding-right: 1em;
    overflow: hidden;
    font-style: italic;
    text-overflow: elipsis;
}

DIV.post_preview IMG {
    max-height: 2em;
    max-width: 2em;
}

DIV#forum_autorefresh_topics {
    border: 1px solid black;
    background-color: yellow;
    position: fixed;
    padding: 2px;
    left: 3px;
    top: 3px;   
}

/* Trade zone sidebar - full cream version */
@media only screen 
and (min-width : 1200px) {
  DIV#sidebar {
    width: 220px;
    float: left;
    padding-right: 5px;
  }

  #sidebar_header {
    height: 35px;
    margin: -5px;
  }

  #content_header {
    height: 35px;
  }

  DIV#sidebar > DIV {
    margin-bottom: 5px;
  }

  DIV.content {
    background-color: #DFE6EF;
  }

  DIV#navigation_menu H1 {
    font-size: 11px;
    margin: 0;
    padding: 0.5em 0 0 0.5em;
  }

  DIV#navigation_menu H2 {
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 1.5em;
  }
  
  DIV#navigation_menu H3 {
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 2.5em;
    background: none;
    border: none;
  }

  DIV#navigation_menu H4 {
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 3.5em;
  }

  DIV#navigation_menu H2:before,
  DIV#navigation_menu H3:before,
  DIV#navigation_menu H4:before
  {
    content: '\00B7  ';
    color: black;
  }

  DIV.forum_tags {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin: 5px 5px 5px 1em;
    font-weight: normal;
    text-decoration: none;
  }

  DIV.forum_tags:before {
    content: "Tags";
    color: gray;
    font-style: italic;
    float: right;
  }

  SPAN.forum_tag {
    display: block;
  }

  SPAN.forum_tag:before {
    content: '\00B7  ';
  }

  SPAN.active_users {
    color: white;
    background: black;
    font-size: 10px;
    display: none; 
    float: right;
    clear: both;
  }

  SPAN.active_users:after {
    
}

  DIV#rules UL {
    margin: 0;
    padding: 0 0 0 0em;
  }

}

@media only screen 
and (max-width : 1199px) {

  DIV#sidebar {
    width: 100%;
  }

  #sidebar_header {
    display: none;
  }

  DIV#sidebar > DIV {
    margin-bottom: 5px;
  }

  DIV.content {
    background-color: #DFE6EF;
  }

  DIV#navigation_menu H1 {
    font-size: 11px;
    margin: 0;
    padding: 0.5em 0 0 0.5em;
    clear: both;
  }

  DIV#navigation_menu H2 {
    font-weight: normal;
    font-size: 11px;
    margin: 2px;
    padding: 2px;
    float: left;
  }

  DIV#navigation_menu H3 {
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    margin: 2px;
    padding: 2px;
    background: none;
    border: none;
    float: left;
  }

  DIV#navigation_menu H4 {
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 3.5em;
    float: left;
  }

  DIV#navigation_menu H2:before,
  DIV#navigation_menu H3:before,
  DIV#navigation_menu H4:before
  {
    content: '\00B7  ';
    color: black;
  }

  DIV.forum_tags {
    display: none;
  }

  SPAN.active_users {
    display: none;
  }

  DIV#rules UL {
    margin: 0;
    padding: 0 0 0 0em;
  }

  DIV#rules P {
    border: 0;
    padding: 0;
    background: none;
    color: #777; /*css var fallback*/
    color: var(--font-color-3); 
  }

  SPAN.TAG {
    display: none;
  }

}

/* Topic title & description in forum list */
DIV.topic_title {
    display: inline;
}

SPAN.topic_desc {
  display: block;
  margin-top: 8px;
}

/* Trade zone prefixes */
SPAN.topic_prefix {
    font-size: 9px;
    font-weight: bold;
    padding: 2px;
    -moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
    -webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
    border-radius: 5px;     /* Firefox 4+, Safari 5+, Chrome 4+, Opera 10.5+, IE9+ */
}

SPAN.WTS {
	background-color: #599677; 
    color: white;
}

SPAN.WTB {
    background-color: #387be1;  
    color: white;
}

SPAN.WTT {
	background-color: #8d67a1;  
    color: white;
}

SPAN.WTR {
	background-color: #a19c67;  
    color: white;
}

SPAN.NEW {
    background-color: #66cccc;
    color: white;
}

SPAN.REPORTED {
    background-color: #CB8989;  
    color: white;
}

SPAN.TAG {
    float: right;
    text-transform: uppercase;
    background-color: #d0d0d0;
    color: #444444;
}

/* Verified tag */
IMG.verified {
    margin: 0px 0px 2px 5px;
}

/* Garage Sales categories */
DIV.gs_categories {
    margin-bottom: -1.5em;
}

DIV.gs_category {
    width: 16em;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 1em 1em;
}

DIV.gs_category H1 {
    font-size: 11px;
    margin: 0;
    padding: 0;
}

DIV.gs_category H2 {
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 1em;
}

DIV.gs_category H3 {
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 2em;
    background: 0;
    border: 0;
}

DIV.gs_category H2:before,
  DIV.gs_category H3:before,
  DIV.gs_category H4:before
{
    content: '\00B7  ';
    color: black;
}

/* FB post wrapper block - FX 20200319 */
.fb-wrapper {
    display: block;
}

.fb-comments, 
.fb-comments iframe[style], 
.fb-like-box, 
.fb-like-box iframe[style] 
{width: 100% !important;} 

#quicksearch .searchBox{background:#666666; border:#666666 0px solid; height:22px; color:#CCCCCC; font-size:12px; padding-left:6px;}
#quicksearch .image {
    background: url("search.png") no-repeat scroll center top transparent;
    border: 0 none;
    cursor: pointer;
    display: block !important;
    height: 23px;
    width: 23px;
}


.cse .gsc-control-cse, .gsc-control-cse {
padding: 0px !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    min-height: 43px;
    max-height: 50px;
}

.gsc-control-cse {
    background: transparent !important;
    border: none !important;
}


/* Embed.ly */
.embedly-card {
    background-color: white;
}

.mobile_banner_top {
   padding-bottom:5px;
}


/* Announcement */

.alertmessage {
	position: relative;
	background: #FFE9E9; /*css var fallback*/
	background: var(--error-color-1);
	color: #F56E6E; /*css var fallback*/
	color: var(--font-color-error);
	border: none;
	margin: 0;
	padding: 15px 50px;
}

.alertmessage P {
	text-align: center;
	padding: 0;
	margin: 0;
}

.alertmessage P:before {
	position: absolute;
	left: 20px;
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	color: #F56E6E; /*css var fallback*/
	color: var(--font-color-error);
	font-weight: 900;
	font-size: 1.5em;
}

.globalmessage {
	position: relative;
	background: #F56E6E; /*css var fallback*/
	background: var(--warn-color-red);
	border: none;
	margin: 0;
	padding: 5px 50px;
	color: #FFF;
}

.globalmessage H1 {
	text-align: center;
	font-size: 10pt;
	background-color: #DB9C9C;
	text-transform: uppercase;
	margin: 0;
	padding: 5px;
	color: white;
	display: none;
}

.globalmessage H1:before, .globalmessage H1:after {
	content: url("/style_images/1/alert.png");
	padding: 0 0.5em 0 0.5em;
	vertical-align: middle;
}

.globalmessage P {
	text-align: center;
	padding: 5px 0;
	margin: 0;
	font-weight: bold;
}

.globalmessage P:before {
	position: absolute;
	left: 15px;
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	color: #FFF;
	font-weight: 900;
	font-size: 1.5em;
}

.globalmessage a {
	color: #FFF;
	text-decoration: underline;
}

.probiemessage H1 {
	text-align: center;
	font-size: 10pt;
	background-color: #DB9C9C;
	text-transform: uppercase;
	margin: 0;
	padding: 5px;
	color: white;
}

.probiemessage P {
	text-align: center;
	padding: 0 1em 0 1em;
	font-weight: bold;
}

.probiemessage H1:before, .probiemessage H1:after {
    content: "\f08d"; 
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;	
	padding: 0 0.5em 0 0.5em;
	vertical-align: middle;
}

.probiemessage {
	background: #EFDDDD;
	border: 1px solid #606060;
	margin: 3px 0 3px 0;
	padding: 0;
	color: #474747;
}


#moderator_message H1 {
  background-color: #545C69;
  display: none;
}

#moderator_message {
	background: #4F87DD; /*css var fallback*/
	background: var(--warn-color-blue);
}


#property_talk_message {
  background-color: #fffacd;
  color: black;
}

#property_talk_message H1 {
  background-color: #ffd700;
  color: black;
}

#garage_sales_message {
  background-color: #4AC37A; /*css var fallback*/
  background-color: var(--warn-color-green);
  color: #FFF;
}

#garage_sales_message H1 {
	background-color: transparent;
	display: initial;
}


#garage_sales_message LI {
  text-align: center;
  padding: 0.5em 0 0.5em;
  list-style-type: none;
}

#garage_sales_message LI A {
    text-decoration: none;
}

#garage_sales_message BUTTON {
  font-size: 9px;
  font-weight: bold;
  padding: 2px 4px;
margin-left: 3px;
  -moz-border-radius: 3px;    /* Firefox 3.6-, removed in Firefox 13 */
  -webkit-border-radius: 3px; /* Safari 4-, Chrome 3- */
  border-radius: 3px;     /* Firefox 4+, Safari 5+, Chrome 4+, Opera 10.5+, IE9+ */	
  background-color: #eeeeee;
  border: none;
  cursor: pointer;
}

#garage_sales_message BUTTON:hover {
	background-color: #FFF;
}

#garage_sales_message .button_yes:after {
  content: "\2713";
  padding-left: 0.5em;
  color: #3CB371;
}

#garage_sales_message .button_no:after {
  content: "\2717";
  padding-left: 0.5em;
  color: #FA8072;
}

/* Yellow "new posts since last visit" indicator */
#topic_replies {
	position: fixed;
	border: 0px solid black;
	background: #FDFADE; /*css var fallback*/
	background: var(--warn-color-yellow);
	color: black;
	left: 2px;
	top: 60px 0 0 0; /*css var fallback*/
	top: calc(var(--nav-bar-height) + 0px);
	padding: 3px 5px 3px 5px;
	-moz-border-radius: 4px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 4px; /* Safari 4-, Chrome 3- */
	border-radius: 4px;     /* Firefox 4+, Safari 5+, Chrome 4+, Opera 10.5+, IE9+ */	
	z-index: 9999999;
}

#topic_replies A {
	text-decoration: underline;
	color: black;
}


#fg-widget-7f19e63df4861f12dee30c8bd {
/*box-shadow: 0 0 1px rgba(0,0,0,0.5);*/
}

.uw-scroller-text {
text-align: center !important;
}

.uw-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}

.uw-boldlinks .uw-text {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}

.uw-imagefullwidth .uw-imgcont, .uw-imagefullwidth .uw-imgcont2 {
background-position: center;
}

.Blink {
  animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

/* -bugged- needs checking
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0.5; }
}
*/




.scrollToTop{
    width: 20px;
    height: 24px;
    font-size: 1.2rem;
    position: fixed;
    padding: 5px 7px;
    z-index: 1000;
    right: 20px;
    bottom: 48px;
    display:none;
    cursor: pointer;
    transition: all .4s ease 0s;
    -webkit-transform: translate(0px, 100%);
        -ms-transform: translate(0px, 100%);
            transform: translate(0px, 100%); 
    color: #fff;
    background: #000;
}

a.scrollToTop {
    color: #fff;
    background: #a9181d;
}

.to-top {
	font-size: 1rem;
	line-height: 1;
	line-height: 28px;
	position: fixed;
	z-index: 1000;
	right: 20px;
	bottom: 20px;
	visibility: hidden;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: all .4s ease 0s;
	-webkit-transform: translate(0px, 100%);
	-ms-transform: translate(0px, 100%);
	transform: translate(0px, 100%);
	text-align: center;
	opacity: 1;
	color: #fff;
	background: #5296FC; /*css var fallback*/
	background: var(--brand-color-1);
}

.to-top.tt-visible {
	visibility: visible;
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;
}


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


/* Topic Title */
#topic_content > .maintitle {
	background: transparent;
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	margin: 0;
	padding: 20px 10px;
}

#topic_content > .maintitle b {
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	font-size: 1.15em;
	font-weight: bold;
	display: block;
	line-height: 140%;
	padding: 10px 0px;
}

#topic_content > .maintitle a {
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
	font-weight: normal;
}

#topic_content > .maintitle a:hover {
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
	font-weight: normal;
}

.maintitle-right {

}


/* Posts */
#post-table {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; /* Safari 6.1+ */
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-2);
}

#post-header-row {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#post-header-row td {
	padding-top: 15px;
}

#post-header-row a {
	color: #444;  /*css var fallback*/
	color: var(--font-color-2);
}

#post-header-row a:hover {
	color: #222;  /*css var fallback*/
	color: var(--font-color-1);
}

#post-header-col-left {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row; /* Safari 6.1+ */
	-ms-flex-direction: row;
	flex-direction: row;
	flex-basis: 170px;
	-webkit-justify-content: center; /* Safari 6.1+ */
	justify-content: center;
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
}

#post-header-col-right {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row; /* Safari 6.1+ */
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	color: #777;  /*css var fallback*/
	color: var(--font-color-3);
	word-break: break-word;
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
}

#post-header-col-right a {
	color: #777;  /*css var fallback*/
	color: var(--font-color-3);
}

#post-header-col-right .fa,
#post-header-col-right .fas,
#post-header-col-right .far {
	color: #777;   /*css var fallback*/
	color: var(--font-color-3);
}

#post-header-tags {
	display: none;
}

.avatar-container {
	color: #777;  /*css var fallback*/
	color: var(--font-color-3);
	padding-bottom: 10px;
	text-align: center;
	font-size: 0.8em;
}

.avatar {
	text-align: center;
	font-size: 0.8em;
}

.avatarwrapm {
	position: absolute;
	left: -50px;
	top: -17px;
	width: 40px;
	height: 40px;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center; /* Safari 6.1+ */
	justify-content: center;
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
}

.avatarwrapm img {
	max-width: 40px;
	max-height: 40px;
	-moz-border-radius: 50%;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 50%; /* Safari 4-, Chrome 3- */
	border-radius: 50%;
}

.avatar {
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
}

.avatar_extra {
	color: #777;  /*css var fallback*/
	color: var(--font-color-3);
	font-size: 0.8em;
}

.avatar_extra span {
    display: block;
}

.postdetails li > a {
	padding-left: 30px;
}

#post-filter-author {
	display: inline-block;
	position: relative;
}

#post-filter-author i {
	padding-right: 5px;
}

.postdetails .popup-smenu {
	display: none;
}

.postdetails #smenu-top i {
	position: absolute;
}
.popip {
	position: relative;
}

.popipin {
	display: inline-block;
}



#post-userdetails-row {
	display:none;
}

#post-body-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row; /* Safari 6.1+ */
	-ms-flex-direction: row;
	flex-direction: row;
}

#post-body-left {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; /* Safari 6.1+ */
	-ms-flex-direction: column;
	flex-direction: column;
	vertical-align: top;
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
	padding: 0px 10px 10px 10px;
	word-break: break-word;
	width: 170px;
	-webkit-flex-grow: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0; 
	flex-shrink: 0;
	box-sizing: border-box;
}

#post-body-right {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

#post-body-row {
	padding: 20px 0;
	word-break: break-word;
}

#post-body-row td {
	word-break: break-word;
}

/* Post separator line */
#post-footer-row td {
	border-bottom: 1px solid #DDD; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-2);
}

#post-footer-left {
	float: left;
	text-align:center;
	width: 170px;
}

#post-footer-right {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	color: #999;  /*css var fallback*/
	color: var(--font-color-4);
	text-align: right;
}

#post-footer-right > ul > li {
	display: inline-block;
}


#forum_section_name font {
    color: var(--font-color-2) !important;
}

#forum_section_row,
#forum_topic_row {
    background-color: transparent;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

#forum_section_row:hover,
#forum_topic_row:hover {
    background-color: #F5F5F5; /*css var fallback*/
    background-color: var(--bg-color-2);
}

#forum_topic_list td {
	border-bottom: 1px solid #EFEFEF; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-1);
	padding: 10px 10px;
}

#forum_name {
	font-size: 1.15em;
	font-weight: normal;
	color: #667d99;  /*css var fallback*/
	color: var(--link-color-1);
}

#forum_name:hover {
	color: #475c75;  /*css var fallback*/
	color: var(--link-color-2);
}

#forum_topic_thumb img {
    max-width: 100%;
    height: auto;
}

.forum-topic-link {
	display: inline-block;
}

.forum-topic-link a:link, 
.forum-topic-link a:visited, 
.forum-topic-link a:active{ 
	color: #222; /*css var fallback*/
	color: var(--font-color-1);
}

.forum-topic-link a:hover {
	color: #444; /*css var fallback*/
	color: var(--font-color-2);
}

.forum-topic-pages {
	display: inline-block;
	padding-bottom: 3px;
}

.forum-topic-minfo {
	display: none;
	clear: left;
}

.forum-topic-minfo,
.forum-topic-minfo a {
	font-size: 11px;
	color: #777;  /*css var fallback*/
	color: var(--font-color-3);
	pointer-events: none;
  	cursor: default;
}

#forum_topic_replies,
#forum_topic_ts,
#forum_topic_views {
	font-size: 1em;
}


#forum_topic_title {
	font-size: 1.1em;
}


#starred_forum_list td,
#forum_section_list td {
	border-bottom: 1px solid #EFEFEF; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-1);
	padding: 10px 10px;
}


/* Hide subforum emoticon column */
#forum_topic_emoticonh,
#forum_topic_emoticon {
	display: none;
}


#search-form {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; /* Safari 6.1+ */
	-ms-flex-direction: column;
	flex-direction: column;
}

#search-form-top-row,
#search-form-bottom-row {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row; /* Safari 6.1+ */
	-ms-flex-direction: row;
	flex-direction: row;
}

.form-border-bottom {
	border-bottom: solid 2px #AAA; /*css var fallback*/
	border-bottom: solid 2px var(--line-color-4);
}

.form-border-bottom:hover,
.form-border-bottom:focus {
	border-bottom: solid 2px #222; /*css var fallback*/
	border-bottom: solid 2px var(--line-color-9);
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
}

#search-form-top-row div,
#search-form-bottom-row div {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 0; 
	flex-shrink: 0;
	flex-basis: 473px;
}

#search-form-top-row > div {
	padding: 20px;
	box-sizing: border-box;
}

#search-form-bottom-row > div {
	padding: 10px;
	box-sizing: border-box;
}

#search-form input[type="text"] {
	display: inline-block;
	width: 80%;
	background: transparent;
	border: solid 1px transparent;
	-moz-border-radius: 0px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 0px; /* Safari 4-, Chrome 3- */
	border-radius: 0px;
}

#search-form input[type="text"]:hover,
#search-form input[type="text"]:focus {
	border: solid 1px transparent;
}



/* Login/reg form start */ 
.login-msg-container {
	width: 100%;
	position: relative;
	margin: 10px auto;
	padding-bottom: 10px;
	text-align: center;
	border-radius: 5px;
	display: block;
}
.login-msg-container h5 {
	margin: 0;
	padding: 5px;
	background: rgba(250, 200, 200, 0.7);
}
.login-msg-container p {
	margin: 0;
	padding: 5px;
	font-size: 0.8em;
}
.login-container {
	position: relative;
	display: block;
}
.login-form-container,
#reg-form {
	width: 50%;
	min-width: 200px;
	position: relative;
	margin: 0 auto;
	padding: 30px 10px;
	background: transparent;
	border-radius: 5px;
}
.login-form-container {
	text-align: center;
}
.login-form-container h3 {
	padding: 20px 0px;
	margin: 0;
}
.login-form-container a,
.signup-container a {
	text-decoration: none;
	color: #667d99;  /*css var fallback*/
	color: var(--link-color-1);
	font-weight: bold;
}
#reg-form h3 {
	margin-top: 40px;
	margin-bottom: 10px;
}
#login-form input[type="text"],
#login-form input[type="password"],
#reg-form input[type="text"],
#reg-form input[type="password"] {
	width: 100%;
	height: 40px;
	min-width: 200px;
	margin: 5px 0 10px 0;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}
.login-username::before,
.reg-username::before {
	position: absolute;
	font-family: 'Font Awesome\ 5 Free';
	content: '\f007';
	font-weight: 900;
	font-size: 1.2em;
	color: #666;
	margin: 15px;
}
.login-password::before,
.reg-password::before {
	position: absolute;
	font-family: 'Font Awesome\ 5 Free';
	content: '\f023';
	font-weight: 900;
	font-size: 1.2em;
	color: #666;
	margin: 15px;
}
.reg-email::before {
	position: absolute;
	font-family: 'Font Awesome\ 5 Free';
	content: '\f0e0';
	font-weight: 900;
	font-size: 1.2em;
	color: #666;
	margin: 15px;
}
.login-options {
	margin-left: 10px;
	text-align: left;
}
.login-btn,
.reg-btn {
	height: 40px;
	min-width: 200px;
	color: #FFF; /*css var fallback*/
	color: var(--buttonmain-text-1);
	background: #5296FC; /*css var fallback*/
	background: var(--buttonmain-color-1);
	border-radius: 4px;
	font-weight: bold;
	border: none;
	margin: 20px 0;
	cursor: pointer;
}
.login-btn {
	width: 100%;
}
.login-btn:hover,
.reg-btn:hover {
	background: #74ACFF; /*css var fallback*/
	background: var(--buttonmain-color-2);
}
.form-valid {
	border:1px solid #4AC37A !important;
}
.valid::after {
	position: absolute;
	right: 5px;
	font-family: 'Font Awesome\ 5 Free';
	content: '\f058';
	font-weight: 900;
	font-size: 1.2em;
	color: #4AC37A;
	margin: 15px;
}
.form-invalid {
	border:1px solid #F56E6E !important;
}
.invalid::after {
	position: absolute;
	right: 5px;
	font-family: 'Font Awesome\ 5 Free';
	content: '\f057';
	font-weight: 900;
	font-size: 1.2em;
	color: #F56E6E;
	margin: 15px;
}
/* Login/reg form end */ 

#new-post-table td {
    padding-left: 20px;
    padding-right: 20px;
}

.pm-message-row td {
	border-bottom: 1px solid #EFEFEF; /*css var fallback*/
	border-bottom: 1px solid var(--line-color-1);
}

.pm-message-row {
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.pm-message-row:hover {
	background-color: #F5F5F5; /*css var fallback*/
	background-color: var(--bg-color-2);
}

.pm-message-row-details-m {
	display: none;
	padding-bottom: 5px;
	color: #777;  /*css var fallback*/
	color: var(--font-color-3);
	font-size: 0.85em;
}

.pm-message-row-details-m span:nth-child(1) {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	flex-shrink: 0;
}

.pm-message-row-details-m span:nth-child(2) {
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
	height: 20px;
	overflow: hidden;
}

.pm-message-row-details-m i {
	color: #999; /*css var fallback*/
	color: var(--font-color-4);
	padding-right: 2px;
}

.pm-message-row-title i {
	display: none;
	font-size: 1em;
	color: #999;  /*css var fallback*/
	color: var(--font-color-4);
	font-size: 0.85em;
}

#mnote img {
	max-width: 100%;
}


/* Profile View */
.prof-main,
.prof-secondary {
	display: flex;
	-webkit-flex-direction: row; /* Safari 6.1+ */
	-ms-flex-direction: row;
	flex-direction: row;
}

.prof-main {
	padding: 30px 0;	
}

#prof-main-left {
    flex-basis: 250px;
    text-align: center;
}

#prof-main-center {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

#prof-main-right {
	flex-basis: 250px;
	border-left: solid 1px #CCC;  /*css var fallback*/
	border-left: solid 1px var(--line-color-4);
	padding: 0 30px;
}

#prof-main-right div {
	color: #777; /*css var fallback*/
	color: var(--font-color-3);
	margin: 20px 0;
}

.prof-stat {
	font-size: 1.7em;
	padding-bottom: 5px;
	display: block;
}

.prof-statinfo {
	color: #999; /*css var fallback*/
	color: var(--font-color-4);
	text-transform: uppercase;
	display: block;
}

.profavatarwrap {
	display: flex;
	justify-content: center;
	width: 128px;
	height: 128px;
	margin: 10px auto;
	border-radius: 50%;
	overflow: hidden;
	background: white;
	align-items: center;
}

.profavatarwrap img {
    width: 100%;
    height: 100%;
}

#profmenu .popup-smenu-list {
	width: 250px;
}

#profmenu .smenu-down {
    top: 33px;
}

.prof-secondary div {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

/* Responsive UI - Hide forum & topic list info */

@media only screen and (max-width: 1200px) {
	#ucp-td-left,
	#ucpmenu,
	#ucpmenu-ad {
		display: none;
	}
}

@media only screen and (max-width: 1020px) {
	#ipbwrapper { 
		max-width: initial;
		min-width: initial;
	}

	.style_ad {
		display: none;
	}
}

@media only screen and (max-width: 1000px) {
	#search-form-top-row,
	#search-form-bottom-row {
		-webkit-flex-direction: column; /* Safari 6.1+ */
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#search-form-top-row div,
	#search-form-bottom-row div {
		-webkit-flex-grow: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 0; 
		flex-shrink: 0;
		flex-basis: initial;
	}
}


@media only screen and (max-width: 900px) {
	#forum_topic_viewsh,
	#forum_topic_views {
		display: none;
	}

	.popipin {
		visibility: hidden;
		position: absolute;
		bottom: 15px;
		right: -50px;
		padding: 5px;
		background: #F5F5F5; /*css var fallback*/
		background: var(--bg-color-2);
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		font-weight: normal;
		font-size: 10pt;
		text-align: center;
		width: 130px;
		border-radius: 5px;
		box-shadow: 0 1px 8px 0 rgba(100, 100, 100, 0.5);
	}

	.popip:hover > .popipin {
		visibility: visible;
	}
}

@media only screen and (max-width: 800px) {
	.signature,
	#gfooter-stats,
	#forum_topic_tsh,
	#forum_topic_ts {
		display: none;
	}

	.forum-topic-minfo {
		display: block;
	}

	#forum_topic_title {
		font-size: 1em;
	}

	.desc {
		font-size: 0.8em;
	}

	.lastaction {
    	font-size: 0.8em;
	}

	.postdetails .popup-smenu {
		display: inline-block;
	}

	#post-filter-author {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.pm-message-row-title span,
	.pm-message-row-header th:nth-child(1),
	.pm-message-row-header th:nth-child(3),
	.pm-message-row-header th:nth-child(4),
	.pm-message-row td:nth-child(1),
	.pm-message-row td:nth-child(3),
	.pm-message-row td:nth-child(4),
	.forum-topic-tag,
	.forum-topic-pages,
	#post-body-left,
	#post-footer-left,
	.post-button-extra,
	.newslink,
	.forumdesc,
	#forum_section_topicsh,
	#forum_section_topics,
	#forum_section_repliesh,
	#forum_section_replies,
	#forum_topic_replies_q,
	#forum_topic_title .desc,
	#forum_topic_forumnameh,
	#forum_topic_forumname,
	#forum_topic_lastactionh,
	#forum_topic_lastaction,
	.login-container .alertmessage {
		display: none;
	}

	#forum_topic_replies a {
		background: #EEE;  /*css var fallback*/
		background: var(--bg-color-3);
		padding: 2px 5px;
		border-radius: 4px;
	}

	#post-table {
		padding-left: 60px;
	}

	#post-header-tags,
	#post-userdetails-row {
		display: block;
	}

	#post-header-username {
		text-align: left;
	}

	#post-header-col-left,
	#post-header-col-right {
		-webkit-flex-direction: column; /* Safari 6.1+ */
		-ms-flex-direction: column;
		flex-direction: column;
		flex-basis: initial;
		-webkit-justify-content: unset; /* Safari 6.1+ */
		justify-content: unset;
		-webkit-align-items: unset; /* Safari 7.0+ */
		align-items: unset;
	}

	#post-header-col-right {
		text-align: right;
	}

	#forum_topic_list td {
		padding: 5px 5px;
	}

	.pm-message-row-details-m {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.pm-message-row-title i {
		display: initial;
	}

	.prof-main,
	.prof-secondary {
		-webkit-flex-direction: column; /* Safari 6.1+ */
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#prof-main-left {
		flex-basis: initial;
	}

	#prof-main-center {
		-webkit-flex-grow: 0;
		flex-grow: 0;
		padding-top: 20px;
		text-align: center;
	}

	.prof-secondary div {
		-webkit-flex-grow: 0;
		flex-grow: 0;
	}

	#prof-main-right {
		flex-basis: initial;
		margin-top: 20px;
		border-left: 0
		border-top: solid 1px #CCC;  /*css var fallback*/
		border-top: solid 1px var(--line-color-4);
	}

}

@media only screen and (max-width: 500px) {
	#forum_section_lastposth,
	#forum_section_lastpost,
	#forum_topic_thumbh,
	#forum_topic_thumb,
	#gfooter-skin {
		display: none;
	}

	#topic-bottom-row .buttonmain,
	#topic-top-row .buttonmain {
		border-radius: 3px;
		padding: 4px 5px;
		border: none;
		margin: 3px 3px;
		font-size: 1em;
	}

	.pagelink a,
	.pagelinklast a,
	.pagecurrent {
		font-size: 1em;
		padding: 3px 9px;
		margin-bottom: 8px;
	}

	#rules {
		font-size: 0.7em;
	}
}

@media only screen and (max-width: 400px) {
	#ads7,
	#ads_bottom {
		display: none;
	}

	#forum_topic_repliesh,
	#forum_topic_replies {
		display: none;
	}

	#forum_topic_list td {
		padding: 5px 2px;
	}

	#post-header-row {
		-webkit-flex-direction: column; /* Safari 6.1+ */
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#post-header-col-left {
		order: 2;
	}

	#post-header-col-right {
		order: 1;
	}
}




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

/* NAV START */

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

/* NAV START */

	nav {
		/*font-size: 1.3em;*/
		font-size: 15px;
		line-height: 100%;
		text-align: left;
		font-family: "Segoe UI", Arial, sans-serif;
	}

	.nav-no-scroll.active {
		overflow: hidden;
	}

	#submenu {
		display: none;
	}



	.nav-blinder {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
		background: #000;
		opacity: 0.7;
		z-index: 999999;
	}

	.nav-blinder.active {
		display: block;
	}


	.buttonmain,
	.buttonmainmini {
		display: inline-block;
		color: #FFF; /*css var fallback*/
		color: var(--buttonmain-text-1);
		background: #5296FC; /*css var fallback*/
		background: var(--buttonmain-color-1);
		border: none;
		font-weight: normal;
		cursor: pointer;
		-webkit-transition: color .3s ease-out, background-color .3s ease-out;
		transition: color .3s ease-out, background-color .3s ease-out;
	}

	.buttonmain {
		padding: 6px 8px;
		margin: 5px 3px;
		border-radius: 4px;
		font-size: 1.1em;
	}

	.buttonmainmini {
		padding: 7px 5px;
		margin: 0px 2px;
		border-radius: 3px;
		font-size: 1em;
	}

	.buttonmain:hover,
	.buttonmainmini:hover {
		background: #74ACFF; /*css var fallback*/
		background: var(--buttonmain-color-2);
	}

	.buttonmain-dull {
		color: #FFF; /*css var fallback*/
		color: var(--buttonmain-text-1);
		background: #74ACFF; /*css var fallback*/
		background: var(--buttonmain-color-2);
		-webkit-transition: color .3s ease-out, background-color .3s ease-out;
		transition: color .3s ease-out, background-color .3s ease-out;
	}

	
	.buttonsub {
		display: inline-block;
		background: transparent; /*css var fallback*/
		background: var(--buttonsub-color-1);
		color: #777; /*css var fallback*/
		color: var(--font-color-3);
		font-size: 1em;
		font-weight: normal;
		padding: 7px 5px;
		border: none;
		border-radius: 3px;
		margin: 0px 2px;
		cursor: pointer;
		-webkit-transition: color .3s ease-out, background-color .3s ease-out;
		transition: color .3s ease-out, background-color .3s ease-out;
	}

	.buttonsub:hover {
		background: #DDD; /*css var fallback*/
		background: var(--buttonsub-color-2);
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
	}

	.buttonsub-active {
		background: #DDD; /*css var fallback*/
		background: var(--buttonsub-color-2);
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		-webkit-transition: color .3s ease-out, background-color .3s ease-out;
		transition: color .3s ease-out, background-color .3s ease-out;
	}



	.bold {
		font-weight: bold;
	}

	.buttonsub i {
		font-family: "Font Awesome 5 Free";
	}


/* NAV BAR */
	.nav-bar {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 45px; /*css var fallback*/
		height: var(--nav-bar-height);
		position: fixed;
		top: 0;
		left: 0;
		background: #FFF; /*css var fallback*/
		background: var(--bg-color-1);
		z-index: 999990;
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		-webkit-flex-direction: row; /* Safari 6.1+ */
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: center; /* Safari 7.0+ */
		align-items: center;
		box-sizing: border-box;
		border-bottom: 1px solid #EEE; /*css var fallback*/
		border-bottom: 1px solid var(--bg-color-3);
		box-shadow: 0 1px 8px 0 rgba(100, 100, 100, 0.5);
		text-align: left;
	}	


	/* Nav Menu button */

	.nav-button {
		position: relative;
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		-webkit-justify-content: center; /* Safari 6.1+ */
		justify-content: center;
		-webkit-align-items: center; /* Safari 7.0+ */
		align-items: center;
		-webkit-flex: 0 0 45px; /*css var fallback*/
		-webkit-flex: 0 0 var(--nav-bar-height); /* Safari 6.1+ */
  		-ms-flex: 0 0 45px; /*css var fallback*/ 
  		-ms-flex: 0 0 var(--nav-bar-height); /* IE 10 */ 
		flex: 0 0 45px; /*css var fallback*/
		flex: 0 0 var(--nav-bar-height);
		outline: none;

	}
	
	.nav-bar button,
	.nav-menu-button {
		height: 45px; /*css var fallback*/
		height: var(--nav-bar-height);
		padding: 0;
		margin: 0;
		background: transparent;
		border: none;
		cursor: pointer;
		outline: none;
	}


	.nav-menu-button::before {
		font-family: "Font Awesome 5 Free";
		/*content: "\f0c9";*/
		content: "\f054";
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		font-weight: 900;
		font-size: 1.2em;
	}

	.nav-menu-button.active::before {
		content: "\f053";
	}

	.nav-logo,
	.nav-logo-m,
	.nav-logo-w {
		height: 45px; /*css var fallback*/
		height: var(--nav-bar-height);
		box-sizing: border-box;
		padding: 2px 0;
	}

	.nav-logo-m {
		display: none;
	}

	.nav-logo-w {
		margin-right: 10px;
	}

	.nav-logo img,
	.nav-logo-m img,
	.nav-logo-w img {
		height: 100%;
	}

	.nav-button-left {
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		-webkit-justify-content: center; /* Safari 6.1+ */
		justify-content: center;
		-webkit-align-items: center; /* Safari 7.0+ */
		align-items: center;
		text-decoration: none;
		font-size: 1em;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		padding: 0 10px;
		-webkit-flex: 0 1 130px; /* Safari 6.1+ */
  		-ms-flex: 0 1 130px; /* IE 10 */ 
		flex: 0 1 130px;
	}

	.nav-button-left i {
		padding-right: 5px;
	}

	.nav-button-left span {
		display: inline;
	}

	#nav-bar-icon {
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		font-weight: 900;
		font-size: 15px;
		-webkit-transition: color .2s ease-out;
		transition: color .2s ease-out;
	}

	#nav-bar-icon:hover {
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
	}

	.nav-counter {
		position: absolute;
		right: 5px;
		top: 5px;
		padding: 1px 3px 2px 2px;
		background: #FF9191;
		border-radius: 3px;
		color: #FFF;
		font-size: 10px;
		line-height: 100%;
	}

	.nav-spacer {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}

	#nav-spacer1,
	#nav-spacer2,
	#nav-spacer3 {
			display: -webkit-box;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}


	#nav-spacer1,
	#nav-spacer2 {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}

	#nav-spacer3 {
		-webkit-flex-grow: 4;
		flex-grow: 4;
	}

	.nav-search-container {
		position: relative;
		margin: 0 10px;
		-webkit-flex-grow: 4;
		flex-grow: 10;
	}

	.nav-search-bar {
		background: #F5F5F5; /*css var fallback*/
		background: var(--bg-color-2);
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		font-family: "Segoe UI", Arial, sans-serif;
		font-size: 1em;
		height: 26px;
		width: 100%;
		padding-left: 10px;
		padding-right: 30px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid transparent;
		border-radius: 13px;
	}

	.nav-search-bar:hover {
		border: 1px solid #999; /*css var fallback*/
		border: 1px solid var(--font-color-4);
		-webkit-transition: border .2s ease-out;
		transition: border .2s ease-out;
	}

	.nav-search-bar:focus {
		border: 1px solid #999; /*css var fallback*/
		border: 1px solid var(--font-color-4);
		-webkit-transition: border .2s ease-out;
		transition: border .2s ease-out;
	}

	.nav-search-button {
		position: absolute;
		top: 0;
		right: 5px;
		height: 26px;
		width: 	26px;
		background: transparent;
		color: #777; /*css var fallback*/
		color: var(--font-color-3);
		font-size: 1em;
		text-align: center;
		border:	none;
		border-radius: 13px;
		margin: 0;
		padding: 4px;
		box-sizing: border-box;
		-webkit-flex-shrink: 0; 
		flex-shrink: 0;
		cursor: pointer;
	}

	.nav-search-icon {
		display: none;
	}



	.nav-search-container-wide {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		top: 0;
		width: 0;
		height: 45px; /*css var fallback*/
		height: var(--nav-bar-height);
		background: #FFF; /*css var fallback*/
		background: var(--bg-color-1);
		z-index: 999999;
		-webkit-transition: width .2s ease-out;
		transition: width .2s ease-out;
		overflow-x: hidden;
	}

	.nav-search-container-wide.active {
		width: 100%;
	}

	.nav-search-container-wide form {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}

	.nav-search-close-wide {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		width: 45px; /*css var fallback*/
		width: var(--nav-bar-height);
		-webkit-justify-content: center; /* Safari 6.1+ */
		justify-content: center;
		-webkit-align-items: center; /* Safari 7.0+ */
		align-items: center;
		-webkit-flex-shrink: 0; 
		flex-shrink: 0;
		cursor: pointer;
		background: transparent;
		border: none;
	}

	.nav-search-bar-wide {
		background: transparent;
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		border: none;
		border-radius: 0;
		height: 100%;
		width: 100%;
		font-size: 1.1em;
		font-family: "Segoe UI", Arial, sans-serif;
		padding: 0;
		margin: 0
	}

	.nav-search-button-wide {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		width: 45px; /*css var fallback*/
		width: var(--nav-bar-height);
		margin: 0;
		padding: 0;
		-webkit-justify-content: center; /* Safari 6.1+ */
		justify-content: center;
		-webkit-align-items: center; /* Safari 7.0+ */
		align-items: center;
		-webkit-flex-shrink: 0; 
		flex-shrink: 0;
		cursor: pointer;
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		background: transparent;
		border: none;
		font-weight: 900;
		font-size: 1em;
	}

	

/* NAV MENU */
	.nav-menu-container {
		margin: 0;
		padding-left: 0;
		position: fixed;
		top: 0px;
		left: -280px;
		background: #FFF; /*css var fallback*/
		background: var(--bg-color-1);
		height: 100%;
		width: 280px;
		-webkit-transition: left .3s ease-out;
		transition: left .3s ease-out;
		z-index: 9999999;
		overflow: hidden;
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		-webkit-flex-direction: column; /* Safari 6.1+ */
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: left;
	}

	.nav-menu-container.active {
		left: 0px;
	}

	.nav-menu-container a,
	.nav-menu-container span {
		opacity: 0;
		transition: opacity 0ms ease-out 0ms;
	}
	
	.nav-menu-container.active a,
	.nav-menu-container.active span {
		opacity: 1;
		transition: opacity 80ms ease-out 80ms;
	}

	.nav-menu {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		margin-bottom: 0px; /*nav bottom spacing fix*/
	}

	.nav-menu-header {
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		height: 45px; /*css var fallback*/
		height: var(--nav-bar-height);
	}

	.nav-menu-user-container {
		display: block;
	}

	.nav-menu-user {
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		padding: 15px 15px;
		-webkit-align-items: center; /* Safari 7.0+ */
		align-items: center;
		-webkit-justify-content: center; /* Safari 6.1+ */
		justify-content: center;
		border-bottom: solid 1px #DDD; /*css var fallback*/
		border-bottom: solid 1px var(--line-color-2);
	}

	.nav-menu-usericon {
		flex: 20%;
		color: #777; /*css var fallback*/
		color: var(--font-color-3);
		font-size: 2.3em;
	}

	.nav-menu-username {
		flex: 80%;
		overflow: hidden;
		text-align: left;
	}

	.nav-menu-username span {	
		display: block;	
		margin: 0;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		font-weight: bold;
	}

	.nav-menu-username a {
		text-decoration: none;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		font-size: 0.8em;
	}

	.nav-menu span {
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
	}

	.nav-menu a {
		text-decoration: none;
	}

	.nav-menu ul,
	#nav-link ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		text-align: left;
	}

	.nav-menu li {
		position: relative;
	}

	.nav-menu li a,
	#nav-link li a {
		display: block;
		text-decoration: none;
		font-size: 1em;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		padding: 10px 0;
	}

	.nav-menu li a:hover,
	#nav-link li a:hover {
		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
		width: 100%;
	}

	.nav-menu li i,
	#nav-link li i {
		color: #777; /*css var fallback*/
		color: var(--font-color-3);
		padding-left: 15px;
		padding-right: 5px;
		font-size: 15px;
	}

	.nav-menu-expanded li i {
		padding-left: 40px;
	}

	.nav-menu button {
		display: block;
		position: relative;
		cursor: pointer;
		width: 100%;
		/*border-top: solid 1px var(--bg-color-2);*/
		font-family: "Segoe UI", Arial, sans-serif;
		font-size: 15px;
		padding: 10px 0;
		background: transparent;
		text-align: left;
		border: 0;
	}

	.nav-menu button:hover {
		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
	}

	.nav-menu-counter {
		display: inline-block;
		position: absolute;
		right: 40px;
		padding: 3px 4px 3px 3px;
		background: #FF9191;
		border-radius: 3px;
		color: #FFF;
		font-weight: bold;
		font-size: 0.8em;
		line-height: 100%;
	}

	.nav-menu-countersub {
		position: absolute;
		bottom: 10px;
		right: 40px;
		padding: 2px 3px 2px 1px;
		background: #FF9191;
		border-radius: 2px;
		color: #FFF;
		font-weight: bold;
		font-size: 0.7em;
		line-height: 100%;
	}

	.nav-menu-expand::before {
		position: absolute;
		top: 15px;
		right: 20px;
		font-family: "Font Awesome 5 Free";
		content: "\f078";
		font-weight: 900;
		font-size: 0.6em;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
	}

	.nav-menu-expand.active::before {
		content: "\f077";
	}

	.nav-menu-expanded {
		display: none;
	}

	.nav-menu-expanded.active {
		display: inline-block;
	}

	.nav-menu-item-darkmode {
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		-webkit-align-items: center; /* Safari 7.0+ */
		align-items: center;
		padding-top: 10px;
		padding-bottom: 10px;
		/*border-top: solid 1px var(--bg-color-2);*/
	}

	.nav-menu-item-darkmode span {
		-webkit-flex: 2; /* Safari 6.1+ */
  		-ms-flex: 2; /* IE 10 */ 
		flex: 2;
	}

	.darkmode-switch {
		display: inline-block;
		position: relative;
		height: 21px;
		width: 36px;
		margin-right: 20px;
	}

	.darkmode-switch input {
		display: none;
	}

	.switch-slider {
		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
		cursor: pointer;
		position: absolute;
		transition: 40ms;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 25px;
	}

	.switch-slider::before {
		background: #FFF;
		content: "";
		height: 15px;
		width: 15px;
		position: absolute;
		left: 3px;
		bottom: 3px;
		transition: 40ms;
		border-radius: 50%;
	}

	.darkmode-switch input:checked + .switch-slider {
		background: #66BB6A;
	}

	.darkmode-switch input:checked + .switch-slider::before {
		transform: translateX(15px);
	}

	.nav-menu-item-log {
		border-top: solid 1px #F5F5F5; /*css var fallback*/
		border-top: solid 1px var(--bg-color-2);
	}
/* NAV END */

	.nav-popup {
		display: none;
		z-index: 999995;
		position: fixed;
		top: 49px; /*css var fallback*/
		top: calc(var(--nav-bar-height) - 1px);
		right: 10px;
		transition-delay: 0;
	}

	.nav-popup-left {
		position: absolute;
		top: 49px; /*css var fallback*/
		top: calc(var(--nav-bar-height) - 1px);
		left: calc(90vw / 10);
		right: initial;
	}

	.nav-popup.active {
		display: block;
	}

	.nav-popup button {
		background: transparent;
		border: none;
	}

	.nav-popup-arrow {
		display: none;
		position: absolute;
		top: 25px; /*css var fallback*/
		top: calc(var(--nav-bar-height) / 2);
		height: 0px;
		width: 0px;
		border: 13px solid;
		border-color: transparent transparent #EEE transparent; /*css var fallback*/
		border-color: transparent transparent var(--bg-color-3) transparent;
	}

	.nav-popup-arrow.active {
		display: block;
	}

	.nav-popup-window,
	.nav-popup-wide {
		box-sizing: border-box;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		background: #FFF; /*css var fallback*/
		background: var(--bg-color-1);
		border: solid #EEE; /*css var fallback*/
		border: solid var(--bg-color-3);
		border-width: 0 1px 1px 1px;
		border-radius: 5px;
		box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.3);
		padding-bottom: 10px;
		margin-left: 10px;
	}

	.nav-popup-window {
		min-width: 300px;
		max-width: 500px;
	}

	.nav-popup-wide {
		max-width: 800px;
   		width: calc(100vw - 20px);
	}

	.pin-button,
	.popup-button {
		position: absolute;
		right: 10px;
		top: 5px;
		width: 20px;
		height: 20px;
		text-align: center;
		cursor: pointer;
	}

	.popup-button i {
		color: #777; /*css var fallback*/
		color: var(--font-color-3);
	}

	.pin-button span:before {
		color: #999; /*css var fallback*/
		color: var(--font-color-4);
		font-family: "Font Awesome 5 Free";
		content: "\f08d";
		font-weight: 900;
		font-size: 1em;
		-webkit-transition: height .1s linear;
		transition: height .1s linear;
	}

	.pin-button input {
		display: none;
	}

	.pin-button input:checked ~ span:before {
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		content: "\f08d";
	}

	.nav-popup-window h4,
	.nav-popup-wide h4 {
		margin: 0;
		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
		padding: 5px 10px;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
font-family: "Segoe UI", Arial, sans-serif;
		font-weight: normal;
		font-size: 15px;
		line-height: 100%;
		text-align: left;
	}

	.nav-popup-content {
		padding: 10px;
		overflow-y: auto;
		max-height: calc(100vh - 80px); /*css var fallback*/
		max-height: calc(100vh - var(--nav-bar-height) - 30px);
	}

	.nav-popup-content a,
	.nav-popup-left a {
		text-decoration: none;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
	}

	.nav-popup-content a:hover,
	.nav-popup-left a:hover {
		text-decoration: none;
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
	}


	.nav-popup-form {
		background: #F5F5F5; /*css var fallback*/
		background: var(--bg-color-2);
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		border: 1px solid transparent;
		font-family: "Segoe UI", Arial, sans-serif;
		font-size: 1em;
		border-radius: 26px;
		height: 26px;	
		width: 100%;
		padding-left: 10px;
		padding-right: 30px;
		margin-bottom: 10px;
		box-sizing: border-box;
		-webkit-transition: border .2s ease-out;
		transition: border .2s ease-out;
	}

	.nav-popup-form:hover {
		border: 1px solid #999; /*css var fallback*/
		border: 1px solid var(--font-color-4);
		-webkit-transition: border .2s ease-out;
		transition: border .2s ease-out;
	}

	.nav-popup-form:focus {
		border: 1px solid #999; /*css var fallback*/
		border: 1px solid var(--font-color-4);
		-webkit-transition: border .2s ease-out;
		transition: border .2s ease-out;
	}

	.nav-popup-textarea {
		background: #F5F5F5; /*css var fallback*/
		background: var(--bg-color-2);
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		border: 1px solid transparent;
		font-family: "Segoe UI", Arial, sans-serif;
		font-size: 1em;
		text-align: left;
		border-radius: 5px;
		height: 50px;	
		width: 90%;
		padding: 3px 50px 3px 10px;
		/*margin-bottom: 10px;*/
		box-sizing: border-box;
		-webkit-transition: border .2s ease-out;
		transition: border .2s ease-out;
		flex: 1;
	}

	.nav-popup-textarea:hover {
		border: 1px solid #999; /*css var fallback*/
		border: 1px solid var(--font-color-4);
		-webkit-transition: border .2s ease-out;
		transition: border .2s ease-out;
	}

	.nav-popup-textarea:focus {
		border: 1px solid #999; /*css var fallback*/
		border: 1px solid var(--font-color-4);
		-webkit-transition: border .2s ease-out;
		transition: border .2s ease-out;
	}

	.nav-send-button {
		height: 50px;
		width: 	50px;
		background: transparent;
		color: #777; /*css var fallback*/
		color: var(--font-color-3);
		border:	none;
		cursor: pointer;
		-webkit-align-self: center; /* Safari 7.0+ */
		align-self: center;
		-webkit-flex-shrink: 0; 
		flex-shrink: 0;
		position: absolute;
		right: 25px;
	}

	.nav-send-button:hover {
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
	}

	.nav-popup-window table,
	.nav-popup-window tbody {
		width: 100%;
		height: 100%;
		border-spacing: 0;
		table-layout: fixed;
	}

	.nav-popup-wide table {
		width: 100%;
		border-spacing: 0;
	}

	.nav-popup-window td,
	.nav-popup-wide div  {
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		font-family: "Segoe UI", Arial, sans-serif;
		font-size: 13px;
		text-align: left;
		word-wrap: break-word;
	}

	.nav-popup-window td {
		border-bottom: 1px solid #EFEFEF; /*css var fallback*/
		border-bottom: 1px solid var(--line-color-1);
		padding: 5px 5px !important;
	}

	.nav-popup-window td:first-child {
		width: 25%;
	}

	.nav-popup-window td:nth-child(2) {
		padding-right: 15px !important;
	}

	.nav-popup-window b {
		margin-right: 10px;
	}

	.nav-popup-wide td:nth-child(3) {
		width: 10%;
	}

	.nav-popup-nonew {
		color: #777; /*css var fallback*/
		color: var(--font-color-3);
		text-align: center !important;
		margin: 30px 0;
		line-height: 300%;
	}



	.nav-table-header {
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		text-align: left;
		border-bottom: 1px solid #EEE; /*css var fallback*/
		border-bottom: 1px solid var(--bg-color-3);
		padding-bottom: 5px;
	}

	.nav-table-header span {
		box-sizing: border-box;
		padding: 0 5px;
	}


	.nav-table-body {
		display: -webkit-box;
	  	display: -moz-box;
	  	display: -webkit-flex;
	  	display: -ms-flexbox;
	  	display: flex;
		-webkit-flex-direction: row; /* Safari 6.1+ */
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		flex-wrap: nowrap;
		padding: 5px 5px;
		margin: 0;
		border-bottom: 1px solid #EFEFEF; /*css var fallback*/
		border-bottom: 1px solid var(--line-color-1);
		/*background: #F5F5F5; /*css var fallback*/
		/*background: var(--bg-color-2);*/
	}

	.nav-table-header span:nth-child(1),
	.nav-table-body div:nth-child(1) {
		order: 1;
		flex: 12%;
		text-align: left;
		border-bottom: none;
	}

	.nav-table-header span:nth-child(2),
	.nav-table-body div:nth-child(2) {
		order: 2;
		flex: 73%;
		text-align: left;
		border-bottom: none;
	}

	.nav-table-header span:nth-child(3),
	.nav-table-body div:nth-child(3) {
		order: 3;
		flex: 15%;
		border-bottom: none;
	}

	.nav-table-body div:nth-child(2) {
		/*border-bottom: 1px solid #F5F5F5; /*css var fallback*/
		/*border-bottom: 1px solid var(--bg-color-2); */
	}


	.nav-table-body div:nth-child(3) i {
		padding-right: 5px;
	}



@media only screen and (max-width: 600px) {

		.nav-table-header span:nth-child(1) {
			flex-grow: 5;
		}

		.nav-table-header span:nth-child(2) {
			display: none;
		}

		.nav-table-body {
			flex-wrap: wrap;
			padding-left: 5px;
		}

		.nav-table-body div:nth-child(1) {
			order: 1;
			flex-grow: 5;
			-webkit-align-self: center; /* Safari 7.0+ */
			align-self: center;
		}

		.nav-table-body div:nth-child(2) {
			order: 3;
			flex: 100%;
			/*border-bottom: 1px solid #F5F5F5; /*css var fallback*/
			/*border-bottom: 1px solid var(--bg-color-2); */
		}

		.nav-table-body div:nth-child(3) {
			order: 2;
			-webkit-align-self: center; /* Safari 7.0+ */
			align-self: center;
		}
}

	
/* REPLIES TO ME */
	#show_replies_to_me {
		font-weight: bold;
		cursor: hand;
	}

	#replies_to_me {
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		display: block;
		overflow-x: hidden;
		box-sizing: border-box;	
		text-align: left;
	}


	#replies_to_me UL {
		list-style: none;
		margin: 0;
		padding-left: 0;
	}

	#replies_to_me A {
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		font-weight: bold;
	}

	#replies_to_me A.mark_topic_read {
		position: absolute;
		right: 25px;
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		font-size: 1.5em;
		text-decoration: none;
	}
	#replies_to_me LI {
		padding: 10px 40px;
		margin: 10px 0 0 0;
		/*border-bottom: 1px solid #EEE; /*css var fallback*/
		/*border-bottom: 1px solid var(--bg-color-3);*/
		background: #F5F5F5; /*css var fallback*/
		background: var(--bg-color-2);
		overflow-x: hidden;
		word-wrap: break-word;
	}

	#replies_to_me LI:before {
		position: absolute;
		left: 35px;
		font-family: "Font Awesome 5 Free";
		content: "\f06a";
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
		font-weight: 900;
		font-size: 1em;
	}

	#replies_to_me SPAN.author {
	}
	#replies_to_me SPAN.count {
		font-weight: bold;
	}




	/* PM */
	.nav-pmwrap {
		background: #F5F5F5; /*css var fallback*/
		background: var(--bg-color-2);
		border-top: 0;
		padding: 0;
		line-height: 100%;
	}

	.nav-pmheader {
		display: -webkit-box;
  		display: -moz-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
		-webkit-align-items: center; /* Safari 7.0+ */
		align-items: center;
	}

	.nav-pmavatar {
		margin: 10px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}

	.nav-pmavatar img {
		width: 100%;
		height: 100%;
	}

	.nav-pmuser{
		padding: 10px;
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
	}

	.nav-pmheader h5 {
		margin: 0;
		padding: 0;
	}

	.nav-pmheader p {
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		line-height: 100%;
	}

	.nav-pmbody {
		margin: 0;
		padding: 10px;
	}

	.nav-pmbody h5 {
	
	}

	.nav-pmbody p {
		margin: 0;
		padding: 0;
		font-size: 1em;
	}

	.nav-pmfooter {
		padding: 5px 10px;
		margin: 0;
		text-align: right;
		font-size: 0.8em;
	}

	.nav-pmfooter i {
		font-weight: 900;
	}

	.nav-pmfooter a {
		background: transparent; 
		color: #777; /*css var fallback*/
		color: var(--font-color-3); 
		text-decoration: none;
	}


@media only screen and (max-width: 1600px) {

		#nav-spacer1 {
			display: none;
		}

		#nav-spacer2 {
			display: none;
		}

		#nav-spacer3 {
			display: none;
		}
}

@media only screen and (max-width: 1200px) {
		.nav-button-left {
			-webkit-flex: 0 1 45px; /*css var fallback*/
			-webkit-flex: 0 1 var(--nav-bar-height); /* Safari 6.1+ */
	  		-ms-flex: 0 1 45px; /*css var fallback*/ 
	  		-ms-flex: 0 1 var(--nav-bar-height); /* IE 10 */ 
			flex: 0 1 45px; /*css var fallback*/
			flex: 0 1 var(--nav-bar-height);
			width: 33px;
		}

		.nav-button-left span {
			display: none;
		}
}

@media only screen and (max-width: 770px) {
		.nav-search-icon {
			display: -webkit-box;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}

		.nav-search-container {
			display: none;
		}

		#nav-spacer2 {
			display: -webkit-box;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}
}


@media only screen and (max-width: 550px) {
		.nav-logo-w {
			display: none;
		}

		.nav-logo-m {
			display: block;
		}

		.nav-popup-left {
			left: 0;
		}

		.nav-button {
			-webkit-flex: 0 1 45px; /*css var fallback*/
			-webkit-flex: 0 1 var(--nav-bar-height); /* Safari 6.1+ */
	  		-ms-flex: 0 1 45px; /*css var fallback*/ 
	  		-ms-flex: 0 1 var(--nav-bar-height); /* IE 10 */ 
			flex: 0 1 45px; /*css var fallback*/
			flex: 0 1 var(--nav-bar-height);
		}

		#nav-spacer1 {
			display: -webkit-box;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}

		#nav-spacer2 {
			display: none;
		}

}

	

	.tooltip-new {
		display: inline-block;
		position: relative;
		color: #FFF; /*css var fallback*/
		color: var(--font-color-0);
	}

	.tooltip-arrow {
		visibility: hidden;
		position: absolute;
		bottom: 10px;
		right: 5px;
		height: 0;
		width: 0;
		border: 10px solid;
		border-color: #EEE transparent transparent transparent; /*css var fallback*/
		border-color: var(--bg-color-3) transparent transparent transparent;
	}

	.tooltip-text {
		visibility: hidden;
		position: absolute;
		bottom: 30px;
		right: -45px;
		padding: 5px;
		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
		color: #FFF; /*css var fallback*/
		color: var(--font-color-0);
		font-weight: normal;
		font-size: 10pt;
		width: 100px;
		border-radius: 5px;
	}

	.tooltip-new:hover .tooltip-arrow,
	.tooltip-new:hover .tooltip-text {
		visibility: visible;
	}





	/* Small Menu Popup */
	.popup-smenu {
		display: inline-block;
		position: relative;
	}

	.popup-smenu-list {
		visibility: hidden;
		position: absolute;
		right: 0px;
		background: #FFF; /*css var fallback*/
		background: var(--bg-color-1);
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		border-radius: 5px;
		box-shadow: 0 1px 8px 0 rgba(100, 100, 100, 0.5);
		padding: 5px 0;
		text-align: left;
		width: 120px;
		z-index: 1;
	}

	.smenu-up {
		bottom: 30px;
	}

	.smenu-down {
		top: 30px;
	}

	.popup-smenu-list.active {
		visibility: visible;
	}

	.popup-smenu-list a {
		display: block;
		text-decoration: none;
		font-size: 1em;
		color: #444; /*css var fallback*/
		color: var(--font-color-2);
		box-sizing: border-box;
		padding: 10px 7px;
	}

	.popup-smenu-list a:hover,
	#expandpostmenutop_font li:hover,
	#expandpostmenutop_fsize li:hover,
	#expandpostmenutop_fcolor li:hover {
		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
		color: #222; /*css var fallback*/
		color: var(--font-color-1);	
	}

	.popup-smenu-list a:hover {
		width: 100%;
	}

	.popup-smenu-list i {
		padding-left: 10px;
	}

	.popup-smenu-list .buttonsub:hover {
		background: transparent;
	}

	#smenu-top a {
		padding-left: 33px;
	}

	#smenu-bottom .buttonsub span {
		display: initial;
	}

	#smenu-bottom .buttonsub {
		padding: 0;
	}

	#smenu-bottom a:hover .buttonsub {
		color: #222; /*css var fallback*/
		color: var(--font-color-1);
	}

	.post-bottom-smenubtn {
		display: none;
	}

	#expandpostmenutop_font ul,
	#expandpostmenutop_fsize ul,
	#expandpostmenutop_fcolor ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#expandpostmenutop_font li,
	#expandpostmenutop_fsize li,
	#expandpostmenutop_fcolor li {
		padding: 7px 15px;
	}

	#expandpostmenutop_emoticon td,
	#expandpostmenutop_emoticon a {
		padding: 0;
		margin: 0;
	}

@media only screen and (max-width: 600px) {
	.post-bottom-smenubtn {
		display: inline-block;
	}
}


	
	
	/* Expanding Container */
	.exp-container {
		position: relative;
		min-height: 36px;
		max-height: 45px;
		overflow: hidden;
		-webkit-transition: max-height .2s ease-out;
		transition: max-height .2s ease-out;
	}

	.exp-container:hover {
		max-height: 800px;
	}

	.exp-container-arrow {
		height: 100%;
	}

	.exp-container-arrow::before {
		position: absolute;
		top: 33px;
		text-align: center;
		width: 100%;
		z-index: 1;
		color: #999; /*css var fallback*/
		color: var(--font-color-4);
		font-family: "Font Awesome 5 Free";
		content: "\f078";
		font-weight: 900;
	}

	.post1 .exp-container-arrow::after,
	.post2 .exp-container-arrow::after,
	.post1shaded .exp-container-arrow::after,
	.post2shaded .exp-container-arrow::after {
		position: absolute;
		left: 0;
		top: 25px;
		width: 100%;
		height: 15px;
		content: "";
	}

	.post1 .exp-container-arrow::after,
	.post2 .exp-container-arrow::after {
		background-image: linear-gradient(rgba(255,255,255,0), #FFF); /*css var fallback*/
		background-image: linear-gradient(rgba(255,255,255,0), var(--bg-color-1));
	}

	.post1shaded .exp-container-arrow::after,
	.post2shaded .exp-container-arrow::after {
		background-image: linear-gradient(rgba(255,255,255,0), #EEE); /*css var fallback*/
		background-image: linear-gradient(rgba(255,255,255,0),var(--bg-color-3));
	}

	.exp-container:hover .exp-container-arrow {
		display: none;
	}


	.hidden {
		display: none;
	}



/* New Checkbox & Radio */

	.checkbox-ul-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.checkbox-ul-list li {
		padding: 5px 0;
	}

	.checkbox-container {
		position: relative;
		padding-left: 30px;
		margin: 5px 0px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.checkbox-container input {
		opacity: 0;
		position: absolute;
		height: 0;
		width: 0;
	}

	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		cursor: pointer;
		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
	}

	.checkbox-container:hover input ~ .checkmark {
		background: #DDD; /*css var fallback*/
		background: var(--bg-color-4);
	}

	.checkbox-container input:checked ~ .checkmark {
		background: #5296FC; /*css var fallback*/
		background: var(--buttonmain-color-1);
	}

	.checkmark:after {
		display: none;
		content: "";
		position: absolute;
	}

	.checkbox-container input:checked ~ .checkmark:after {
		display: block;
	}

	.checkbox-container .checkmark:after {
		left: 6px;
		top: 2px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.radio-container {
		display: inline-block;
		position: relative;
		padding-left: 30px;
		margin: 5px 0px;
		cursor: pointer;
	}

	.radio-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		width: 0;
		height: 0;
	}

	.radiocheck {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		border-radius: 50%;
		background: #EEE; /*css var fallback*/
		background: var(--bg-color-3);
	}

	.radio-container:hover input ~ .radiocheck {
		background: #DDD; /*css var fallback*/
		background: var(--bg-color-4);
	}

	.radio-container input:checked ~ .radiocheck {
		background: #5296FC; /*css var fallback*/
		background: var(--buttonmain-color-1);
	}

	.radiocheck:after {
		display: none;
		content: "";
		position: absolute;
	}

	.radio-container input:checked ~ .radiocheck:after {
		display: block;
	}

	.radio-container .radiocheck:after {
		position: absolute;
		top: 6px;
		left: 6px;
		height: 8px;
		width: 8px;
		border-radius: 50%;
		background: white;
	}
/* --------------------------------------------------------------------------- */



/* DuitNow Start */
#sidebar_duitnow {
	background: white;
	text-align: center;
	padding: 15px 10px 5px 10px;
	border: 1px solid black;
}

#sidebar_duitnow img {
	max-height: 70px;
}

#duitnow-prof {
	box-sizing: border-box; 
	width:80%;
	background: white; 
	padding: 10px 10px;
	margin-top: 20px;
	cursor: pointer;
	border-radius: 5px;
}

#duitnow-prof div {
	padding-top: 10px;
}

#duitnow-prof img {
	width: 75px;
}

#duitnow-prof span {
	padding: 10px 1px 0px 1px;
	font-size: 11px;
}

#duitnow-vid,
.duitnow-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.8);
	height: 100%;
	width: 100%;
	z-index: 99999;
}

.duitnow-popup-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	color: black;
	font-size: 20px;
	font-weight: normal;
	max-height: 150px;
	max-width: 300px;
	text-align: center;
	padding: 10vh 10vw;
	word-wrap: break-word;
	line-height: 200%;
	-moz-border-radius: 10px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 10px; /* Safari 4-, Chrome 3- */
	border-radius: 10px;
	cursor: default;
}

.duitnow-popup p {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}

.duitnow-popup-close {
	border-radius: 50%;
	background: #595959;
	color: white;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	border: none;
	font-size: 16px;
}

.duitnow-popup-close:hover {
	background: black;
}

#duitnow-vid.active,
.duitnow-popup.active {
	display: block;
}

#duitnow-vid iframe {
	height: 60vh;
	margin: 20vh auto;
}

.duitnow-btn {
	position: relative;
	background: white;
	border: 1px solid black;
	-moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
	-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
	border-radius: 5px;
	color: black;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	margin-left: 3px;
	width: 40px;
	height: 10px;
	cursor: pointer;
}

.duitnow-btn:hover {
	background: black;
	color: white;
}
/* DuitNow End*/


/* Like Start */
.like {
	display: block;
	/*background: #E4EAF2;*/
	padding: 10px 0px;
	margin: 20px 0px;
	font-size: 0.8em;
	color: #666; /*css var fallback*/
	color: var(--font-color-3);
}

.like i {
	color: #8398c1;;
}

.like a:link, 
.like a:visited, 
.like a:active{ 
	color: #333; /*css var fallback*/
	color: var(--font-color-2);
}

.like_post {
	color: white;
}
/* Like End */