BODY {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; margin:0px;padding:0px;background-color:#FFF; text-align:center}
TABLE, TR, TD {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; color: #000;}

.maintitle, .thCornerL, .thTop, .thCornerR, .thHead, .thLeft, .thRight,.catHead {vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-color: #78B1F3; background-image: url(tile_back.gif)}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {text-decoration: none; color: #FFF}
.maintitle a:hover {text-decoration: underline}

.cattitle {font-size:13px;font-weight:bold;line-height:150%;color:#124CA0;padding:5px 4px 5px 5px;border-bottom:1px solid #345487;}

a:link, a:visited, a:active {text-decoration: underline; color: #000}
a:hover {color: #3972B0; text-decoration:underline}

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

img  {vertical-align:middle; border:0px; margin-top:1px}
form {display:inline;}

.mainoption, .button { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:0px;margin-top:0px}

option.cat {font-weight:bold;}
option.sub {font-weight:bold;color:#555}
.caldate   {text-align:right;font-weight:bold;font-size:14px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px}

#logostrip {border:1px solid #345487;background-color: #75ADEF;background-image:url(tile_back.gif);}
#logostrip a:link, #logostrip  a:visited, #logostrip a:active { font-size:14px;text-decoration: none; color: #3A4F6C;  font-weight : bold;}

.button {BACKGROUND: #F0F5FA; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}

.forumlink {font-weight: bold; font-size: 14px; color : #006699;}
.postbody  {font-size : 13px;}
.gensmall,.small {font-size : 12px;}

td.spaceRow { background: #6FA0E3 }
.row1 {background-color: #F9F8FD; padding:5px;margin-top:1px}
.row2 {background-color: #EAF3FF; padding:5px;margin-top:1px}
.row3 {background-color: #DDEBF9}
.row4 {background-color: #E4EDF4}

.titlemedium, .thSides, .catLeft,  .catRight, .rowpic {font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-color:#A4C9F4; background-image: url(tile_sub.gif)}
.titlemedium, .thSides  a:link, .titlemedium  a:visited, .titlemedium  a:active {text-decoration: underline; color: #3A4F6C}

.forumline { border:1px solid #345487; background-color:#809EC2; padding:0; margin:0 }
.tableborder, .post,  { border:1px solid #345487; background-color:#DDEBF9; padding:1; margin:1 }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }


#submenu   { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:12px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:12px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

#logomenu   { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:12px;color:#3A4F6C;}
#logomenu a:link, #logomenu  a:visited, #logomenu a:active {font-size:12px;text-decoration: none; color: #3A4F6C; }

.profil {color : Red;font-size : 14px;}
.agreement {font-size : 14px;}

.signature   { font-size: 12px; color: #339; line-height:150%;  vertical-align : bottom;  }
.postdetails { font-size: 12px }
.postcolor   { font-size: 14px; line-height: 160% }

.normalname { font-size: 14px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 14px }
.unreg { font-size: 14px; font-weight: bold; color: #900 }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#A4C9F4;padding:7px;margin-top:1px;font-size:12px; background-image: url(tile_sub.gif) }

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }

.tablefill   { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }
.tablepad    { background-color:#F5F9FD;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:35% }
.pagelinks   { float:left;line-height:1.2em;width:35% }

.desc { font-size:12px; color:#434951 }
.edit { font-size: 12px }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

.code {BORDER-RIGHT: #004080 1px solid; BORDER-TOP: #004080 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #004080 1px solid; COLOR: #006600; BORDER-BOTTOM: #004080 1px solid; FONT-FAMILY: Tahoma, Courier, 'Courier New', sans-serif; BACKGROUND-COLOR: #DDEBF9}
.quote {BORDER-RIGHT: #3A4F6C 1px solid; BORDER-TOP: #3A4F6C 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #3A4F6C 1px solid; COLOR: #444444; LINE-HEIGHT: 125%; BORDER-BOTTOM: #3A4F6C 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #DDEBF9}
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 13px; line-height: 12px }

.codebuttons  { font-size: 13px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 13px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }








/* ‘’€‹€ длЯ скрипта форума WR-Forum Professional версии 2.2 с 2019 года */

/* 1) €‡Њ…Ќ…Ќ€… €Њ…ћ™…ѓЋ‘џ ‘’€‹џ */
Select, Input { font-size: 13px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; 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: #DDEBF9;}
#nav8 td {text-align: center;}

/* 5) ‘тиль длЯ блока загрузки - „Ђ‹…… >>> */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid rgb(31, 122, 224); 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(31, 122, 224); 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%;}}