/* МЕДИЦИНСКИЙ СТИЛЬ для WR-Forum Professional */

/* ОСНОВНОЙ СТИЛЬ СТРАНИЦЫ */
BODY {
  FONT-SIZE: 14px;
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  SCROLLBAR-FACE-COLOR: #e8f0f7;
  BACKGROUND: #f5f8fb;
  PADDING-BOTTOM: 0px;
  MARGIN: 6px;
  FONT: 12px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
  COLOR: #1a3a52;
  PADDING-TOP: 0px;
}

FONT {FONT: 14px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif}
TH {FONT: 14px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif}
TD {FONT: 14px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif}
P {FONT: 13px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif}

.gensmall {FONT-SIZE: 13px}
TD.genmed {FONT-SIZE: 13px}
.genmed {FONT-SIZE: 12px}
.explaintitle {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0066cc}

/* ССЫЛКИ */
A:link {COLOR: #0066cc; TEXT-DECORATION: none}
A:active {COLOR: #0066cc; TEXT-DECORATION: none}
A:visited {COLOR: #003d7a; TEXT-DECORATION: none}
A:hover {COLOR: #00cc99; TEXT-DECORATION: underline}

A.postlink {COLOR: #0066cc; TEXT-DECORATION: none}

.topictitle {FONT-WEIGHT: bold; FONT-SIZE: 13px}
A.topictitle:visited {COLOR: #003d7a}
A.topictitle:hover {COLOR: #00cc99; TEXT-DECORATION: underline}

.name {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0066cc}

/* РАЗДЕЛИТЕЛИ */
HR {BORDER-TOP: #b3d9ff 1px solid; HEIGHT: 0px}

/* ЗАГОЛОВКИ КАТЕГОРИЙ */
TD.cat, TD.catHead, TD.catSides, TD.catLeft, TD.catRight, TD.catBottom {
  FONT-WEIGHT: bold;
  BACKGROUND: linear-gradient(180deg, #0066cc 0%, #004d99 100%);
  COLOR: #ffffff;
  TEXT-INDENT: 4px;
  LETTER-SPACING: 1px;
  HEIGHT: 29px;
}

/* СТРОКИ ТАБЛИЦ */
.row1 {BACKGROUND: #f5f8fb}
.row2 {BACKGROUND: #e8f0f7}
.row3 {BACKGROUND: #e0ebf5}
.helpline {BACKGROUND: #e8f0f7}
TD.spacerow {BACKGROUND: #d9e8f0}
TD.rowpic {BACKGROUND: #f5f8fb repeat-y;}

/* ЗАГОЛОВКИ ТАБЛИЦ */
TH {
  PADDING-RIGHT: 8px;
  PADDING-LEFT: 8px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 13px;
  BACKGROUND: linear-gradient(180deg, #0066cc 0%, #004d99 100%);
  COLOR: #ffffff;
  WHITE-SPACE: nowrap;
  HEIGHT: 27px;
  TEXT-ALIGN: center
}

/* ОСНОВНЫЕ БЛОКИ */
.bodyline {
  BORDER: 1px solid #0066cc;
  BACKGROUND: #ffffff;
  BOX-SHADOW: 0 2px 4px rgba(0, 102, 204, 0.1);
}

.forumline {
  BORDER: 1px solid #0066cc;
  BACKGROUND: #ffffff;
  BOX-SHADOW: 0 2px 4px rgba(0, 102, 204, 0.1);
}

/* ЗАГОЛОВКИ */
.maintitle {
  FONT: bold 24px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
  COLOR: #0066cc;
  TEXT-DECORATION: none;
  TEXT-SHADOW: 1px 1px 2px rgba(0, 102, 204, 0.1);
}

H1 {
  FONT: bold 22px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
  COLOR: #0066cc;
  TEXT-DECORATION: none;
}

H2 {
  FONT: bold 18px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
  COLOR: #004d99;
  TEXT-DECORATION: none;
}

.subtitle {
  FONT: bold 18px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
  COLOR: #004d99;
  TEXT-DECORATION: none;
}

/* НАВИГАЦИЯ */
.nav {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0066cc}
.topnav {
  BORDER-TOP: #0066cc 1px solid;
  BORDER-BOTTOM: #0066cc 1px solid;
  FONT-SIZE: 13px;
  BACKGROUND: linear-gradient(180deg, #f5f8fb 0%, #e8f0f7 100%);
  COLOR: #0066cc;
  WHITE-SPACE: nowrap;
  HEIGHT: 21px;
}

.topbkg {BACKGROUND: #f5f8fb repeat-x}

/* СОДЕРЖИМОЕ ПОСТОВ */
.postbody {FONT-SIZE: 14px; LINE-HEIGHT: 125%; COLOR: #1a3a52}
.postdetails {FONT-SIZE: 13px; COLOR: #0066cc}

/* ЦИТАТЫ */
.quote {
  BORDER: 1px solid #00cc99;
  FONT-SIZE: 13px;
  BACKGROUND: #f0fdf9;
  COLOR: #004d66;
  LINE-HEIGHT: 125%;
  PADDING: 10px;
}

/* КОД */
.code {
  BORDER: 1px solid #0066cc;
  PADDING: 8px;
  BACKGROUND: #f0f5fb;
  FONT: 12px 'Courier New', monospace;
  COLOR: #004d99;
  OVERFLOW-X: auto;
}

.errorline {
  BORDER: 1px solid #ff6b6b;
  BACKGROUND: #ffe0e0;
  COLOR: #cc0000;
}

/* ФОРМЫ */
FORM {DISPLAY: inline}
INPUT {FONT: 11px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif}
SELECT {BACKGROUND: #ffffff; FONT: 11px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif; BORDER: 1px solid #0066cc}

INPUT.post, TEXTAREA.post {
  BORDER: 1px solid #0066cc;
  PADDING: 5px;
  BACKGROUND: #ffffff;
  FONT: 11px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
}

INPUT.button, INPUT.liteoption, INPUT.catbutton, INPUT.mainoption, .fakebut {
  BORDER: 1px solid #0066cc;
  BACKGROUND: linear-gradient(180deg, #0066cc 0%, #004d99 100%);
  COLOR: #ffffff;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  PADDING: 6px 12px;
  CURSOR: pointer;
  BORDER-RADIUS: 4px;
  TRANSITION: all 0.3s ease;
}

INPUT.button:hover, INPUT.liteoption:hover, INPUT.catbutton:hover, INPUT.mainoption:hover, .fakebut:hover {
  BACKGROUND: linear-gradient(180deg, #00cc99 0%, #00b386 100%);
  BORDER-COLOR: #00cc99;
}

A.but {COLOR: #ffffff; TEXT-DECORATION: none}
A.but:hover {COLOR: #ffffff; TEXT-DECORATION: none}
A.but:visited {COLOR: #ffffff; TEXT-DECORATION: none}

/* МОДЕРАТОРЫ И АДМИНИСТРАТОРЫ */
.admin {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff6b35}
A.admin {COLOR: #ff6b35}
A.admin:visited {COLOR: #ff6b35}
A.admin:hover {COLOR: #ff9000}

.mod {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #00cc99}
A.mod {COLOR: #00cc99}
A.mod:visited {COLOR: #00cc99}
A.mod:hover {COLOR: #00e6b8}

/* КОПИРАЙТ */
.copyright {FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: 'Segoe UI', Verdana, Arial, Helvetica, sans-serif}
A.copyright {COLOR: #0066cc; TEXT-DECORATION: none}
A.copyright:hover {COLOR: #00cc99; TEXT-DECORATION: underline}

/* ИЗОБРАЖЕНИЯ */
IMG {BORDER: 0px solid}

/* ═══════════════════════════════════════════════════════════════ */
/* РАСШИРЕННЫЕ СТИЛИ ДЛЯ ФОРУМА */
/* ═══════════════════════════════════════════════════════════════ */

/* 1) КНОПКИ НАВИГАЦИИ */
.pgbutt a {
  font-family: 'Segoe UI', Verdana, Arial, sans-serif;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #0066cc;
  background: linear-gradient(180deg, #f5f8fb 0%, #e8f0f7 100%);
  color: #0066cc;
  margin: 3px 2px 0 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  display: inline-block;
}

.pgbutt a:hover {
  background: linear-gradient(180deg, #0066cc 0%, #004d99 100%);
  color: #ffffff;
  border-color: #0066cc;
}

/* 2) QR-КОД */
#qr img {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 10px;
  top: 10px;
  border: 2px solid #0066cc;
  padding: 2px;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

#qr img:hover {
  width: 200px;
  height: 200px;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

/* 3) АВАТАР ПРИ ОТСУТСТВИИ КАРТИНКИ */
.guestavatar {
  width: 120px;
  height: 120px;
  text-align: center;
  background: linear-gradient(135deg, #0066cc 0%, #00cc99 100%);
  color: #ffffff;
  font-size: 48px;
  font-weight: bold;
  display: table-cell;
  border-radius: 8px;
  position: relative;
  vertical-align: middle;
  box-shadow: 0 3px 8px rgba(0, 102, 204, 0.2);
}

/* 4) НАВИГАЦИОННОЕ МЕНЮ В АДМИНКЕ */
#nav8, #nav8 ul, #nav8 li {margin: 0; padding: 0; border: 0;}
#nav8, #nav8 ul {background: #f5f8fb;}
#nav8 {border-spacing: 0 0; position: relative; z-index: 50; width: 100%;}
#nav8 ul {position: absolute; display: none; background: #ffffff; border: 1px solid #0066cc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
#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: 8px 10px; text-align: center; text-decoration: none; color: #0066cc; font-weight: 500;}
#nav8 ul a {padding: 8px 15px; text-align: left;}
#nav8 td:hover, #nav8 li:hover {background: #e8f0f7; color: #00cc99;}
#nav8 a:hover {color: #00cc99;}
#nav8 td {text-align: center;}

/* 5) СТИЛЬ ПРОГРЕСС-БАРА ЗАГРУЗКИ */
#cssbar-wrapper {width: 300px; height: 19px; position: absolute; left: 50%;}
#cssbar-border {
  border: 3px solid #0066cc;
  height: 100%;
  width: 100%;
  position: relative;
  left: -50%;
  top: -50%;
  padding: 4px 3px;
  border-radius: 4px;
  background: #f5f8fb;
}
#cssbar-whitespace {overflow: hidden; height: 100%; width: 100%; margin: 0 auto; position: relative;}
#cssbar-line {
  background: linear-gradient(90deg, #0066cc 0%, #00cc99 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  animation: cssbar-slide 4s steps(40) infinite;
  border-radius: 2px;
}

@keyframes cssbar-slide {
  0% {left: -100%;}
  100% {left: 100%;}
}