@font-face {
	font-family: 'Icons';
	src: url('/fonts/icons.ttf');
	font-weight: normal;
	font-style: normal;
}

/* Layouy
------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}


.page-sep {display:none;}

a.position, a[name="unread"] {height:50px;}

.postbody
{
    /*word-break:break-all;*/
    overflow-wrap: break-word;
    word-wrap: break-word;
	text-overflow: ellipsis;
}

.postbody a
{
    word-break:break-all;   
}

.post-title div:first-child
{
	flex-grow:1;
}

.post-title div:last-child
{
	align-items:right;
	margin-right: .5em;
}

html {
	font-size: 100%;
}

body {
	font-family: Arial, Helvetica;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 14px;
	margin: 0;
	word-break: break-word;
}

#wrapheader {
	height: auto !important;
	padding: 0;
}

#wrapcentre {
	margin: 0 .5em;
}

#wrapfooter {
    text-align: center;
    clear: both;
    font-size: 1.15em;
    padding: 1em 0;
    /*background: #464646;*/
background-image: linear-gradient(rgb(64,64,64), rgb(120,120,120));
    color: #d9d9d9;	
    text-shadow: 0px 1px 1px rgb(0,0,0);
}

#wrapfooter a {color:white;}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
	background-color: #C1CAD2;
	background-image: url('./images/background.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0 25px 15px 25px;
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: Arial,Helvetica;
}

.forumrules h3 {
	color: red;
}

#pageheader { margin: 0 .8rem; }
#pagecontent {
background-color:#FFFFFF;
/*border:2px solid #D1D7DC;*/ 
}
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: #cc0000;
	font-family: Arial,Helvetica;;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	color: #cc0000;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h2.partners {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {

	font-size: 1.3em;
	font-weight: bold;
letter-spacing:1px;
margin:9px 5px;
}

p {
	font-size: 1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: black;
	
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	/*white-space: nowrap;*/
	color: #CC0000;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;

	white-space: normal;
	font-size: 12px;
	display:flex;
	flex-wrap:wrap;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	/*white-space: nowrap;*/
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	/*white-space: nowrap;*/
		color: #CC0000;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	float:right;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	/*white-space: nowrap;*/
	color: #CC0000;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	line-height:3em;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
	margin: 1px 0;
	color: red;

}

.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
	color: green;

}

.postapprove img, .postreported img {
	vertical-align: bottom;
	padding-top: 5px;
}

.postauthor {
	color: #000000;
}

.postdetails {
	color: #000000;
}

.postbody {
	font-size: 1.1em;
	/*line-height: 18px;*/
	font-family: Verdana,Helvetica,sans-serif;
	color: rgb(64,64,64);
	margin:.5em;
	max-width:98%;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: black;
	font-size: 13px;
	padding: 0 .5em;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;

}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
	word-break: break-word;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
	word-break: break-word;
}

.gensmall {
	font-size: 12px;
	color: rgb(90,90,90);
	/*line-height: 2em;*/
	word-break: break-word;
	display: inline-block;
	
}

div.controls,
td.controls
{
	display: flex;    
    align-content: space-between;
}

td.gensmall, td.gensmall b 
{
    display: flex;
    flex-flow: wrap;
}

.gensmall b a,
p.gensmall a,
p.breadcrumbs > a,
.nav b a,
.nav b strong,
td.gensmall b strong
{     
	color: rgb(90,90,90);
	padding: .2em .5em;
	margin: 0 .2em 0 0;
	text-decoration:none;
	border-radius:.25em;
	/*line-height:2em;*/
}

p.gensmall:last-child a {color:rgb(196, 0, 0); border:0 !important;}

.gensmall b a:hover,
p.breadcrumbs > a:hover,
p.gensmall a:hover,
.nav b a:hover,
td.gensmall b strong,
.nav b strong
{
	background-color:#c00;
	color:white;
}


