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

body {
  color: #E4E4E4;
  background-color: #1A1A24;
  SCROLLBAR-base-COLOR: #2A2A34; 
  SCROLLBAR-ARROW-COLOR: #FF5722;
}

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color: #E4E4E4; text-decoration: none; }
a:hover { text-decoration: none; color: #FF5722; }
hr {
  border-top: 1px solid #121316;
  border-bottom: 1px solid #3D4654;
  height: 2px;
  width: 100%;
}

.bodyline { background-color: #1A1A24; border: 0px #98AAB1 solid; }

.forumline { background-color: #1A1A24; border: 0px #E4E4E4 solid; }

td.row1 {
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #1A1A24;
}
td.row2 {
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #232334;
}
td.row3 {
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #1A1A24;
}

td.rowpic {
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #232334;
}

th {
  color: #E4E4E4; 
  font-size: 11px; 
  font-weight: bold;
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #232334; 
  height: 25px;
  background-image: url(cellpic3.gif);
}
th.1 {
  color: #E4E4E4; 
  font-size: 11px; 
  font-weight: bold;
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #232334; 
  height: 25px;
  background-image: url(cellpic3.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #232334;
  height: 28px;
}

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

td.catHead { 
  font-size: 14px; 
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #1A1A24; 
}
td.catSides { 
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #1A1A24; 
}
td.catRight { 
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #1A1A24; 
}
td.catLeft { 
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #1A1A24;
}
td.catBottom { 
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #1A1A24;
}

.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: #FF5722;
}

.gen { font-size: 14px; }
.genmed { font-size: 13px; }
.gensmall { font-size: 12px; }
.gen,.genmed,.gensmall { color: #E4E4E4; }
a.gen,a.genmed,a.gensmall { color: #E4E4E4; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #FF5722; text-decoration: none; }

.mainmenu { font-size: 13px; color: #E4E4E4; }
a.mainmenu { text-decoration: none; color: #E4E4E4; }
a.mainmenu:hover { text-decoration: none; color: #FF5722; }

.cattitle { font-weight: bold; font-size: 14px; letter-spacing: 0px; color: #E4E4E4 }
a.cattitle { text-decoration: none; color: #E4E4E4; }
a.cattitle:hover { text-decoration: none; }

.forumlink { font-weight: bold; font-size: 14px; color: #E4E4E4; }
a.forumlink { text-decoration: none; color: #E4E4E4; }
a.forumlink:hover { text-decoration: none; color: #FF5722; }

.nav { font-weight: bold; font-size: 13px; color: #E4E4E4; }
a.nav { text-decoration: none; color: #E4E4E4; }
a.nav:hover { text-decoration: none; }

.topictitle { font-weight: bold; font-size: 13px; color: #E4E4E4; }
a.topictitle:link { text-decoration: none; color: #E4E4E4; }
a.topictitle:visited { text-decoration: none; color: #E4E4E4; }
a.topictitle:hover { text-decoration: none; color: #FF5722; }

.name { font-size: 13px; color: #E4E4E4; }

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

.postbody { font-size: 14px; }
a.postlink:link { text-decoration: none; color: #E4E4E4; }
a.postlink:visited { text-decoration: none; color: #E4E4E4; }
a.postlink:hover { text-decoration: none; color: #FF5722; }

.code {
  font-family: Arial, 'Courier New', sans-serif; 
  font-size: 13px; 
  color: #FFD600;
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #0D0E13;
}

.quote {
  font-family: Arial, 'Courier New', sans-serif; 
  font-size: 13px; 
  color: #FFD600;
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #0D0E13;
}

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

input, textarea, select {
  color: #E4E4E4;
  font: normal 13px Verdana, Arial, Helvetica, sans-serif;
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #0D0E13;
}

input.post, textarea.post, select {
  background-color: #0D0E13;
}

input { text-indent: 2px; }

input.button {
  BORDER-RIGHT: #121316 2px solid; 
  BORDER-TOP: #3D4654 2px solid; 
  BORDER-BOTTOM: #121316 1px solid;
  BORDER-LEFT: #3D4654 2px solid;
  background: #232334;
  color: #E4E4E4;
  font-size: 13px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.mainoption {
  BORDER-RIGHT: #121316 2px solid; 
  BORDER-TOP: #3D4654 2px solid; 
  BORDER-BOTTOM: #121316 1px solid;
  BORDER-LEFT: #3D4654 2px solid;
  background: #FF5722;
  color: #FFFFFF;
  font-weight: bold;
}

input.liteoption {
  BORDER-RIGHT: #121316 2px solid; 
  BORDER-TOP: #3D4654 2px solid; 
  BORDER-BOTTOM: #121316 1px solid;
  BORDER-LEFT: #3D4654 2px solid;
  background: #232334;
  font-weight: normal;
}

.helpline { 
  BORDER-RIGHT: #3D4654 1px solid; 
  BORDER-TOP: #121316 2px solid; 
  BORDER-BOTTOM: #3D4654 1px solid;
  BORDER-LEFT: #121316 2px solid;
  background: #0D0E13; 
}

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

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩИХСЯ СТИЛЕЙ */
/* стиль для ссылок - все ссылки в квадратиках обведённых оттенком основного цвета */
.pgbutt a {
  font-family: Verdana; 
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none; 
  border: 1px #3D4654 solid; 
  background: #1A1A24; 
  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;
}
.pgbutt a:hover {
  background: #232334;
  color: #FF5722;
}

p { margin: 20px; } 
TD { font-size: 14px; } 
form { display: inline; margin: 2px; padding: 0px; border: 0px; }   
input, textarea, input.liteoption, .fakebut { 
  border: 1px solid #000000; 
  background: #0D0E13; 
  font-size: 13px; 
  font-weight: bold;
}

/* 2) QR-CODE */
#qr img {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 10px;
  top: 10px;
  border: 1px solid #FF5722;
  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: #FF5722;
  color: #FFFFFF;
  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: #1A1A24; }
#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: #FF5722; }
#nav8 td { text-align: center; }

/* 5) Стиль для блока загрузки - ДАЛЕЕ >>> */
#cssbar-wrapper { width: 300px; height: 19px; position: absolute; left: 50%; }
#cssbar-border { border: 3px solid #FF5722; 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: #FF5722; 
  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%; } }

/* Дополнительные стили для автомобильного форума */
.car-tools {
  background: url(wrench-icon.png) no-repeat 5px center #232334;
  padding-left: 30px;
}

.car-parts {
  background: url(engine-icon.png) no-repeat 5px center #232334;
  padding-left: 30px;
}

.car-models {
  background: url(car-icon.png) no-repeat 5px center #232334;
  padding-left: 30px;
}

/* Стиль для кнопок действий */
.action-button {
  background: #FF5722;
  color: white;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: bold;
  border: 1px solid #D84315;
}
.action-button:hover {
  background: #E64A19;
}

/* Стиль для важных сообщений */
.important-notice {
  background: #FFF3E0;
  border-left: 4px solid #FF5722;
  color: #333333;
  padding: 10px;
  margin: 15px 0;
}