BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #FFFFFF; background: #464742; PADDING-BOTTOM: 0px; MARGIN: 6px; FONT: 13px Verdana,Arial,Helvetica,sans-serif; SCROLLBAR-HIGHLIGHT-COLOR: #464742; SCROLLBAR-SHADOW-COLOR: #e6e6e6; COLOR: #CCCCCC; SCROLLBAR-3DLIGHT-COLOR: #c2c2c2; SCROLLBAR-ARROW-COLOR: #FFFFFF; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #f1f1f1; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF}
FONT {FONT: 13px Verdana,Arial,Helvetica,sans-serif}
TH {FONT: 13px Verdana,Arial,Helvetica,sans-serif}
TD {FONT: 13px Verdana,Arial,Helvetica,sans-serif}
P {FONT: 13px Verdana,Arial,Helvetica,sans-serif}

.code_td {FONT-SIZE: 13px; COLOR: #DDDDDD; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.php_td {FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.q_td {FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.quote_td {FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.code_table {BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #FFFFFF 1px solid; WIDTH: 95%; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica}
.php_table {BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #FFFFFF 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #FFFFFF 1px solid; WIDTH: 95%; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica}
.q_table {BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #999999 1px solid; WIDTH: 95%; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica}
.quote_table {BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #FFFFFF 1px solid; WIDTH: 95%; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica}



.gensmall {FONT-SIZE: 12px}
TD.genmed {FONT-SIZE: 13px}
.genmed {FONT-SIZE: 13px}
.explaintitle {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FFFFFF}


A:link {COLOR: #FF9900; TEXT-DECORATION: none}
A:active {COLOR: #FF9900; TEXT-DECORATION: none}
A:visited {COLOR: #FF6600; TEXT-DECORATION: none}
A:hover {COLOR: #FF6600; TEXT-DECORATION: underline}

A.postlink {COLOR: #FF6600; TEXT-DECORATION: none}

.topictitle {FONT-WEIGHT: bold; FONT-SIZE: 13px}
A.topictitle:visited {COLOR: #FF6600}
A.topictitle:hover {COLOR: #FF6600}

.forumlink {font-weight: bold;}

.name {FONT-WEIGHT: bold; FONT-SIZE: 13px;}
HR {BORDER-RIGHT: #FF6600 0px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #ffffff 0px solid; HEIGHT: 0px}
TD.cat {FONT-WEIGHT: bold; BACKGROUND: url(cellpic1.gif) #FF6600; TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px}
TD.catHead {FONT-WEIGHT: bold; BACKGROUND: url(cellpic1.gif) #FF6600; TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px}
TD.catSides {FONT-WEIGHT: bold; BACKGROUND: url(cellpic1.gif) #FF6600; TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px}
TD.catLeft {FONT-WEIGHT: bold; BACKGROUND: url(cellpic1.gif) #f0f0f0; TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px}
TD.catRight {FONT-WEIGHT: bold; BACKGROUND: url(cellpic1.gif) #f0f0f0; TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px}
TD.catBottom {FONT-WEIGHT: bold; BACKGROUND: url(cellpic1.gif) #f0f0f0; TEXT-INDENT: 4px; LETTER-SPACING: 1px; HEIGHT: 29px}

.row1 {BACKGROUND: #333333}
.row2 {BACKGROUND: #444444}
.row3 {BACKGROUND: #555555}

.helpline {BACKGROUND: #666666}

TD.spacerow {BACKGROUND: #FFFFFF}
TD.rowpic {BACKGROUND: url(cellpic2.jpg) #f0f0f0 repeat-y;}
TH {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: url(cellpic3.gif) #f0f0f0; COLOR: #666666; WHITE-SPACE: nowrap; HEIGHT: 27px; TEXT-ALIGN: center}

.bodyline {BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BACKGROUND: #292826; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid}
.forumline {BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BACKGROUND: #000000; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid}
.maintitle {FONT: bold 20px/120% Verdana,Arial,Helvetica,sans-serif; COLOR: #666666; TEXT-DECORATION: none}

H1 {FONT: bold 20px/120% Verdana,Arial,Helvetica,sans-serif; COLOR: #FFFFFF; TEXT-DECORATION: none}
H2,h3 {FONT: bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none}

.subtitle {FONT: bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none}

.nav {FONT-WEIGHT: bold; FONT-SIZE: 13px}
.postbody {FONT-SIZE: 14px; LINE-HEIGHT: 125%}
.postdetails {FONT-SIZE: 13px; COLOR: #FFFFFF}
.quote {BORDER-RIGHT: #FF9900 1px solid; BORDER-TOP: #FF9900 1px solid; FONT-SIZE: 13px; BACKGROUND: #FF9900; BORDER-LEFT: #000000 1px solid; COLOR: #FFFFFF; LINE-HEIGHT: 125%; BORDER-BOTTOM: #FFFFFF 1px solid}
.code {BORDER-RIGHT: #FFFFFF 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #FFFFFF 1px solid; PADDING-LEFT: 5px; BACKGROUND: #000000; PADDING-BOTTOM: 5px; FONT: 13px Courier,sans-serif; BORDER-LEFT: #666666 1px solid; COLOR: #449944; PADDING-TOP: 5px; BORDER-BOTTOM: #FFFFFF 1px solid}
.errorline {BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BACKGROUND: #999999; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid}

FORM {DISPLAY: inline}
INPUT {FONT: 13px Verdana,Arial,Helvetica,sans-serif}
SELECT {BACKGROUND: #FFFFFF; FONT: 11px Verdana,Arial,Helvetica,sans-serif}
INPUT.post {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 2px; BACKGROUND: #FF6600; PADDING-BOTTOM: 2px; FONT: 13px Verdana,Arial,Helvetica; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}
TEXTAREA.post {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 2px; BACKGROUND: #FF6600; PADDING-BOTTOM: 2px; FONT: 13px Verdana,Arial,Helvetica; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}
INPUT.button {BORDER-RIGHT: #FF6600 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 13px; BACKGROUND: #FF9900; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}
INPUT.liteoption {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 13px; BACKGROUND: #fafafa; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}

.fakebut {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 13px; BACKGROUND: #FF6600; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}
INPUT.catbutton {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; BACKGROUND: #FF6600; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}
INPUT.mainoption {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #FF6600; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}

A.but {COLOR: #FF6600; TEXT-DECORATION: none}
A.but:hover {COLOR: #FF6600; TEXT-DECORATION: none}
A.but:visited {COLOR: #FF6600; TEXT-DECORATION: none}
.helpline {BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-SIZE: 12px; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid}
.topbkg {BACKGROUND: url(cellpic_bkg.jpg) #FF6600 repeat-x}
.topnav {BORDER-RIGHT: #999999 0px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BACKGROUND: url(cellpic_nav.gif) #eeeeee repeat-x; BORDER-LEFT: #999999 0px solid; COLOR: #999999; BORDER-BOTTOM: #999999 1px solid; WHITE-SPACE: nowrap; HEIGHT: 21px}
.admin {FONT-WEIGHT: bold; FONT-SIZE: 13px}
.mod {FONT-WEIGHT: bold; FONT-SIZE: 13px}
.admin {COLOR: #FF6600}
A.admin {COLOR: #FF6600}
A.admin:visited {COLOR: #ffa34f}
.mod {COLOR: #006600}
A.mod {COLOR: #006600}
A.mod:visited {COLOR: #006600}
A.admin:hover {COLOR: #dd6900}
A.mod:hover {COLOR: #dd6900}
IMG {BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid}
.copyright {FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -1px}
A.copyright {COLOR: #FF6600; TEXT-DECORATION: none}
A.copyright:hover {COLOR: #FF6600; TEXT-DECORATION: underline}







/* СТИЛИ для скрипта форума WR-Forum Professional версии 2.2 с 2019 года */

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩЕГОСЯ СТИЛЯ */
/* Здесь ниже задаётся стиль для ссылок - все ссылки в квадратиках обведённых нежным оттенком основного цвета */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #999999 solid; background: #464742; padding:1px 4px 1px 4px; margin: 5px 1 0 0;
 -moz-border-radius: 4px;
 -khtml-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;}

.pgbutt a:hover {border: 1px #FFFFFF solid; background: #464742; padding:2px 5px 2px 5px;}
p { margin: 20px;} 
TD {font-size: 14px;} 
form { display: inline; margin: 2px; padding: 0px; border: 0px;}   


/* 2) QR-CODE */
#qr img{width:35px;height:35px;position: fixed;right: 10px;top: 10px;border: 1px solid #666;padding: 1px;background-color: white;}
#qr img:hover{width:200px;height:200px;z-index:100;padding: 2px;}

/* 3) Если нет аватара добавляем ЧУДО КВАДРАТ с первой буквой логина. border-radius 100% - это круг */
.guestavatar{width:120px;height:120px;text-align:center;background: #FFDEAD;color: #4E5754;font-size: 50px;
display: table-cell;border-radius: 20%;position: relative;vertical-align: middle;}

/* 4) навигационное МЕНЮ В АДМИНКЕ */
#nav8, #nav8 ul, #nav8 li {margin: 0;padding: 0;border: 0;}
#nav8, #nav8 ul {background: #464742;}
#nav8 {border-spacing: 0 0;position: relative;z-index: 50;width: 100%;}
#nav8 ul {position: absolute;display: none;}
#nav8 td:hover ul {display: block;}
#nav8 ul li {list-style: none;}
#nav8 .right {direction: rtl;}
#nav8 .right ul {right: 0;}
#nav8 .right li {direction: ltr;}
#nav8 a {display: block;padding: 7px 0;text-align: center;text-decoration: none;}
#nav8 ul a {padding: 7px 15px;text-align: left;}
#nav8 td:hover, #nav8 li:hover {background: #FFFFFF;}
#nav8 td {text-align: center;}

/* 5) Стиль для блока загрузки - ДАЛЕЕ >>> */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid rgb(255, 102, 0); height:100%; width:100%; position:relative; left:-50%; top:-50%; padding:4px 3px;}
#cssbar-whitespace {overflow:hidden; height:100%; width:100%; margin:0 auto; overflow:hidden; position:relative;}
#cssbar-line {background-color:rgb(255, 102, 0); position:absolute; height:100%; width:100%; animation:cssbar-slide 4s steps(40) infinite;
 -o-animation:cssbar-slide 4s steps(40) infinite; -ms-animation:cssbar-slide 4s steps(40) infinite;
 -webkit-animation:cssbar-slide 4s steps(40) infinite; -moz-animation:cssbar-slide 4s steps(40) infinite;}
@keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}} @-o-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}
@-ms-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}} @-webkit-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}
@-moz-keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}