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

body {
    color: #333333; /* Тёмно-серый текст */
    background-color: #F5F5F5; /* Светло-серый фон */
    SCROLLBAR-base-COLOR: #E0E0E0;
    SCROLLBAR-ARROW-COLOR: #666666;
}

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

a:link, a:active, a:visited {
    color: #4A90E2; /* Голубой для ссылок */
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #2E6BB8; /* Тёмно-голубой при наведении */
}

hr {
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #E8E8E8;
    height: 2px;
    width: 100%;
}

.bodyline {
    background-color: #FFFFFF;
    border: 0px #CCCCCC solid;
}

.forumline {
    background-color: #FFFFFF;
    border: 0px #DDDDDD solid;
}

td.row1,
td.row3 {
    BORDER-RIGHT: #D0D0D0 1px solid;
    BORDER-TOP: #E8E8E8 2px solid;
    BORDER-BOTTOM: #D0D0D0 1px solid;
    BORDER-LEFT: #E8E8E8 2px solid;
    background: #FAFAFA;
}

td.row2, td.rowpic {
    BORDER-RIGHT: #D0D0D0 1px solid;
    BORDER-TOP: #E8E8E8 2px solid;
    BORDER-BOTTOM: #D0D0D0 1px solid;
    BORDER-LEFT: #E8E8E8 2px solid;
    background: #F0F0F0;
}

th,
th.1 {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    BORDER-RIGHT: #B0C4DE 1px solid;
    BORDER-TOP: #D6E4F5 2px solid;
    BORDER-BOTTOM: #B0C4DE 1px solid;
    BORDER-LEFT: #D6E4F5 2px solid;
    background: #5A9FD4; /* Голубой фон заголовков */
    height: 25px;
}

td.cat,
td.catHead,
td.catSides,
td.catLeft,
td.catRight,
td.catBottom {
    BORDER-RIGHT: #B0C4DE 1px solid;
    BORDER-TOP: #D6E4F5 2px solid;
    BORDER-BOTTOM: #B0C4DE 1px solid;
    BORDER-LEFT: #D6E4F5 2px solid;
    background: #E6F2FF; /* Светло-голубой для категорий */
    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: #D0D0D0 1px solid;
    BORDER-TOP: #E8E8E8 2px solid;
    BORDER-BOTTOM: #D0D0D0 1px solid;
    BORDER-LEFT: #E8E8E8 2px solid;
    background: #F5F5F5;
    height: 28px;
}

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

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

.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: #2E6BB8; /* Голубой для заголовков */
}

.gen,
.genmed,
.gensmall,
.mainmenu,
.cattitle,
.forumlink,
.nav,
.topictitle,
.name,
.postdetails {
    color: #333333;
}

a.gen,
a.genmed,
a.gensmall,
a.mainmenu,
a.cattitle,
a.forumlink,
a.nav,
a.topictitle,
a.postlink:link,
a.postlink:visited {
    color: #4A90E2; /* Голубой */
    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: #2E6BB8; /* Тёмно-голубой */
}

.postbody {
    font-size: 14px;
}

.code,
.quote,
input,
textarea,
select,
.helpline {
    font-family: Arial, 'Courier New', sans-serif;
    font-size: 13px;
    color: #333333;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #E0E0E0 2px solid;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #E0E0E0 2px solid;
    background: #FFFFFF;
}

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

a.copyright:hover {
    color: #4A90E2;
}

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

input.button,
input.mainoption,
input.liteoption {
    BORDER-RIGHT: #B0C4DE 2px solid;
    BORDER-TOP: #D6E4F5 2px solid;
    BORDER-BOTTOM: #B0C4DE 1px solid;
    BORDER-LEFT: #D6E4F5 2px solid;
    background: #E6F2FF;
    color: #333333;
    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 #4A90E2 solid; 
    background: #FFFFFF; 
    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 #CCCCCC; 
    background: #FFFFFF; 
    font-size: 13px; 
    font-weight:bold;
}

#qr img{
    width:35px;
    height:35px;
    position: fixed;
    right: 10px;
    top: 10px;
    border: 1px solid #CCCCCC;
    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: #E6F2FF;
    color: #4A90E2;
    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: #5A9FD4;} /* Голубой фон навигации */
#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; color: #FFFFFF;}
#nav8 ul a {padding: 7px 15px;text-align: left;}
#nav8 td:hover, #nav8 li:hover {background: #4A90E2;}
#nav8 td {text-align: center;}

#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {border:3px solid #4A90E2; 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:#4A90E2; 
    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%;}}