/* General page style. The scroll bar colours only visible in IE5.5+ */

body {
color : #E4E4E4;
background-color: #1E1E2A;
SCROLLBAR-base-COLOR: #2A2A34; 
SCROLLBAR-ARROW-COLOR: #9F9FA8;
}

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #E4E4E4; text-decoration: none; }
a:hover        { text-decoration: none; color : #EFC70A; }
hr {
border-top: 1px solid #121316;
border-bottom: 1px solid #47475D;
height: 2px;
width: 100%;
}


.bodyline    { background-color: #1E1E2A; border: 0px #98AAB1 solid; }

.forumline    { background-color: #1E1E2A; border: 0px #E4E4E4 solid; }


td.row1    {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A;
}
td.row2    {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#2C2C3C;
}
td.row3    {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A;
}



td.rowpic {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#2A2B3A;
}


th    {
color: #B7BAC5; 
font-size: 11px; 
font-weight : bold;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#2C2C3C; 
height: 25px;
background-image: url(cellpic3.gif);
}
th.1    {
color: #B7BAC5; 
font-size: 11px; 
font-weight : bold;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#2C2C3C; 
height: 25px;
background-image: url(cellpic3.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#2A2B3A;
height: 28px;
}


th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A; height: 28px; 
}
td.row3Right,td.spaceRow {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A;
 }

td.catHead { 
font-size: 14px; 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A; 
}
td.catSides     { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A; 
}
td.catRight     { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A; 
}
td.catLeft      { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A;
}
td.catBottom  { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A;
}



.maintitle,h1,h2    {
font-weight: bold; 
font-size: 22px; 
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #ffffff;
}


.gen { font-size : 14px; }
.genmed { font-size : 13px; }
.gensmall { font-size : 12px; }
.gen,.genmed,.gensmall { color : #E4E4E4; }
a.gen,a.genmed,a.gensmall { color: #E4E4E4; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #F3D823; text-decoration: none; }


.mainmenu        { font-size : 13px; color : #E4E4E4; }
a.mainmenu        { text-decoration: none; color : #E4E4E4;  }
a.mainmenu:hover{ text-decoration: none; color : #F3D823; }


.cattitle        { font-weight: bold; font-size: 14px ; letter-spacing: 0px; color : #E4E4E4}
a.cattitle        { text-decoration: none; color : #E4E4E4; }
a.cattitle:hover{ text-decoration: none; }


.forumlink        { font-weight: bold; font-size: 14px; color : #E4E4E4; }
a.forumlink     { text-decoration: none; color : #E4E4E4; }
a.forumlink:hover{ text-decoration: none; color : #F3D823; }


.nav            { font-weight: bold; font-size: 13px; color : #E4E4E4;}
a.nav            { text-decoration: none; color : #E4E4E4; }
a.nav:hover        { text-decoration: none; }


.topictitle            { font-weight: bold; font-size: 13px; color : #E4E4E4; }
a.topictitle:link   { text-decoration: none; color : #E4E4E4; }
a.topictitle:visited { text-decoration: none; color : #E4E4E4; }
a.topictitle:hover    { text-decoration: none; color : #F3D823; }


.name            { font-size : 13px; color : #E4E4E4;}

.postdetails        { font-size : 12px; color : #E4E4E4; }


.postbody { font-size : 14px;}
a.postlink:link    { text-decoration: none; color : #E4E4E4; }
a.postlink:visited { text-decoration: none; color : #E4E4E4; }
a.postlink:hover { text-decoration: none; color : #F3D823;}


.code {
font-family: Arial, 'Courier New', sans-serif; 
font-size: 13px; color: #F34823;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#0D0E13;
}

.quote {
font-family: Arial, 'Courier New', sans-serif; 
font-size: 13px; color: #F3D823;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#0D0E13;
}


.copyright        { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; text-decoration: none;}
a.copyright        { color: #444444; text-decoration: none;}
a.copyright:link   { text-decoration: none; color : #444444; }
a.copyright:visited { text-decoration: none; color : #444444; }
a.copyright:hover { color: #F3D823; text-decoration: none;}

input,textarea, select {
color : #e4e4e4;
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#0D0E13;
}

input.post, textarea.post, select {
background-color : #0d0e13;
}

input { text-indent : 2px; }

input.button {
BORDER-RIGHT: #121316 2px solid; 
BORDER-TOP: #47475D 2px solid; 
BORDER-BOTTOM: #121316 1px solid;
BORDER-LEFT: #47475D 2px solid;
background:#2C2C3C;
color : #e4e4e4;
font-size: 13px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.mainoption {
BORDER-RIGHT: #121316 2px solid; 
BORDER-TOP: #47475D 2px solid; 
BORDER-BOTTOM: #121316 1px solid;
BORDER-LEFT: #47475D 2px solid;
background:#2C2C3C;
font-weight : bold;
}

input.liteoption {
BORDER-RIGHT: #121316 2px solid; 
BORDER-TOP: #47475D 2px solid; 
BORDER-BOTTOM: #121316 1px solid;
BORDER-LEFT: #47475D 2px solid;
background:#2C2C3C;
font-weight : normal;
}


.helpline { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#0D0E13; 
}








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

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩИХСЯ СТИЛЕЙ */
/* стиль для ссылок - все ссылки в квадратиках обведённых оттенком основного цвета */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #FFFFFF solid; background: #242424; 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: 14px;} 
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: #1E1E2A;}
#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: #191919;}
#nav8 td {text-align: center;}

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