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
}
.forumPath-x5 {
    BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #ffffff
}
TD.row_frame1 {
    BACKGROUND-COLOR: #f9f9f9
}
TD.row_lineB {
    BACKGROUND-COLOR: #f8f8e9
}
TD.row_zone3 {
    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.forumHeader {
    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.forumLeftBlock {
    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.forumRightSidebar {
    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.forumHeader {
    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.table_header_row {
    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.listTopBar {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.table_left_section {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.right_th_section {
    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.left_top_corner {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TH.headerRightRadius {
    BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}
TD.row_zone3Right {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; BACKGROUND-COLOR: #f2f2d7
}
TD.spacerBlock {
    BORDER-RIGHT: #808080 solid; BORDER-TOP: #808080 solid; BORDER-LEFT: #808080 solid; BORDER-BOTTOM: #808080 solid; BACKGROUND-COLOR: #f2f2d7
}
TH.table_header_row {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 13px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TD.forumHeader {
    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.spacerBlock {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TH.right_th_section {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TD.forumRightSidebar {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TD.row_zone3Right {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
TH.table_left_section {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TD.forumLeftBlock {
    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.listTopBar {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TH.left_top_corner {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TH.headerRightRadius {
    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
}
.txt_midfield {
    FONT-SIZE: 13px
}
.minorInfo {
    FONT-SIZE: 12px
}
.gen {
    COLOR: #0f5475
}
.txt_midfield {
    COLOR: #0f5475
}
.minorInfo {
    COLOR: #0f5475
}
A.gen {
    COLOR: #006699; TEXT-DECORATION: none
}
A.txt_midfield {
    COLOR: #006699; TEXT-DECORATION: none
}
A.minorInfo {
    COLOR: #006699; TEXT-DECORATION: none
}
A.gen:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
A.txt_midfield:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
A.minorInfo:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
.main_menu_section {
    FONT-SIZE: 13px; COLOR: #0f5475
}
A.main_menu_section {
    COLOR: #006699; TEXT-DECORATION: none
}
A.main_menu_section:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
.cat_title_cell {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006699; LETTER-SPACING: 1px
}
A.cat_title_cell {
    COLOR: #006699; TEXT-DECORATION: none
}
A.cat_title_cell:hover {
    TEXT-DECORATION: underline
}
.boardAnchor {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006699
}
A.boardAnchor {
    COLOR: #006699; TEXT-DECORATION: none
}
A.boardAnchor:hover {
    COLOR: #4e99e5; TEXT-DECORATION: underline
}
.navLinks {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0f5475
}
A.navLinks {
    COLOR: #006699; TEXT-DECORATION: none
}
A.navLinks: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
}
.member_badge {
    FONT-SIZE: 13px; COLOR: #0f5475
}
.post_info_section {
    FONT-SIZE: 13px; COLOR: #0f5475
}
.replyMainSection {
    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_cellbox {
    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_layerbox {
    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_widget {
    FONT-SIZE: 13px; COLOR: #0f5475; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
INPUT.primary_menu_item {
    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) ИЗМЕНЕНИЕ ИМЕЮЩЕГОСЯ СТИЛЯ */
/* Здесь ниже задаётся стиль для ссылок - все ссылки в квадратиках обведённых нежным оттенком основного цвета */
.pageBtnNav 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) навигационное МЕНЮ В АДМИНКЕ */
#navLinks8, #navLinks8 ul, #navLinks8 li {margin: 0;padding: 0;border: 0;}
#navLinks8, #navLinks8 ul {background: #FFFFFF;}
#navLinks8 {border-spacing: 0 0;position: relative;z-index: 50;width: 100%;}
#navLinks8 ul {position: absolute;display: none;}
#navLinks8 td:hover ul {display: block;}
#navLinks8 ul li {list-style: none;}
#navLinks8 .right {direction: rtl;}
#navLinks8 .right ul {right: 0;}
#navLinks8 .right li {direction: ltr;}
#navLinks8 a {display: block;padding: 7px 0;text-align: center;text-decoration: none;}
#navLinks8 ul a {padding: 7px 15px;text-align: left;}
#navLinks8 td:hover, #navLinks8 li:hover {background: #E5E5E5;}
#navLinks8 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%;}}