/* Based on the Style Sheet for the fisubsilver v2 Theme for phpBB version 2+ by Daz  - http://www.forumimages.com */

body{  max-width: 89%;	margin: 0 auto;background:#f1f1f1 url(lines.gif);color:#000000;font:14px Verdana,Arial,Helvetica,sans-serif;padding:0;
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#cccccc;
scrollbar-darkshadow-color:#2f4f4f;
scrollbar-face-color:#cccccc;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#f1f1f1}

font,th,td,p{font:14px Verdana,Arial,Helvetica,sans-serif}

.gensmall{font-size:12px}
td.genmed,.genmed{font-size:13px}
.explaintitle{font-size:13px;font-weight:bold;color:#5c81b1}

a:link,a:active,a:visited,a.postlink{color:#4682b4;text-decoration:none}
a:hover{color:#000000;text-decoration:underline}

.topictitle{font-size:13px;font-weight:bold}
a.topictitle:visited{color:#5493b4}
a.topictitle:hover{color:#000000}

.name{font-size:13px;font-weight: bold}

hr{border: 0px solid #757575;border-top-width:1px;height:0px}

td.cat,td.rowpic{font-weight:bold;letter-spacing:1px;background:#dedede url(catbkg.gif);height:27px;
text-indent:4px}
td.cathead,.catLeft,.catRight{font-weight:bold;letter-spacing:1px;background:#f1f1f1 url(lines.gif);height:29px}

.row1{background:#f5f5f5}
.row2,.helpline{background:#ececec}
.row3{background:#e3e3e3}
td.spacerow{background:#ffffff}

th{background:#f1f1f1 url(lines.gif);color:#333333;font-size:13px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

.bodyline{background:#fbfbfb;border:1px solid #666666}

.forumline{background:#757575;border:0}

.maintitle,h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#939393}

.subtitle,h2,h3{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

.nav{font-size:13px;font-weight:bold}
.postbody{font-size:14px;line-height:125%}

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

.quote{background:#fafafa;border:1px solid #d1d7dc;color:#4642b4;
font-size:13px;line-height:125%}

.code{background:#fafafa;border:1px solid #d1d7dc;color:#006600;
font:13px Courier,"Courier New",sans-serif;padding:5px}

.errorline{background:#d3e4f3;border:1px solid #666666}

form{display:inline}

input{font:13px Verdana,Arial,Helvetica,sans-serif}

select{background:#ffffff;font:13px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:13px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#d3e4f3;font-size:13px}
input.catbutton{border:1px solid #000000;background:#d3e4f3;font-size:12px}
input.mainoption{border:1px solid #000000;background:#d3e4f3;font-size:13px;font-weight:bold}

a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}

.helpline{border:0 solid;font-size:12px}

.admin,.mod{font-size:13px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ff0000}
.mod,a.mod,a.mod:visited{color:#006600}
a.admin:hover,a.mod:hover{color:#000000}

img{border:0}

.tt12bkg{background:url(tt12_m.gif) repeat-x;height:12px;width:100%}
.tb12bkg{background:url(tb12_m.gif) repeat-x;height:12px;width:100%}
.ttb{width:100%}

.scrntbkg{background:url(scrn_t.gif) repeat-x;height:14px;width:100%}
.scrnbbkg{background:url(scrn_b.gif) repeat-x;height:14px;width:100%}
.scrnlbkg{background:url(scrn_l.gif) repeat-y;width:14px}
.scrnrbkg{background:url(scrn_r.gif) repeat-y;width:14px}
.scrn{width:100%;text-align:center}
td.scrnm{background:#ffffff}


.postbkg{background: url(tabblank.gif) repeat-y;height:20px}



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

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