BODY {
	
	    max-width: 76%; /* Максимальная ширина 76% */
    margin: 0 auto; /* Центрирование */
	font: 14px;
    SCROLLBAR-FACE-COLOR: #f8f8e9; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #f8f8e9; SCROLLBAR-3DLIGHT-COLOR: #f2f2d7; SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #f9f9f9; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff
}
FONT {
font: 14px;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
TH {
font: 14px;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
TD {
font: 14px;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
P {
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
A:link {
    COLOR: #006699
}
A:active {
    COLOR: #006699
}
A:visited {
    COLOR: #006699
}
A:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
HR {
    BORDER-RIGHT: #f2f2d7 0px solid; BORDER-TOP: #f2f2d7 1px solid; BORDER-LEFT: #f2f2d7 0px solid; BORDER-BOTTOM: #f2f2d7 0px solid; HEIGHT: 0px
}
.bodyline {
    BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}
.forumline {
    BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #ffffff
}
TD.row1 {
    BACKGROUND-COLOR: #f9f9f9
}
TD.row2 {
    BACKGROUND-COLOR: #f8f8e9
}
TD.row3 {
    BACKGROUND-COLOR: #f2f2d7
}
TD.rowpic {
    BACKGROUND-IMAGE: url(cellpic2.jpg); BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #ffffff
}
TH {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(cellpic3.gif); COLOR: #dd6900; HEIGHT: 25px; BACKGROUND-COLOR: #006699
}
TD.cat {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BACKGROUND-IMAGE: url(cellpic1.gif); BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; HEIGHT: 28px; BACKGROUND-COLOR: #f2f2d7
}
TD.catHead {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BACKGROUND-IMAGE: url(cellpic1.gif); BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; HEIGHT: 28px; BACKGROUND-COLOR: #f2f2d7
}
TD.catSides {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BACKGROUND-IMAGE: url(cellpic1.gif); BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; HEIGHT: 28px; BACKGROUND-COLOR: #f2f2d7
}
TD.catLeft {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BACKGROUND-IMAGE: url(cellpic1.gif); BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; HEIGHT: 28px; BACKGROUND-COLOR: #f2f2d7
}
TD.catRight {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BACKGROUND-IMAGE: url(cellpic1.gif); BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; HEIGHT: 28px; BACKGROUND-COLOR: #f2f2d7
}
TD.catBottom {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BACKGROUND-IMAGE: url(cellpic1.gif); BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; HEIGHT: 28px; BACKGROUND-COLOR: #f2f2d7
}
TD.cat {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 29px; BORDER-RIGHT-WIDTH: 0px
}
TD.catHead {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 29px; BORDER-RIGHT-WIDTH: 0px
}
TD.catBottom {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 29px; BORDER-RIGHT-WIDTH: 0px
}
TH.thHead {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.thSides {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.thTop {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.thLeft {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.thRight {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.thBottom {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.thCornerL {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.thCornerR {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TD.row3Right {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; BACKGROUND-COLOR: #f2f2d7
}
TD.spaceRow {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; BACKGROUND-COLOR: #f2f2d7
}
TH.thHead {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 13px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TD.catHead {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 13px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TH.thSides {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TD.catSides {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TD.spaceRow {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TH.thRight {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TD.catRight {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TD.row3Right {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TH.thLeft {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TD.catLeft {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TH.thBottom {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
TD.catBottom {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
TH.thTop {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TH.thCornerL {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TH.thCornerR {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
.maintitle {
    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #0f5475; LINE-HEIGHT: 120%; FONT-FAMILY: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.gen {
    FONT-SIZE: 14px
}
.genmed {
    FONT-SIZE: 13px
}
.gensmall {
    FONT-SIZE: 12px
}
.gen {
    COLOR: #0f5475
}
.genmed {
    COLOR: #0f5475
}
.gensmall {
    COLOR: #0f5475
}
A.gen {
    COLOR: #006699; TEXT-DECORATION: none
}
A.genmed {
    COLOR: #006699; TEXT-DECORATION: none
}
A.gensmall {
    COLOR: #006699; TEXT-DECORATION: none
}
A.gen:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
A.genmed:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
A.gensmall:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
.mainmenu {
    FONT-SIZE: 13px; COLOR: #0f5475
}
A.mainmenu {
    COLOR: #006699; TEXT-DECORATION: none
}
A.mainmenu:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
.cattitle {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006699; LETTER-SPACING: 1px
}
A.cattitle {
    COLOR: #006699; TEXT-DECORATION: none
}
A.cattitle:hover {
    TEXT-DECORATION: underline
}
.forumlink {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006699
}
A.forumlink {
    COLOR: #006699; TEXT-DECORATION: none
}
A.forumlink:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
.nav {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0f5475
}
A.nav {
    COLOR: #006699; TEXT-DECORATION: none
}
A.nav:hover {
    TEXT-DECORATION: underline
}
.topictitle {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0f5475
}
H1 {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0f5475
}
H2 {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0f5475
}
A.topictitle:link {
    COLOR: #006699; TEXT-DECORATION: none
}
A.topictitle:visited {
    COLOR: #5493b4; TEXT-DECORATION: none
}
A.topictitle:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
.name {
    FONT-SIZE: 13px; COLOR: #0f5475
}
.postdetails {
    FONT-SIZE: 13px; COLOR: #0f5475
}
.postbody {
    FONT-SIZE: 13px; LINE-HEIGHT: 18px
}
A.postlink:link {
    COLOR: #006699; TEXT-DECORATION: none
}
A.postlink:visited {
    COLOR: #5493b4; TEXT-DECORATION: none
}
A.postlink:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
.code {
    BORDER-RIGHT: #f2f2d7 1px solid; BORDER-TOP: #f2f2d7 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #f2f2d7 1px solid; COLOR: #006600; BORDER-BOTTOM: #f2f2d7 1px solid; FONT-FAMILY: Tahoma, Courier, 'Courier New', sans-serif; BACKGROUND-COLOR: #fafafa
}
.quote {
    BORDER-RIGHT: #f2f2d7 1px solid; BORDER-TOP: #f2f2d7 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #f2f2d7 1px solid; COLOR: #444444; LINE-HEIGHT: 125%; BORDER-BOTTOM: #f2f2d7 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fafafa
}
.copyright {
    FONT-SIZE: 13px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -1px
}
A.copyright {
    COLOR: #444444; TEXT-DECORATION: none
}
A.copyright:hover {
    COLOR: #0f5475; TEXT-DECORATION: underline
}
INPUT {
    BORDER-LEFT-COLOR: #0f5475; BORDER-BOTTOM-COLOR: #0f5475; FONT: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; COLOR: #0f5475; BORDER-TOP-COLOR: #0f5475; BORDER-RIGHT-COLOR: #0f5475
}
TEXTAREA {
    BORDER-LEFT-COLOR: #0f5475; BORDER-BOTTOM-COLOR: #0f5475; FONT: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; COLOR: #0f5475; BORDER-TOP-COLOR: #0f5475; BORDER-RIGHT-COLOR: #0f5475
}
SELECT {
    BORDER-LEFT-COLOR: #0f5475; BORDER-BOTTOM-COLOR: #0f5475; FONT: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; COLOR: #0f5475; BORDER-TOP-COLOR: #0f5475; BORDER-RIGHT-COLOR: #0f5475
}
INPUT.post {
    BACKGROUND-COLOR: #ffffff
}
TEXTAREA.post {
    BACKGROUND-COLOR: #ffffff
}
SELECT {
    BACKGROUND-COLOR: #ffffff
}
INPUT {
    TEXT-INDENT: 2px
}
INPUT.button {
    FONT-SIZE: 13px; COLOR: #0f5475; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
INPUT.mainoption {
    FONT-WEIGHT: bold; BACKGROUND-COLOR: #fafafa
}
INPUT.liteoption {
    FONT-WEIGHT: normal; BACKGROUND-COLOR: #fafafa
}
.helpline {
    BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #f8f8e9; BORDER-BOTTOM-STYLE: none
}





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

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩЕГОСЯ СТИЛЯ */
/* Здесь ниже задаётся стиль для ссылок - все ссылки в квадратиках обведённых нежным оттенком основного цвета */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #333333 solid; background: #EEEEEE; 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;}

p { margin: 20px;} 
TD {font-size: 13px;} 
form { display: inline; margin: 2px; padding: 0px; border: 0px;}   
input,textarea,input.liteoption,.fakebut {border: 1px solid #000000; background: #fafafa; font-size: 13px; font-weight:bold;}

/* 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: #FFFFFF;}
#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: #E5E5E5;}
#nav8 td {text-align: center;}

/* 5) Стиль для блока загрузки - ДАЛЕЕ >>> */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid rgb(0,66,99); 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(0,66,99); 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%;}}