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

body {
    color: #D1D5DB; /* Светло-серый, для читаемости */
    background-color: #2D3748; /* Тёмно-серый, металлический оттенок */
    SCROLLBAR-base-COLOR: #4A5568;
    SCROLLBAR-ARROW-COLOR: #A0AEC0;
}

font, th, td, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:active, a:visited {
    color: #81E6D9; /* Голубой, технический акцент */
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #F6AD55; /* Оранжевый, выделение */
}

hr {
    border-top: 1px solid #4A5568;
    border-bottom: 1px solid #718096;
    height: 2px;
    width: 100%;
}

.bodyline {
    background-color: #2D3748;
    border: 0px #A0AEC0 solid;
}

.forumline {
    background-color: #2D3748;
    border: 0px #D1D5DB solid;
}

td.row1,
td.row3 {
    BORDER-RIGHT: #718096 1px solid;
    BORDER-TOP: #4A5568 2px solid;
    BORDER-BOTTOM: #718096 1px solid;
    BORDER-LEFT: #4A5568 2px solid;
    background: #2D3748;
}

td.row2, td.rowpic {
    BORDER-RIGHT: #718096 1px solid;
    BORDER-TOP: #4A5568 2px solid;
    BORDER-BOTTOM: #718096 1px solid;
    BORDER-LEFT: #4A5568 2px solid;
    background: #4A5568;
}

th,
th.1 {
    color: #E2E8F0;
    font-size: 11px;
    font-weight: bold;
    BORDER-RIGHT: #718096 1px solid;
    BORDER-TOP: #4A5568 2px solid;
    BORDER-BOTTOM: #718096 1px solid;
    BORDER-LEFT: #4A5568 2px solid;
    background: #4A5568;
    height: 25px;
    /* background-image: url(cellpic3.gif); */ /* Можно заменить на изображение с текстурой металла */
}

td.cat,
td.catHead,
td.catSides,
td.catLeft,
td.catRight,
td.catBottom {
    BORDER-RIGHT: #718096 1px solid;
    BORDER-TOP: #4A5568 2px solid;
    BORDER-BOTTOM: #718096 1px solid;
    BORDER-LEFT: #4A5568 2px solid;
    background: #4A5568;
    height: 28px;
}

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

td.catHead {
    font-size: 14px;
    background: #2D3748;
}

td.catSides,
td.catRight,
td.catLeft,
td.catBottom {
    background: #2D3748;
}

.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,
.genmed,
.gensmall,
.mainmenu,
.cattitle,
.forumlink,
.nav,
.topictitle,
.name,
.postdetails {
    color: #D1D5DB;
}

a.gen,
a.genmed,
a.gensmall,
a.mainmenu,
a.cattitle,
a.forumlink,
a.nav,
a.topictitle,
a.postlink:link,
a.postlink:visited {
    color: #81E6D9;
    text-decoration: none;
}

a.gen:hover,
a.genmed:hover,
a.gensmall:hover,
a.mainmenu:hover,
a.forumlink:hover,
a.topictitle:hover,
a.postlink:hover {
    color: #F6AD55;
}

.postbody {
    font-size: 14px;
}

.code,
.quote,
input,
textarea,
select,
.helpline {
    font-family: Arial, 'Courier New', sans-serif;
    font-size: 13px;
    color: #F6AD55;
    BORDER-RIGHT: #718096 1px solid;
    BORDER-TOP: #4A5568 2px solid;
    BORDER-BOTTOM: #718096 1px solid;
    BORDER-LEFT: #4A5568 2px solid;
    background: #1A202C;
}

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

a.copyright:hover {
    color: #F6AD55;
}

input.post,
textarea.post {
    background-color: #1A202C;
}

input.button,
input.mainoption,
input.liteoption {
    BORDER-RIGHT: #4A5568 2px solid;
    BORDER-TOP: #718096 2px solid;
    BORDER-BOTTOM: #4A5568 1px solid;
    BORDER-LEFT: #718096 2px solid;
    background: #4A5568;
    color: #D1D5DB;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* WR-Forum changes */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #81E6D9 solid; background: #374151; 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 #718096; background: #4A5568; font-size: 13px; font-weight:bold;}

#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;}

.guestavatar{width:120px;height:120px;text-align:center;background: #81E6D9;color: #1A202C;font-size: 50px;
display: table-cell;border-radius: 20%;position: relative;vertical-align: middle;}

#nav8, #nav8 ul, #nav8 li {margin: 0;padding: 0;border: 0;}
#nav8, #nav8 ul {background: #2D3748;}
#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: #283141;}
#nav8 td {text-align: center;}

#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid rgb(246,173,85); 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(246,173,85); 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%;}}