/*  Hestia Theme for phpBB version 2+  Created by Vjacheslav Trushkin  http://www.trushkin.net */


body {
    background-color: #FFFFFF;
}

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
a { text-decoration: underline; color: #646368; }
a:visited    { text-decoration: underline; color: #646368; }
a:hover        { text-decoration: underline; color: #1588CC; }
a:active    { text-decoration: underline; color: #1588CC; }
hr    { height: 0px; border: solid #646368 0px; border-top-width: 1px;}


.forumline    { background-color: #666666; }

.row1    { background-color: #F8F8F8; }
.row1_over    { background-color: #F0F0F0; }
.row2    { background-color: #F0F0F0; }
.row2_over    { background-color: #E8E8E8; }
.row3, .row3Right    { background-color: #F4F4F4; }
.row3_over    { background-color: #ECECEC; }
.row4    { background-color: #EBEBEB; }
.spacer { background-color: #666666; }


td.rowpic {
        background-color: #FFFFFF;
}

th, td.th    {
    color: #666666; font-size: 12px; font-weight: bold;
    background-color: #FFCC00; height: 26px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-color: #E6E6E6; height: 28px;
}

td.th2 {background-color: #E6E6E6; height: 20px; color: #404040; }

td.spaceRow {
    background-color: #1696E2; }

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


.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall, .gensmall2 { font-size : 10px; }
.genmedred { font-size : 11px; color:red}
.gensmallred{ font-size : 10px; color:red}
.gensmallgreen{ font-size : 10px; color:green}
.gen,.genmed,.gensmall { color: #000000; }
a.gen,a.genmed,a.gensmall { color: #646368; text-decoration: underline; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #1588CC; text-decoration: underline; }


.mainmenu        { font-size: 11px; color: #000000 }
a.mainmenu        { text-decoration: underline; color: #364D67;  }
a.mainmenu:hover{ text-decoration: underline; color: #1588CC; }


.cattitle        { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color: #666666; }
a.cattitle, .cattitle a { text-decoration: underline; color: #666666; }
a.cattitle:visited, .cattitle a:visited { text-decoration: underline; color: #666666; }
a.cattitle:hover, .cattitle a:hover { text-decoration: underline; color: #1588CC; }
a.cattitle:active, .cattitle a:active { text-decoration: underline; color: #1588CC; }


.forumlink        { font-weight: bold; font-size: 12px; color: #646368; }
a.forumlink     { text-decoration: underline; color: #646368; }
a.forumlink:hover{ text-decoration: underline; color: #1588CC; }


.nav            { font-weight: bold; font-size: 11px; color : #000000;}
a.nav            { text-decoration: underline; color: #646368; }
a.nav:hover        { text-decoration: underline; color: #1588CC; }


.topictitle            { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: underline; color: #646368; }
a.topictitle:visited { text-decoration: underline; color: #646368; }
a.topictitle:hover    { text-decoration: underline; color: #1588CC; }
a.topictitle:active    { text-decoration: underline; color: #1588CC; }


.name            { font-size: 11px; color: #000000;}
a.name:link   { text-decoration: underline; color: #646368; }
a.name:visited { text-decoration: underline; color: #646368; }
a.name:hover    { text-decoration: underline; color: #1588CC; }
a.name:active    { text-decoration: underline; color: #1588CC; }

.postdetails        { font-size: 10px; color: #000000; }
.postdetails1        { font-size: 10px; color: #1588CC; }
.postdetails2        { font-size: 10px; color: #666666; }

.postbody { font-size: 12px;}
a.postlink:link    { text-decoration: underline; color: #666666; }
a.postlink:visited { text-decoration: underline; color: #404040; }
a.postlink:hover { text-decoration: underline; color: #1588CC; }
a.postlink:active { text-decoration: underline; color: #1588CC; }


.code_table,.php_table {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #1588CC;
    background-color: #FFFFFF; border: #1588CC; border-style: dotted;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote_table,.q_table {    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #404040; line-height: 125%;
    background-color: #FFFFFF; border: #1588CC; border-style: dotted;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.copyright        { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright, a.copyright:visited, .copyright a, .copyright a:visited { color: #444444; text-decoration: none;}
a.copyright:hover, a.copyright:active, .copyright a:hover, .copyright a:active { color: #000000; text-decoration: underline;}


input,textarea, select {
    color : #000000;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

chekbox{
color : red;
    background : #DDE2EC;
}
form { display: inline; }

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

form { display: inline; }

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

input { text-indent : 2px; }

input.button {
    background-color: #F0F0F0;
    color: #000000;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.mainoption {
    background-color : #FAFAFA;
    font-weight : bold;
}

input.liteoption {
    background-color: #FAFAFA;
    font-weight : normal;
}

input.graybutton { 
    background-color: #E0E0E0;
    font-weight : normal;
}

input.bluebutton {
    background-color: #3FABEC;
    color: #FFFFFF;
    font-weight : normal;
}

input.helpline { background-color: #F0F0F0; border: solid 1px #F0F0F0; }

.postformtitle    {
            font-size: 14px; font-family: Verdana;
            text-decoration: none; font-weight: bold; color: #000000;
}
.names            { font-size: 12px; color: #000000;  font-weight : bolder; }
div.userstop {
    border-top: 1px solid; width: 100%; margin-top: 5px; padding-top: 5px; padding-bottom: 5px;
}



/* Здесь ниже задаётся стиль для ссылок - все ссылки в квадратиках обведённых нежным оттенком основного цвета */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #888888 solid; background: #FFCC00; 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;}


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

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩЕГОСЯ СТИЛЯ */
input,textarea,input.liteoption,.fakebut {border: 1px solid #000000; background: #EAEFF4; 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: #f1f1f1;}
#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: #dddddd;}
#nav8 td {text-align: center;}

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