li.regdate, li.posts {font-size:.85em; color:#777;}
li.regdate:before, li.posts:before {color:#c00; font-family:Icons; margin-right:.35em;font-size: .75em;}
li.regdate:before {content:'\e953';}
li.posts:before {content:'\e926';}


/*.topicdetails a img {width:2em;height:auto;}*/

.copyright {
	color: #444;
	font-weight: normal;
}

.titles {
	font-size: 1.1em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #F2F2F2;
	font-size: 11px;

	background-color: #F2F2F2;
	background-image: linear-gradient(rgb(64,64,64), rgb(120,120,120));
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 0px;
}
td.profile {
	padding: 4px;
	width:155px;
    	background: rgb(255,255,255);
}

.tablebg {
background-color:#FBFBFB;
/*border:2px solid #D1D7DC;*/
margin:1em 0;
}
/*
table.tablebg tbody tr:not(:last-child) td { border-bottom:.025em solid rgb(210,215,219); }
*/

/*table.tablebg > tbody > tr > td {padding: 1em 0;}*/

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	/*background: white url('./images/cellpic2.jpg') repeat-y scroll top left;*/
	background-image: linear-gradient(to right, rgb(199,208,215), rgb(220,225,229));

}
.rtl .catdiv {
	/*background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;*/
	background-image: linear-gradient(rgb(199,208,215), rgb(220,232,241));

}

.cat {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C7D0D7;
	/*background-image: url('./images/cellpic1.gif');*/
	background-image: linear-gradient(rgb(199,208,215), rgb(220,232,241));
	text-indent: 4px;
}

.catdiv {background-image: linear-gradient(rgb(199,208,215), rgb(220,232,241));}

/*
.row1, .row2, .row3
{
	min-width:5em;
}
*/
.row1 {
	background-color: #ebeef3;
	padding: .5em;
	word-break: break-word;	
}

.row2 {
	/*background-color: #DCE1E5;*/
	background-color: #ebeef3;
/*	padding: 4px;*/
}

.row3 {
	/*background-color: #C0C8D0;*/
	background-color: #ebeef3;
/*	padding: 4px;*/
}

.spacer {
	background-color: #D1D7DC;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
a:link {
	color: #CC0000;
	
}

a:visited {
	color: #C40000;
	
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #005784;
	text-decoration: none;
}

a.forumlink {
	color: #CC0000;
	font-size: 1.2em;
	font-weight: bold;
	font-family: arial;
}

a.topictitle {
	margin: 1px 1px;
	font-size: 14px;
	font-weight:bold;
}

a.topictitle:visited {
 
	color: #с40000;
	text-decoration: none;
}

a.mainmenu {
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-decoration:none;
}

a.mainmenu:visited {
 
	color: #C40000;
	text-decoration: none;
}


th a,
th a:visited {
	color: #FFFFFF !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}

a.not {
text-decoration: none;	
}

/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #A9B8C2;
	background-color: #FAFAFA;
}

textarea {
	background-color: #FAFAFA;
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em; 
	/*line-height: 1.4em;*/
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 2px;
}

select {
	color: #333333;
	background-color: #FAFAFA;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: white;
	border-style: solid;
	border-width: 1px;
	max-width:90%;
}

.btnbbcode {
	color: #000000;
	font-weight: normal;
	font-size: 1.1em;
	font-family:Arial,Helvetica,sans-serif;
	background-color: #EFEFEF;
	border: 1px solid #666666;
}

.btnmain {

	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
	font-weight: bold;
}

.btnlite {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
	
}

.btnfile {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #DEE3E7;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	/*margin: 10px 5px 0 5px;*/
	margin-top:.25em;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
/*	background-color: #A9B8C2;*/
	font-size: 0.85em;
	font-weight:bold;
}

.quotetitle .quotetitle {
	font-size: 1em;	
}

.quotecontent, .attachcontent {
	/*margin: 0 5px 10px 5px;*/
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: .95em;
	/*line-height: 1.4em;*/
	font-family: Arial,Helvetica,sans-serif;
	background-color: #FAFAFA;
	color: #666;
}

.attachcontent {
	font-size: 0.85em;
}

.attachcontent img {max-width:90%;}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Consolas;
	background-color: #FAFAFA;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
}

.nowrap {
	white-space: nowrap;
	    display: inline-block;
}
.postlink {
/*	background:url(window.gif) no-repeat right center;
	padding-right:16px;*/
}

.postlink:hover {
	/*background-image:url(window_a.gif);*/
}

.pdf_link, .pdf_link:hover {
	background:url(pdf.gif) no-repeat right center;
	padding-right:14px;
}
.tabletop {
	background-image: url('./top/lenta.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0px;
}

.vsmall {width:150px;}

hr {background-color:transparent; border:none; border-bottom:1px solid gray; padding: 0; margin:2em 0 .5em 0;}

ul.menu {margin:0; padding:0;}
ul.menu > li {display:inline; padding:.2em .5em; margin:0; list-style:none;}
ul.noitem > li {list-style:none;}

.cat a {text-decoration:none;}

.avatar img  {width:8rem; height:auto !important;}
li.avatar {text-align:center;margin-top:.25em;}
video, .bbmedia,
.bbmedia iframe,
.bbmedia embed, 
.bbmedia video {/*width:100% !important;*/ max-width:95%!important; /*height: auto !important;*/ min-height:500px;}

div.postbody noindex > img,
.attachment > img {max-width:100%; /*width:100%;*/ height:auto;}
.highslide-gallery img, .postlink-local img {max-width:70%; height:auto; }

a.forumlink, a.topictitle {text-decoration:none;}

li.nohover:hover {background-color:transparent!important;}

.menu2 {
 background-image: linear-gradient(rgb(64,64,64), rgb(120,120,120));
 color:white!important;
}

.menu2 a {color:rgb(210,210,210)!important;}

.ya-site-form { display:flex; width:100%;align-items: center;}
.ya-site-form input[type=search] {width:8em;height:1.2em; margin-right:.2em;}
.ya-site-form input[type=submit] {border:0; background-color:rgb(64,64,64); color:white; padding:.25em 1em; cursor:pointer; font-size:.8em;}

body.fixed {margin-top:70px;}
body.fixed #top-menu-glued  {position:fixed; top:0; z-index:10000; width:100%;
    /*box-shadow: 0 0 1px 1px rgba(0,0,0,0.5);*/
}

body.fixed #top-menu-glued ul:not(.menu2) {display:none;}
#top-menu-glued {text-shadow: 0px 1px 1px rgb(0,0,0);}

#menu-pm strong {     background-color: #000;        padding: 0 .5em .15em;    border-radius: .8em; }
#menu-pm span.active strong{background-color: #cc0000}

.postdetails {font-size:80%;}
.forumdesc {font-size:90%; color:rgb(90,90,90);}

#regme {display:none;}


body.reg #regme
{
	display:block;
	position: fixed;
	bottom: 0;
	text-align: center;
	width: 100%;
	background: rgba(0,0,0,.7);
	color: white;
	padding: 2em 0;
	z-index: 100000;
	font-size: 1.3em;
	line-height:2em;
	text-shadow: 0 0 .2em rgb(0,0,0);
	letter-spacing: .1em;
}

body.reg #regme a
{
	background-color: #cc0000;
	color:white;
	text-transform:uppercase;
	text-decoration: none;
	padding: .5em 2em;
}

body .thide {display:none !important;}
body.fixed .thide {display:inline-block !important;}


/*
body.fixed .mhide {display:none; margin:0; padding:0;}
*/

body.reg #closeme {float:right; font-size:0.6em; color:white; cursor:pointer; position: absolute;      top: 0;     right: .5em;}

body.reg #regme.hidden {display:none;}

.topic-block {width:100%; margin: 6em 0;}


#scrollup, 
#scrolldown
{display:none;}

body.reg #scrollup, 
body:not(.reg) #scrolldown
 {position:fixed; bottom:2em; z-index:100001;  padding:.5em 1em; color:white; background-color:rgb(0,0,0); display:flex; cursor:pointer; font-size:120%; right:2em;}
/*
body.reg #scrollup { right:2em;}
body:not(.reg) #scrolldown {left: 2em;}
*/
#scrollup span, 
#scrolldown span { font-weight: bold; padding:0 1em 0 0;}

span.postbody > img {max-width:90%;}


noindex, .attachment {max-width:100%;}

.topSense
{
	width:48%; 
	float:right;
	padding: 1.5em 0;
	min-height:330px;	
}

.topSense 
{
    width:98%;
    clear:right;
display:flex;
}

.dhide {display:none; margin:0; padding:0;}


.topCustom
{
	display: inline-block;
	width: 45%;
    margin-top: 1.5em;
}

.topCustom > img {max-width: 45%;}


@font-face {
	font-family: 'Icons';
	src: url('/fonts/icons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#top-menu-glued > ul > li > a,
.menu2 > li > a,
#Recent2,
.menu > li > a
{
/*	padding: 6px 8px;*/
    padding: .2em .6em;
	vertical-align:middle;
    /*line-height: 2.4em;*/
}



#top-menu-glued > ul > li > a:before,
.menu2 > li > a:before,
#Recent2:before,
.menu > li > a:before,
p.breadcrumbs > a:first-child:before 
{
        font-family: 'Icons';
        display:inline-block;
	margin:0;
	padding:0;
	vertical-align: baseline;
	padding-right:.5em;
}

#menu-pm.active:before
{
	color:#ff0000;
	text-shadow:none;
}
#menu-pm.active:hover:before
{ 
        color:white;
}


.menu > li > a:before
{
	color: rgb(90,90,90);
}

#mHome a:before, 
#mHome2 a:before,
p.breadcrumbs > a:first-child:before {    content: "\e900";}
#menu-pm:before {     content: "\e96f";}
#mGallery a:before {    content: "\e90f";}
#mSearch a:before {        content: "\e986";}
#mHelp a:before {    content: "\ea09";}
#mProfile:before {    content: "\e971";}
#mLogout a:before {    content: "\e9b6";}
#mLogout a[href^='./ucp.php?mode=login']:before {    content: "\e98d";}
#mRecent a:before, #Recent2:before {    content: "\e926";}
#mRegister a:before {    content: "\e973";}
.menu > li > a[href^='./search.php?search_id=unreadposts']:before  { content: "\e925";}
a#vk:before {color: #0089ff; content: "\ea98";}
.menu a[href^='./search.php?search_id=newposts']:before  { content: "\e924";}
.menu a[href^='./search.php?search_id=egosearch']:before  { content: "\e975";}
.menu a[href^='./adm/index.php']:before  { content: "\e9b4";}
.menu a[href^='./mcp.php']:before  { content: "\ea5a";}
.menu a[href^='./ucp.php?mode=delete_cookies']:before  { content: "\e98f";}
.menu a#myThemes:before  { content: "\e96e";}
.btnbbcode {margin:.5em .2em; border-radius:.25em; cursor:pointer;     line-height: 1.4em;
    min-width: 1.65em;
 outline:none;/*background-image: linear-gradient(#f2f7ff,#d2e6ff);*/    border: 1px solid #A9B8C2;    padding: 0 .2em;}

.btnmain
{    
    background-image: linear-gradient(#f2f7ff,#d2e6ff);
}


/*.btnbbcode:hover,*/
.btnmain:hover,
input[type=submit]:hover
{
    border-color: #8297ad;
    color: #003367;
    background-image: linear-gradient(#d2e6ff,#f2f7ff);
    transform: translate(0, 1px);
}

/*.postlink img {width:30% !important; max-width:30%;}*/

tr.post-row:not(:last-child) td {border-bottom:.025em solid rgb(220,220,220);padding:.6em .4em;}

.replyTextarea {width:95%; height:200px;display:block;    resize: none;}
input[type=text].post {width:95%;}

div.spoiler { background-color: white; border:1px solid rgb(120,120,120); padding:.5em 1em; width:85%; display:block;}
div.spoiler > span {display:none; margin-top:2em; width:85%;}
div.spoiler > strong{  color:#555;  cursor:pointer; display:block; border-bottom:1px solid; width:85%;}

tr.post-row td:not(:nth-child(1)):not(:nth-child(2))
{min-width:4em;}

.smilesPost
{
	/*width:90%;*/
	height: 5em;
    overflow-x: scroll;
    position:absolute;
	right: 27%;
    left: 2.25em;
}
.smilesPost div
{
	display: flex;
    align-items: center;
    flex-flow: row nowrap;
}


input[type=submit],
select
{
    padding: .2em .6em;
    font-size: 1.3em;
    border-radius: .15em;
    margin:.5em 0;
    outline:none;    
}

.smilesPost a {text-decoration:none; margin-right:1em;}
td:not(.cat) a.nav {word-break: keep-all; margin-top:4em;    margin-top: 6em;    display: block; width:8em;}

.postButtons { display: flex; flex-flow: wrap;    align-items: center;}
.postButtons div:last-child {display:block;}
    
table.tablebg:not(.viewtopic) tr:not(:last-child)  td,
table:not(.viewtopic) tr.row-post:not(:last-child) td
{border-bottom: .025em solid rgb(220,220,220);}

textarea.reply  { width:100%; resize: none; height: 14em; outline: coral; font-size: 1.2em;}   

ul.reputation {list-style:none;    /*margin: 2em 0 0 0;*/}
ul.reputation > li {display:flex; flex-flow: wrap;}
ul.reputation > li > a.big {display:inline-block;}
ul.reputation > li > a.big > img {width:1.3em;}
/*ul.reputation > li:last-child {flex-direction:row-reverse;}*/
ul.reputation > li:last-child > span {flex-grow:1;}


div.suggestion {   /* position:sticky;*/ top:3em;padding: 1em; background: #ebeef3; /*margin:6.75em 0 1em;*/ border-bottom: 1px solid rgb(209, 215, 220);}
div.suggestion  h3 {color: #C40000; text-shadow:none; margin-bottom:1em;}
ul.suggested  {list-style:none; display:flex; flex-flow:column;margin:0; padding:0;}
ul.suggested >  li, #suggest > ul > li {padding-bottom: .5em;}
ul.suggested >  li:before {content: '»'; padding-right:.5em;     font-size: 0.95em;}
ul.suggested >  li > a, #suggest > ul > li > a {font-size:120%;}
ul.suggested >  li > p, #suggest > ul > li > p {padding:.25em 1em; margin:0;}
ul.suggested >  li > span,
span.locationHL > a {    background: rgb(123, 177, 164);
    color: white;
    font-size: 75%;
    padding: .2em .5em;
    border-radius: .25em;
	font-weight:normal;
	line-height:1em;
}

section { display: flex; flex-flow: row-reverse; flex-wrap: nowrap}	
section > aside {width: 22%;      padding: 0 0 0 .5em;   margin: .9em 0;}
section > article {width:78%;}

aside > div.page 
{
    padding: 1em;
    background: #ebeef3;
    margin: 1em 0;
    border-bottom: 1px solid rgb(209, 215, 220);
}
aside > div:last-child.page
{
	position:sticky;
	top:2.25em;	
}

/*
aside > div.fixed
{
    position: fixed;
    top: 2em;
    right: 2.75em;
    left: 69.15%;
}*/

aside > div.fixed
{
/*    position: sticky;*/
    top: 2em;
}

ul.news > li {width:100% !important;height:100% !important; margin-bottom:.25em;}
ul.news > li > a {display: flex; flex-flow: row;}
ul.news > li > a > img {    display: block;    width: 25% !important;    height: 25% !important;}
ul.news > li > a > span {margin: .25em .5em; text-align:left;}

span.postbody {
    font-size: 75%;
    color: rgb(120,120,120);
    /*line-height: 1em;*/}

span.postbody > footer 
{
	margin-top:.5em;
	text-align:right;
}



.fullhide
{
	display:none;
}

.side_topics > ul {list-style:none; margin:1em 0 0 0;padding:0;}
.side_topics > ul > li {padding:0; margin:0 0 .5em 0;}
/*#recent_topics > ul > li:last-child {margin-top:2em;}*/
.side_topics > ul > li > img {margin-right:.15em;}

.profile > ul {    display: flex;
    list-style: none;
    margin: 0;
	padding: .25em;
	flex-flow:column;

}

.profile  ul {list-style:none; margin:0;}
.viewtopic > tbody > tr > td {padding:.5em;}
ul.rank > li {
	text-align:center;
    color: #30558c;
    font-size: .65em;
}

.forumcontent:after, 
.adcontent:after
{
        content:'';
        width: 0;
        height: 0;
  	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent; 
  	border-right:1em solid #ebeef3; 
        margin:2em 0 0 -1.35em;
        position:absolute;

}

.forumcontent:before, 
.adcontent:before
{
        content:'';
        width: 0;
        height: 0;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent; 
        border-right:1em solid #cfd7dc; 
        margin:2em 0 0 -1.5em;
        position:absolute;
}

.adcontent:after
{
        border-right:1em solid #ffebeb; 
}

.adcontent:before
{
        border-right:1em solid #e8c6c6; 
}


.postinfo {font-size:.85em; color:rgb(120,120,120); min-width:5rem; /*text-align:right;*/ margin: 0 .5em;}

.forumcontent:hover span.postbody {display:block;}

.postdetails > input[type=checkbox] {display:none}
.postdetails > div  {
    background: white;
    padding: .5em;
    border: 1px solid #cacaca;
	color:rgb(96,96,96);
}
.postdetails > div:before
{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 .5em .75em .5em;
	border-color: transparent transparent #cacaca transparent;
	margin-top:-1.25em;
	position:absolute;
}

.postdetails > div:after
{ 
        content:'';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 .45em .70em .55em;
        border-color: transparent transparent white transparent;
        margin-top:-2.1em;
        position:absolute;
	    top: 1.55em;
}


.postdetails > div > ul > li:not(:last-child) { margin-bottom:.5em;}
.postdetails > div > ul > li {display:flex;}
.postdetails > div > ul > li > b { width: 12em; font-size:1em; font-weight:bold; color:#c00;}

.postdetails > div {display:none;}
.postdetails > div { margin-top:.75em;}
.postdetails  a { font-size:1em;}
.postdetails > label {cursor:pointer; color:#c00; margin-left:.25em; text-decoration: underline; font-size:125%;}
.postdetails > label:after 
{
    display: inline-block;
	content: ' ';
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #c00;
    margin-bottom: 2px;
    margin-left: 2px;
}

.postdetails > input[type=checkbox]:checked + label:after 
{
    display: inline-block;
        content: ' ';
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 4px solid #c00;
    border-top:0;
    margin-bottom: 2px;
    margin-left: 2px;
}


.postdetails > input[type=checkbox]:checked + label + div  {display:block;position:absolute;z-index: 1; }

tr.post-row td.row1 a img,a.big-image img {height:1em;width:auto;}

td.profile > span {font-size: .75em;
    color: rgb(130, 130, 130);}

td.forumcontent, td.adcontent
{
	display: flex;
    	flex-flow: column wrap;
	justify-content:space-between;
	min-height:7rem;
	background: #ebeef3;
	border: 1px solid #cfd7dc;
}

td.adcontent
{
        background: #ffebeb;
        border: 1px solid #e8c6c6;
}


div.paceholder {
	flex-grow:1;
}


table.viewtopic {width:100%;}
table.viewtopic tr {background:transparent; background-color:transparent;}

@media (max-width:60em)
{
video, .bbmedia,
.bbmedia iframe,
.bbmedia embed, 
.bbmedia video {min-height:300px;}
}

@media (max-width:55em)
{
	li#mSearch > a > span {display:none;}
}



/*
------------------------------------------
*/
@media (max-width:51em)
{
.avatar img  {max-width:4rem;}

textarea.reply  { height: 6em;}
li.regdate, li.posts {font-size:.65em;}

.postbody {
        font-size: .9em;
	max-width:95%;
	}

#scrollup > div, 
#scrolldown > div 
{display:none;}

#scrollup span, 
#scrolldown span
{margin:0; padding:0;}

td.profile > span {display:block; text-align:center;}
.profile b.postauthor > a {font-size:.80em;}
.fullhide {display:block;}
.mobilehide {display:none;}

section > aside {padding:1em;}
aside > div.page {padding:1em; /*display:none;*/}
aside > div.fixed {position:initial;}

tr.post-row td.row1 a img,a.big-image img {height:1em;width:auto;}

ul.suggested  {flex-flow:column; margin:0; padding: 0;}
ul.suggested  > li {width:95%; margin:.5em 0; padding: 0;}

.gensmall b a,
p.gensmall a,
p.breadcrumbs > a,
.nav b a:hover,
.nav b a{border:.1em solid; border-radius:.25em; /*line-height: 2rem;*/ margin: 0.25rem 0.15rem;}

	span.postbody {word-break:break-all;}

	body.fixed #top-menu-glued {right:0;}
	/*body.fixed #top-menu-glued:before {content:'≡'; color:white; font-size:1.6em; width:1.2em; text-align:center; display:block; cursor:pointer; float:right;}
	body.fixed #top-menu-glued  ul{display:none;}*/

	img.car-r-head {width:90%;top:0;}

	.topic-block {width:90%; margin:0;}

	/*body.fixed #top-menu-glued:hover >  ul.menu2 {display:block !important; transition-delay:2s;}*/

	html, body{font-size:100%;}
	a.topictitle {font-size:90%; text-decoration:none;}
	a.forumlink {font-size:100%;}
	.topicdetails {font-size:80%;}
	select {font-size:80%;}
	.shide { display:none; }
	
	/*td:only-child, th:only-child, .profile {display:table-cell!important;}*/
	ul.news li a img  {width: 25% !important; float: left;}
	ul.news li {     width: 100%!important;     height: 100%!important; }

	/*.postbody noindex > img {max-width:100%; width:100%; height:auto;}*/

	span.postbody noindex img {width:15%;max-width:50%;}
	/*.postdetails {display:none;}*/
	.vsmall {width:10%;}
	#wrapcentre {margin:0;}
	td.profile {padding:0; width:20%;}
	.rank img {max-width:4rem;}
/*	td.forumcontent, td.controls {width:85%;}*/
	td.profile a {font-size:60%;}
	.smallfont {font-size:50%;}
	.postlink, .postlink-local {font-size:70%;}
	.searchbar a {display:block; text-align:right;}
	ul.menu {text-align:left;}
	ul.menu > li {display:block;}

	.postdetails {font-size:60%;}
	
	.row1, .row2 {padding:.25em;}
	body.reg #scrollup,
	body:not(.reg) #scrolldown {bottom:.2em; right:.2em; font-size:125%;}
	.topSense{ width:100%;  clear:both;}
	.topCustom {width:100%;}
	.topCustom > img {max-width: 100%;}
	.mhide {display:none;}
	.dhide {display:block;}

	body.fixed ul.menu2 > li > a > span, body.fixed #ySearch {display:none;}
	body.fixed ul.menu2 > #mLogout > a > span { display:inline-block;}

	body.fixed #top-menu-glued > ul > li > a:before	{padding-right:0; font-size:1.8em; line-height:1.6em; vertical-align: middle;}
	body.fixed .menu2 > li:first-child{    padding: .30em .15em; }

	.nav-header ul li a {	padding: 0 .45em; }
	
	.gensmall b a:hover,
    p.breadcrumbs > a:hover,
    p.gensmall a:hover,
    .nav b a:hover,
    td.gensmall b strong,
    .nav b strong
    {
    	border: 1px solid #c00;
    }
    p.forumdesc {
    line-height: 1.5em;
    }
    
    ul.reputation > li > a.big > img {width:3em;}
    
    #top-menu-glued > ul > li > a, .menu2 > li > a, #Recent2, .menu > li > a {padding:0 .4em;}

	.topSense {min-height:333px;}

	section { flex-flow: column-reverse;}     
	section > aside {width: 100%;   padding: 0;   margin: 0;}
	section > article {width:100%;}

.smilesPost
{
    position:absolute;
    right: 1em;
    left: 1em;
}

form[name="sortmsg"] {
display: flex;
flex-flow: column;
}

.viewtopic > tbody > tr > td {padding:0;}

.forumcontent:after,
.forumcontent:before,
.adcontent:after, 
.adcontent:before
 {
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}


video, .bbmedia,
.bbmedia iframe,
.bbmedia embed, 
.bbmedia video {width:100% !important; max-width:100%!important; height: auto !important; min-height:15rem;}


.pmtitle {min-width:8rem;}

span.postdetails > a.postauthor {
    font-size: 120%;
}

.postdetails > label {font-size:100%;}
/*
.postdetails > input[type=checkbox]:checked + label + div {
    margin-left: 5.75em;

}
*/

form[name="register"] > table > tbody > tr {display:flex; flex-flow:column;}
form[name="register"] > table > tbody > tr > td {min-height:2em;}

.tablebg {margin:.25em 0;}
.postinfo {font-size:.75em;}
.forumcontent span.postbody {display:none;}

/*
------------------------
*/
}	

.no-border a {border:none !important;}

input.btnbbcode {     background-position: center;    background-repeat: no-repeat; vertical-align:bottom;} 
input[name='addbbcode6'] {background-image: url('/forumvb/images/bbcode/quote.gif');}
input[name='addbbcode0'] {background-image: url('/forumvb/images/bbcode/bold.gif');}
input[name='addbbcode2'] {background-image: url('/forumvb/images/bbcode/italic.gif');}
input[name='addbbcode4'] {background-image: url('/forumvb/images/bbcode/underline.gif');}
input[name='addbbcode14'] {background-image: url('/forumvb/images/bbcode/img.gif');}
input[name='addbbcode16'] {background-image: url('/forumvb/images/bbcode/url.gif');}
input[name='addbbcode26'] {background-image: url('/forumvb/images/bbcode/strike.gif');}
input[name='addbbcode28'] {background-image: url('/forumvb/images/bbcode/spoiler.gif');}
input[name='addbbcode24'] {background-image: url('/forumvb/images/bbcode/video.png'); }
input[name='addbbcode22'] {background-image: url('/forumvb/images/bbcode/music.png');}

#helpbox
{
    min-height: 2em;
    padding: 0 .5em;
    color: #1354ca;
    display: block;
    flex-basis: 100%;
}


.gensmall > b >  strong 
{
background-color: #c00;
    color: white;    
padding: .2em .5em;
    margin: 0 .2em 0 0;
    text-decoration: none;
    border-radius: .25em;
    /*line-height: 2em;*/
    border: .1em solid  #c00;
}

aside > div.partners {    background-color: rgb(243, 220, 220);     border: 1px solid #ffd2d2;
    border-bottom: 1px solid #e28c8c;}

aside > div.vip {  background-color:#f1f6f7;}

ul.ucp_nav
{
	display: flex;
	flex-flow: row wrap;
	align-items: baseline;
	margin:1em 0;
	padding:0;
	list-style:none;
}
ul.ucp_nav > li:not(:last-child) {margin-right:1em;}
ul.ucp_nav ul {list-style:none; margin:0 0 0 0; padding:0;}
ul.ucp_nav a, ul.ucp_nav a.nav {margin:0;padding:0;width:100%;}
ul.ucp_nav b.nav,.nav b.nav {color:#C40000;padding:0;}

form:disabled input {display:none;}

.gay:after {background-image:url('/images/gay-flag.jpg');width:24px;height:15px;display:inline-block;margin-left: .25em;content: '';vertical-align: middle;}


:target::before {
  content: "";
  display: block;
  height: 35px; /* fixed header height*/
  margin: -35px 0 0; /* negative fixed header height */
}


input[type=submit], button, select
{
        border: 1px solid rgb(240 240 240);
    background: rgb(81 86 105);
    color: rgb(240 240 240) !important;
        border-radius:.25rem;
}
input[type=submit]:hover, button:hover
{
        border: 1px solid rgb(160 0 0 );
    background: rgb(240 240 240);
    color: rgb(160 0 0) !important;
        cursor: pointer;
}