span.positive {
  color: green;
}
span.negative {
  color: red;
}
.adb {
  color: #000000;
  display: block;
  font-size: 13px;
  line-height: 14px;
}
#ads * {
  background-color: transparent;
  font-family: Verdana, sans-serif;
  height: 100%;
}

.ui-tooltip {
  max-width: 300px;
  width: auto !important;
  padding: 8px;
}

.adu {
  color: #000000;
  font-size: 13px;
  line-height: 12px;
  overflow: hidden;
  white-space: nowrap;
}
.adus {
  cursor: pointer;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #970009;
  cursor: pointer;
}
.alink {
  font-weight: normal !important;
}

.partner_link {
  color: #0000ff !important;
  cursor: pointer;
}
.partner_link:hover {
  color: #ff0000 !important;
  cursor: pointer;
}

.adt {
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
}

.xoopsQuote,
.xoopsCode {
  border: 1px dashed;
  padding: 5px;
}

.xoopsCode {
  direction: ltr;
  text-align: left;
}

.errhandler {
  border: 1px dashed red;
  padding: 0px 5px;
  background-color: #f8f8ff;
  color: Gray;
}

@media only screen and (max-device-width: 480px) {
  /*************************/
  #rightcolumn,
  #leftcolumn {
  }

  #centercolumn {
    padding-left: 0px !important;
  }
}

body {
  unicode-bidi: embed;
  padding: 0px;
  margin: 0px 0px;
  font: 16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

/* fast hack to secure menu if using old e-xoops theme */
#hmenu2 a,
#hmenu a {
  display: block;
  margin: 0px;
  width: 100%;
  padding: 3px;
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  border-top: 1px solid #cccccc;
}

#hmenu a {
  text-indent: 5px;
  border-left: 1px solid #cccccc;
}

#hmenu2 a {
  text-indent: 25px;
  border-left: 3px solid #990000;
}
/*table,td,div {direction: ltr; text-align:left}(*/
.imgfade {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  margin-left: 3px;
}
.imgfull {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  margin-left: 3px;
}
.center {
  direction: ltr;
  text-align: center !important;
}
.left {
  direction: ltr;
  text-align: left !important;
}
.right {
  direction: ltr;
  text-align: right !important;
}

.rc_img_pointer {
  vertical-align: middle;
  border: 0px;
  margin: 0px 5px;
}
.rc_warning {
  color: #ff0000;
  font-weight: bold;
}
.sql_dbg,
.cached_sql_dbg {
  border-top: 1px dashed #003030;
  padding: 3px;
  text-align: left;
}
.sql_dbg {
}
.cached_sql_dbg {
  font-style: italic;
}

#middle {
  width: 600px;
  margin: 0 auto;
}

/* ��������� ������ */
#socializ {
  display: inline-block;
  border: 1px solid #e5e5e5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 0 6px 6px;
  background: #fff;
  overflow: hidden;
}
* html #socializ {
  display: inline;
}
* + html #socializ {
  display: inline;
}
#socializ:hover {
  background: #f6f6f6;
  border: 1px solid #d4d4d4;
  -moz-box-shadow: 0 0 5px #ddd;
  -webkit-box-shadow: 0 0 5px #ddd;
  box-shadow: 0 0 5px #ddd;
}
#socializ a {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 6px 0 0;
  padding: 0;
  background-color: #f6f6f6;
}
#socializ img {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
/* ����� ��������� ������ */

.comment {
  margin-bottom: 40px;
  font-size: 0.8em;
  padding: 0px !important;
  /*border-bottom: 1px solid #DEE3E7 ;*/
}
.comment td {
  padding: 2px !important;
  font-size: 0.8em;
}
.comment td .comment_body {
  margin-top: 20px !important;
  border-left: 3px solid #d1d7dc;
  padding: 0px 10px !important;
  font-size: 13px;
}

.comment_body .datetime {
  color: #b0b0b0 !important;
}

.comment_body .text {
  float: left;
}

#top-banner-block {
  background-color: #a9b8c2;
}

#vote_up {
  width: 50px;
  height: 48px;
  float: left;
}
#votes_result_html {
  width: 60px;
  height: 48px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: auto;
  padding-right: auto;
}
#votes_result {
  line-height: 1;
  font-size: 3em;
  margin-left: auto;
  margin-right: auto;
}
#vote_down {
  width: 50px;
  height: 48px;
  float: left;
}

/* ====================== */
#first_advert {
  float: right;
  width: 300px;
  margin: 5px;
}

#article_top_contex {
  margin: 5px;
}

ul.jd_menu {
  clear: both;
}

ul.jd_menu,
ul.jd_menu_vertical {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
  display: none;
}
ul.jd_menu li {
  float: left;
}
ul.jd_menu_vertical {
  width: 300px;
}
ul.jd_menu_vertical li {
  float: none;
}

.home_img {
  vertical-align: middle;
  background-image: url(https://st1.scalemodels.ru/themes/scalemodels/images/home.gif);
  background-repeat: no-repeat;
  width: 19px !important;
}

h1 {
  font-size: 26px;
  margin: 1em 0;
}
h2 {
  font-size: 22px;
  margin: 0.9em 0;
}
h3 {
  font-size: 20px;
  margin: 0.8em 0;
}
h4 {
  font-size: 18px;
  margin: 0.7em 0;
}
h5 {
  font-size: 16px;
  margin: 0.6em 0;
}

h1,
h2,
h3,
h4 {
  font-family: Arial, sans-serif;
  font-weight: normal;
}

#hint {
  width: 300px;
  max-width: 300px;
  padding: 2px 5px;
  border: 1px solid #d1d7dc;
  color: black;
  font-size: 10px;
  background-color: #efefef;
  display: block;
  position: absolute;
}

#verytop {
  padding: 2px 10px;
  width: 100%;
  font-size: 0.7em;
}

#projects {
  font-size: 0.7em;
  line-height: 1em !important;
}

#blogs_block a.rss {
  float: right;
  height: 20px;
  width: 20px;
  margin: 0 3px;
  line-height: 20px;
  background-image: url(https://st1.scalemodels.ru/themes/scalemodels/images/social_buttons.png);
  background-repeat: no-repeat;
  background-position: -60px 0;
}

#top_subscribe {
  height: 25px;
  /*	width:200px;*/
}
#top_subscribe a {
  display: table-cell;
  float: right;
  height: 20px;
  width: 20px;
  margin: 0 3px;
  line-height: 20px;
  background-image: url(https://st1.scalemodels.ru/themes/scalemodels/images/social_buttons.png);
  background-repeat: no-repeat;
  text-decoration: none;
}

.ff {
  background-position: -40px 0;
}

.wap {
  background-position: -80px 0;
}

.rss {
  background-position: -60px 0;
}

.facebook {
  background-position: 0px 0;
}

.twitter {
  background-position: -20px 0;
}

.googleplus {
  background-position: -140px 0;
}

.close_button {
  height: 16px;
  width: 16px;
  line-height: 16px;
  background-image: url(https://st1.scalemodels.ru/themes/scalemodels/images/social_buttons.png);
  background-repeat: none;
  background-position: -100px 0;
}
.vkontakte {
  background-position: -120px 0;
}

.close_button_placeholder {
  float: right !important;
  width: 16px;
  height: 16px;
}

/**/

.main_anounces_header {
  line-height: 1.5;
  text-align: center;
}

form,
td,
th,
.myarticles p,
.myarticles div {
  line-height: 1.5;
}
.info {
  font-size: 11px;
  text-align: left;
  line-height: 2.5;
  margin-left: 5px;
}

.calendar .block td,
.calendar .block th,
.c_block td,
.c_block th,
.info_block table td,
.info_block table th,
.banner_block table td,
.banner_block table th,
.similar_articles,
.best_articles {
  font-size: 11px;
}

.similar_articles h4 {
  font: 12px Verdana, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: bold;
}

div.forum {
    font-size: 16px;
}
div.forum a {
  padding-left: 15px;
  text-decoration: none;
}

a:link,
a:active {
  color: #006699;
  font-weight: bold !important;
}
a:hover {
  color: #dd6900;
  font-weight: bold !important;
}
a:visited {
  color: #006699;
  font-weight: bold !important;
}

hr {
  color: #003399;
  height: 1px;
  width: 100px;
}
img {
  border: 0px;
}

/*******************************/
.bg0 {
  background-color: #ffffff;
  color: #000 !important;
}

.bottommenu,
.bg1 {
  background-color: #efefef;
  color: #000 !important;
}

.bg2 {
  background-color: #dee3e7;
  color: #000 !important;
}

.bg3 {
  background-color: #d1d7dc;
  color: #000 !important;
}

.bg4 {
  background-color: #a9b8c2;
  color: #000 !important;
}

.bg5 {
  background-color: #006699;
  color: #000 !important;
}

.viewed_block,
.last_block {
  font-size: 13px;
  vertical-align: top;
}

.bottommenu {
  margin: 10px;
}
.bottommenu a {
  font-size: 1.4em;
  padding: 5px 5px;
  text-decoration: none;
}


.clear {
  clear: both;
}

#bodyblock {
  background-color: #fff;
  /*background: #DEE3E7 url('https://st1.scalemodels.ru/themes/scalemodels/images/background-snow.gif');
  border: 1px solid #03699c;*/
  
  width: 100%;
  min-width: 800px;
}

#topblock {
  width: 100%;
  background-color: #d1d7dc;
  border-bottom: 1px solid #d1d7dc;
  /* background: #DEE3E7 url('https://st1.scalemodels.ru/themes/scalemodels/images/background-snow.gif');*/
  background-color: white;
}

.advertise {
  clear: both;
  font-size: 12px;
  padding: 15px !important;
  margin-right: 25px !important;
  text-decoration: none;
  width: 80%;
  background-color: #ffdddd;
  border-bottom: 1px solid #d1d7dc;
}
.warning {
  clear: both;
  font-size: 12px;
  padding: 15px !important;
  margin-right: 25px !important;
  text-decoration: none;
  width: 80%;
  background-color: #efefef;
  border-bottom: 1px solid #d1d7dc;
}
#logo {
  float: left;
  width: 200px;
  height: 75px;
  margin: 2px 15px;
}

#bottom_banners,
#top_banners,
#bannerblock {
  width: 100%;
  height: 65px;
  text-align: center;
  white-space: nowrap;
  background-color: #ffffff;
}

.B120-NEW,
.item_banner,
#bottom_banners > img,
#top_banners > img,
#bannerblock > img {
  width: 120px !important;
  height: 60px;
  margin: 3px;
}

.side_advert {
  float: right;
  width: 300px !important;
  /* border: solid 2px red !important*/
}

#begun {
  margin: 30px 10px;
  clear: both;
}

#advert {
  position: absolute;
  top: 00px;
  right: 10px;
}

#advert img {
  margin: 5px;
}

#lastlist,
#readlist {
  margin: 10px 0px;
  font-size: 11px;
  width: 49%;
}

#lastlist {
  float: left;
}

#pageup,
#readlist {
  float: right;
}

#lastlist ul,
#readlist ul {
  margin: 2px 10px;
  padding: 0px;
}

/***********************************/
.block {
  /*  border: 1px solid #A9B8C2;*/
  margin-bottom: 10px;
  width: 99.8%;
}

.button,
.file,
.indextable {
  /*	background-color: #EFEFEF; */
}

.primaryaction {
  display: inline-block;
  padding: 12px 20px;
  background: linear-gradient(135deg, #4a76a8 0%, #365c7d 100%);
  border: 2px solid #4a76a8;
  border-radius: 6px;
  color: #ffffff !important;
  font: bold 14px/1 "Verdana", "Helvetica", sans-serif;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  cursor: pointer;
  min-width: 140px;
  justify-content: center;
}

.primaryaction:hover {
  background: linear-gradient(135deg, #365c7d 0%, #2a4a6b 100%);
  border-color: #365c7d;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  text-decoration: none !important;
}

.secondaryaction {
  display: inline-block;
  padding: 12px 20px;
  background: linear-gradient(135deg, #d1d7dc 0%, #a9b8c2 100%);
  border: 2px solid #d1d7dc;
  border-radius: 6px;
  color: #2c3e50 !important;
  font: bold 14px/1 "Verdana", "Helvetica", sans-serif;
  text-align: center;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5);
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  cursor: pointer;
  /* min-width: 100px; */
  justify-content: center;
}

.secondaryaction:hover {
  background: linear-gradient(135deg, #a9b8c2 0%, #8fa3b0 100%);
  border-color: #a9b8c2;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  text-decoration: none !important;
}

.indextable {
  padding: 1px 5px 1px 3px;
}

.indextable2 {
  background-color: #fff;
  padding: 1px 1px 1px 3px;
}

.index-block {
  background-color: white;

}

.index-block .myarticles h4,
.index-block .news h4,
.index-block .mydownloads h4,
.index-block .mylinks h4 {
  font-size: 1.5em;
  margin: 0px !important;
  padding: 0px !important;
}

.index-block .myarticles,
.index-block .news,
.index-block .mydownloads,
.index-block .mylinks {
  border-left: 3px solid #d1d7dc;
  margin-top: 20px;
  padding: 0 10px !important;
}

.index-block .myarticles .close,
.index-block .news .close,
.index-block .mydownloads .close,
.index-block .mylinks .close {
  clear: both;
}

.header {
  background: linear-gradient(90deg, #f8fafc 0%, #e3e9f0 100%);
  border-bottom: 1px solid #d1d7dc;
  border-radius: 8px 8px 0 0;
  font-weight: 600;
  margin: 16px 0 0 0;
  padding: 12px 18px;
  text-align: center;
  font-size: 1.15em;
  color: #2c3e50;
  box-shadow: 0 2px 8px rgba(60,80,120,0.04);
  letter-spacing: 0.01em;
}
.tags {
  margin-left: auto;
  float: right;
  clear: both;
  text-align: right;
  background: transparent url(/themes/scalemodels/images/tag.gif) no-repeat
    scroll 0 3px;
  padding: 1px 0 1px 16px;
  font-size: 12px;
}

.tags a {
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}

.tag .count {
  font-weight: normal;
  text-decoration: none;
  font-size: 0.5em;
}

.tag_input {
    width: 300px;
}

.tag_error {
    color: #CC0000;
    font-weight: bold;
}

input {
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    background-color: #FFFFFF;
}

input[type=button] {
    cursor: pointer;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


#tags_suggest {
    margin-left: 10px;
}

.tag {
  display: inline-block;
  padding: 7px 12px 7px 26px;
  margin: 3px 7px 3px 0;
  background: linear-gradient(135deg, #d1d7dc 0%, #a9b8c2 100%);
  border: 2px solid #d1d7dc;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #2c3e50 !important;
  font: bold 14px/1 "Verdana", "Helvetica", sans-serif;
  text-align: center;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5);
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  cursor: pointer;
  min-width: 80px;
  justify-content: center;
  position: relative;
  white-space: nowrap;
}
.tag:before {
  content: "#";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: #8fa3b0;
  opacity: 0.8;
}
.tag:hover, a.tag:focus {
  background: linear-gradient(135deg, #a9b8c2 0%, #8fa3b0 100%);
  border-color: #a9b8c2;
  color: #1a232d !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  text-decoration: none !important;
  transform: translateY(-1px);
}
/* Старый стиль (оставлен для истории)
// a.tag {
//   line-height: 2;
//   height: 25px;
//   width: 1px;
//   padding: 1px 5px 1px 15px;
//   margin: 2px 5px 2px 0px;
//   cursor: pointer;
//   -moz-border-radius: 5px;
//   border-radius: 5px;
//   border-bottom-right-radius: 0px;
//   -moz-border-radius-bottomright: 0px;
//   -webkit-border-bottom-right-radius: 0px;
//   border-top-right-radius: 0px;
//   -moz-border-radius-topright: 0px;
//   -webkit-border-bottom-top-radius: 0px;
//   border-width: 1px;
//   border-style: solid;
//   border-color: #d1d7dc;
//   background-color: #d1d7dc;
//   white-space: nowrap;
// }
*/


.indextext {
  color: #000;
  /*	padding: 0 10px !important; */
  text-align: left;
  line-height: 1.5;
}

.indextext p {
  margin: 0 !important;
  padding: 0;
}
.postedby {
  color: #404040;
  padding: 0 5px;
  text-align: right;
  font-size: 1em;
}

/*************************/
#rightcolumn,
#leftcolumn {
  background-color: white;
  font-size: 0.9em;
  color: #000;
  width: 20% !important;
  vertical-align: top;
}
#centercolumn {
  background-color: white;
  vertical-align: top;
  padding-left: 30px;
}

/****************************************/
.sideblock,
.centerblock,
.cl_block,
.cr_block {
  margin-bottom: 10px;
  font-size: 11px;
  width: auto;
}

.c_block {
  background-color: #efefef;
}

.sideblock {
  width: 310px !important;
}

.sideblock div {
  margin: 0px;
  width: 310px !important;
}
.sideblock div ul,
.sideblock div ul li {
  margin: 0px;
  padding: 0px;
}

.c_block div {
  text-align: left;
  vertical-align: top;
}

/****************************************/
/* Form elements */
input,
textarea,
select {
  /*	color : #000000; */
  font: normal 13px Verdana, Arial, Helvetica, sans-serif;
  /*	border-color : #000000;
	border-width: 1px; */
}

/* Modern form styling */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
select {
  max-width: 300px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
textarea,
select {
  padding: 10px 12px;
  border: 2px solid #d1d7dc;
  border-radius: 6px;
  font: normal 14px "Verdana", "Helvetica", sans-serif;
  background: #ffffff;
  color: #2c3e50;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}




input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #4a76a8;
  box-shadow: 0 0 0 3px rgba(74, 118, 168, 0.1);
  transform: translateY(-1px);
}

/* Form submit buttons */
input[type="submit"],
input[type="button"],
button {
  display: inline-block;
  padding: 12px 20px;
  background: linear-gradient(135deg, #4a76a8 0%, #365c7d 100%);
  border: 2px solid #4a76a8;
  border-radius: 6px;
  color: #ffffff !important;
  font: bold 14px/1 "Verdana", "Helvetica", sans-serif;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  cursor: pointer;
  /*min-width: 140px;*/
  justify-content: center;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  background: linear-gradient(135deg, #365c7d 0%, #2a4a6b 100%);
  border-color: #365c7d;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  text-decoration: none !important;
}

/* Form layout improvements */
form {
}

form table {
  width: 100%;
  border-collapse: collapse;
}

form td {
  padding: 8px 12px;
  vertical-align: top;
}

form td:first-child {
  font-weight: bold;
  color: #2c3e50;
}

/* Checkbox and radio styling */
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  max-width: none;
  margin-right: 8px;
}

/* Textarea specific styling */
textarea {
  min-height: 100px;
  resize: vertical;
}

/* Select dropdown styling */
select {
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 40px;
}

/* BB-code buttons styling */
input[type="button"].secondaryaction[name^="addbbcode"] {
  display: inline-block;
  padding: 4px 6px !important;
  background: linear-gradient(135deg, #d1d7dc 0%, #a9b8c2 100%) !important;
  border: 1px solid #d1d7dc !important;
  border-radius: 4px !important;
  color: #2c3e50 !important;
  font: bold 10px/1 "Verdana", "Helvetica", sans-serif !important;
  text-align: center;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5) !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
  cursor: pointer;
  min-width: auto !important;
  width: auto !important;
  justify-content: center;
}

input[type="button"].secondaryaction[name^="addbbcode"]:hover {
  background: linear-gradient(135deg, #a9b8c2 0%, #8fa3b0 100%) !important;
  border-color: #a9b8c2 !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
  text-decoration: none !important;
}

/***************************************/
.bottommenu {
  margin: 0px;
  padding: 5px;
  text-align: center;
  vertical-align: bottom;
  width: auto;
  font-size: 10px;
  font-weight: bold;
}

.bottomtext {
  text-align: center;
  font-size: 9px !important;
  margin-top: 10px;
  line-height: 15px;
}

.black {
  color: #000;
  font-weight: bold;
}
/********************************************************/
.b468x60 {
  margin: 10px;
}

.topsmall {
  width: 100%;
  text-align: center;
  margin: 10px 0px;
}
.topsmall td {
  font-size: 11px;
}
.copyrights {
  margin: 10px;
  text-align: center;
  font-size: 10px;
}

.debug {
  font-size: 9px;
  color: #ffc600;
}

.redirect {
  background-color: #fff;
  border: 3px double #274271;
  color: #274271;
}

/**********/
.index .anonce {
  margin: 0px;
  float: left;
  width: 55%;
  font-size: 12px;
}

.index .anonce a {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.index ul {
  width: 40%;
  float: right;
  border: 1px solid #d1d7dc;
  margin: 0px;
  padding: 0px;
  /*        background-color: #D1D7DC;*/
}

.index .entering {
  color: #000;
  padding: 10px;
  text-align: left;
  font-size: 12px;
  clear: both;
}

#tags_block {
  padding: 10px 30px;
}
#tags_block .yandex_direct_place {
  clear: both;
}

.smalltags {
  font-size: 10px !important;
}

.article-entering {
  border-left: 3px solid #d1d7dc;
  padding: 0px 10px !important;
  line-height: 1.5;
  clear: both;
  margin-top: 20px;
}

.article-entering h4 {
  margin-top: 20px;
  margin-bottom: 2px;
}

.index ul li {
  list-style-type: none;
  padding: 3px 5px;
  font-size: 10px;
  margin: 0px;
}

.anonce span {
  color: #888;
}

.xoopsQuote,
.xoopsCode {
  border-style: dashed;
  border-width: 1px;
  padding: 0px 5px 0px 5px;
  font-size: 10px;
}

/** what-news **********/
.wn-c,
.wn-footer {
  text-align: center;
}
.wn-l {
  text-align: left;
  width: 10px;
  height: 10px;
  background: url(/modules/whatsnew/images/icons.gif) no-repeat;
}

#wn-articles,
#wn-news {
  background-position: -10px 0;
}
#wn-downloads {
  background-position: -20px 0;
}
#wn-posts {
  background-position: -50px 0;
}
#wn-topics {
  background-position: 0px 0;
}
#wn-members {
  background-position: -40px 0;
}
#wn-links {
  background-position: -30px 0;
}

/** menu **********/

.ddm1 {
  font: 18px tahoma;
  font-weight: bold;
  clear: both;
  background: #03699c
    url(https://st1.scalemodels.ru/themes/scalemodels/images/cellpic3.gif);
  text-align: center;
  padding: 4px;
  /*    height:14px;*/
}

.ddm1 .it1,
.ddm1 .it1:hover,
.ddm1 .it1-active,
.ddm1 .it1-active:hover,
.ddm1 .it1-active:visited,
.it1:visited {
  color: #eaedf5;
  padding: 3px 8px;
  text-decoration: none;
  position: relative;
  height: 35px;
}

.ddm1 .it1-active:visited,
.item1:visited {
  color: #eaedf5;
}

.ddm1 .it1:hover,
.ddm1 .it1-active,
.ddm1 .it1-active:hover,
.ddm1 .it1-active:visited {
  background-color: #33518f;
  color: #ffffff;
  text-decoration: none;
}

.section a,
.section a:hover {
  padding: 3px 8px 4px 8px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}
.section a {
  font: 12px tahoma !important;
  height: 15px;
  background: #efefef;
  color: #33518f;
  text-decoration: none;
}
.section a:hover {
  background-color: #33518f;
  color: #fff;
  text-decoration: none;
}

.ddm1 .section {
  background-color: #efefef;
  border: 1px #03699c;
  border-style: solid solid solid solid;
  position: absolute;
  visibility: hidden;
  z-index: -1;
  white-space: nowrap;
  text-align: left;
}

* html .ddm1 td {
  position: relative;
} /* ie 5.0 fix */
.section div {
  text-align: center;
}
.section div hr {
  height: 1px;
  width: 100px;
}

/* phpBB2.2 Quoting Style  */
.quotetitle {
  margin: 0px 20px;
  padding: 2px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #dee3e7;
  color: black;
  background-color: #dee3e7;
  font-size: 8pt;
}
.quotecontent {
  margin: 0px 20px;
  padding: 5px;
  /*border-color: #DEE3E7;
	border-width: 0px 1px 1px 1px;
	border-style: solid; */
  color: #808080;
  font-weight: normal;
  font-size: 8pt;
  font-family: Verdana, sans-serif;
  background-color: #fafafa;
}

/* phpBB2.2 Codeing Style  */
.codetitle,
.codecontent {
  margin: 0px;
  padding: 2px;
  border: 1px solid #a9b8c2;
  color: black;
  font-size: 8pt;
}
.codetitle {
  background-color: #a9b8c2;
}
.codecontent {
    font-weight: normal;
    color: #006600;
    font-family: "Courier New", monospace;
    background-color: #fafafa;
}

/* page nav */
.prenext {
  font-weight: bold;
  margin: 10px 0 24px 0;
  font-size: 0.9em !important;
  display: block;
}
.prenext .active {
  background-color: #03699c !important;
  color: white;
}

.prenext a {
  display: inline;
  margin: 6px;
  padding: 8px;
  /*border:1px solid #b1b7bC;*/
}
.prenext a,
.prenext a:visited {
    background-color: #efefef;
}
.prenext a:hover {
    background-color: #d1d7dc;
}

/* Enhanced navigation styles */
.nav.prenext.enhanced-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}

.nav.prenext.enhanced-nav a {
    display: inline-block;
    padding: 7px 12px;
    margin: 2px;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.2s, color 0.2s;
    min-width: 28px;
    text-align: center;
    font-weight: 500;
    color: #495057;
    background: #fff;
    border: 1px solid #d1d7dc;
    font-size: 14px;
}

.nav.prenext.enhanced-nav a:hover {
    background: #e9ecef;
    color: #03699c;
}

.nav.prenext.enhanced-nav a.active {
    background: #4a76a8 !important;
    color: #fff !important;
    font-weight: bold;
    border-color: #4a76a8;
}

.nav.prenext.enhanced-nav a.prev,
.nav.prenext.enhanced-nav a.next {
    background: #d1d7dc;
    color: #495057;
    border-color: #d1d7dc;
}

.nav.prenext.enhanced-nav a.prev:hover,
.nav.prenext.enhanced-nav a.next:hover {
    background: #e9ecef;
    color: #03699c;
}

.nav.prenext.enhanced-nav .page-input-container {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 12px;
    padding: 4px 8px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d1d7dc;
}

.nav.prenext.enhanced-nav .page-input-container label {
    font-weight: normal;
    color: #495057;
    margin: 0;
    font-size: 13px;
    white-space: nowrap;
}

.nav.prenext.enhanced-nav .page-input {
    width: 45px;
    padding: 3px 6px;
    border: 1px solid #d1d7dc;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    background: #f8f9fa;
    color: #222;
}

.nav.prenext.enhanced-nav .page-input:focus {
    outline: none;
    border-color: #4a76a8;
    background: #fff;
}

.nav.prenext.enhanced-nav .page-go-btn {
    padding: 7px 20px;
    background: #4a76a8;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    transition: background 0.2s;
    min-width: 80px;
}

.nav.prenext.enhanced-nav .page-go-btn:hover {
    background: #365c7d;
}

.nav.prenext.enhanced-nav .page-go-btn:active {
    background: #27415e;
}

@media (max-width: 768px) {
    .nav.prenext.enhanced-nav {
        flex-direction: column;
        gap: 8px;
        padding: 10px;
    }
    .nav.prenext.enhanced-nav .page-input-container {
        margin-left: 0;
        margin-top: 8px;
        justify-content: center;
        width: 100%;
        max-width: 220px;
    }
    .nav.prenext.enhanced-nav a {
        min-width: 22px;
        padding: 5px 7px;
        font-size: 13px;
    }
    .nav.prenext.enhanced-nav .page-input {
        width: 35px;
        font-size: 12px;
    }
    .nav.prenext.enhanced-nav .page-go-btn {
        padding: 6px 12px;
        font-size: 13px;
        min-width: 60px;
    }
}

@media (max-width: 480px) {
    .nav.prenext.enhanced-nav {
        padding: 6px;
    }
    .nav.prenext.enhanced-nav a {
        min-width: 18px;
        padding: 3px 5px;
        font-size: 11px;
    }
    .nav.prenext.enhanced-nav .page-input-container {
        flex-direction: column;
        gap: 3px;
    }
    .nav.prenext.enhanced-nav .page-input-container label {
        font-size: 11px;
    }
    .nav.prenext.enhanced-nav .page-input {
        width: 28px;
        font-size: 11px;
    }
    .nav.prenext.enhanced-nav .page-go-btn {
        padding: 5px 8px;
        font-size: 11px;
        min-width: 40px;
    }
}

div .news,
div .myarticles,
div .mylinks,
div .mydownloads {
  font-size: 1em;
  line-height: 1.5;
}

/********* WIKI*****************/

.wiki-link {
  background: none;
  padding: 1px 0px 1px 16px;
  font-weight: normal !important;
  text-decoration: none;
}

.wiki-link:hover {
  background: transparent url(/themes/scalemodels/images/doku.gif) no-repeat
    scroll 0px 1px;
  text-decoration: underline;
}

.wiki-new {
  color: green;
}
.wiki-edit {
  color: blue;
}
.wiki-small-edit {
  color: navy;
}
.wiki-delete {
  color: red;
}

/********* Myarticles *****************/

.info_block {
  width: 320px;
  vertical-align: top;
}

.indextext {
  padding: 0px 10px 0 0;
  clear: both;
}

.indextitle {
  text-align: left;
  font-weight: bold;
  clear: left;
  width: auto;
}

.more {
  text-align: left;
  clear: left;
  /*	color:#003399;*/
  font-size: 12px;
  margin-bottom: 20px;
}

.index-author {
  float: right;
  font-size: 14px;
}

/******** XOOPS FAQ ********/

.xoopsfaq_css h3 {
  padding: 0px 15px;
}

.xoopsfaq_css {
  display: block;
  margin: 10px;
  font-size: 1em;
}

.xoopsfaq_css td {
  font-size: 1em;
}

.xoopsfaq_css ul {
  padding: 5px 2px;
  font-size: 1em;
}

.xoopsfaq_css ul li {
  padding: 2px;
  margin: 5px 15px;
}

.xoopsfaq_css .question_list {
  list-style-image: url(/modules/xoopsfaq/images/question.gif);
  font-weight: bold;
  font-weight: normal;
  font-size: 1em;
}

.xoopsfaq_css .question_category {
  font-size: 18px;
  font-weight: bold;
  background-image: url(/modules/xoopsfaq/images/folder.gif);
  background-repeat: no-repeat;
  padding-left: 22px;
}

#logo_block {
  width: 250px;
  height: 78px;
  float: left;
}
#sm_search_block {
  width: auto;
  /*	height:75px;*/
  float: right;
  margin-right: 10px;
  margin-top: 25px;
  text-align: center;
}

.yaform__search-precise {
  font-size: 10px !important;
}

#login_block {
  width: 340px !important;
  margin-top: 25px;
  float: right;
  margin-right: 20px;
}

#sm_search_block form {
  margin: 0;
}

a.relap-default__logo {
  display: none !important;
}

.similar_articles {
  padding: 5px 0;
  margin: 0;
}

.bigteaser a.card {
  width: 250px !important;
  padding: 10px;
  font-size: 14px !important;
  text-decoration: none !important;
  color: black !important;
  font-family: sans-serif;
  display: block;
  float: left;
  height: 250px !important;
}
.bigteaser a.card:hover {
  background-color: #efefef;
}

div .teaser {
  clear: both;
  min-height: 70px;
  margin: 0;
}

.teaser img {
  padding: 0 5px 0 0;
  /*	width: 120px;
	height: 60px;*/
}

/* .teaser  */
.imageplace img {
  padding: 0 5px 0 0;
  width: 250px;
  height: 180px;
}

li.teaser {
  display: block;
}

.teaser .text {
  display: block;
  padding-left: 10px;
  padding-top: 30px;
  font-size: 14px;
  width: 100%;
  min-height: 38px;
}

/*
.teaser a {} 
.teaser .active  {background-color:#03699C !important; color:white;}
.teaser a,
.teaser a:visited {}
*/
.teaser a {
  display: block;
  padding: 3px !important;
}
.teaser a:hover {
  background-color: #efefef !important;
}

li.teaser a div.listplace img {
  width: 120px;
  height: 60px;
}

.last_articles .teaser .text,
.best_articles .teaser .text,
.similar_articles .teaser .text {
  padding-top: 21px !important;
  font-size: 11px !important;
  text-align: left;
}

#sm_search_block input {
  font-size: 16px !important;
  display: inline;
}

#sm_login_block input {
  font-size: 12px !important;
  display: inline;
  /*	margin-right: 5px;
	margin-top: 25px;*/
}

#search_query {
  width: 200px;
}
#search_submit {
  width: 80px;
}

#arttopics a {
  display: block;
  margin: 5px;
  text-decoration: none;
}

.search_word {
  background-color: yellow;
}

.advert {
  color: #a5a5a5 !important;
  font-size: 9px;
  text-align: center;
}
.advert a {
  color: #a5a5a5 !important;
  font-weight: normal;
}

.tag-link {
  background: none;
  padding: 1px 0px 1px 16px;
  font-weight: normal !important;
  text-decoration: none;
}

.tag-link:hover {
  background: transparent url(/themes/scalemodels/images/tag.gif) no-repeat
    scroll 0 3px;
  text-decoration: underline;
}

.tag-link strong {
  font-weight: normal !important;
}


.mix_inter {
  border: 0px !important;
}

.index-context {
  font-size: 12px;
  clear: both;
  margin: 20px 0px;
  padding-left: 7px;
}

/**************** Local context **************/

.advert_color {
  background-color: #e8e8e8;
}

.placeholder {
  border: 1px solid #c0c0c0;
  text-align: left;
  float: left;
  vertical-align: middle;
  border: 1px solid #c0c0c0;
}

.placeholder .local_context:hover {
  cursor: pointer;
  cursor: hand;
}

.size728x90 div.advert_title {
  font-size: 26px;
  color: blue;
  text-decoration: underline;
}

.size728x90 div.advert_text {
  font-size: 18px !important;
}

.size728x90 {
  width: 728px !important;
  height: 90px !important;
}

.size728x90 .local_context {
  padding: 12px 20px;
  width: 688px !important;
  height: 70px !important;
}

.size336x280 div.advert_title {
  font-size: 30px;
  color: blue;
  text-decoration: underline;
}

.size336x280 div.advert_text {
  font-size: 18px !important;
}

.size336x280 {
  width: 336px !important;
  height: 280px !important;
}

.size336x280 .local_context {
  padding: 50px 25px;
  width: 300px !important;
  height: 250px !important;
}

.size468x60 div.advert_title {
  font-size: 20x;
  color: blue;
  font-weight: bold;
  text-decoration: underline;
}

.size468x60 div.advert_text {
  font-size: 12px !important;
}

.size468x60 {
  width: 468px !important;
  height: 60px !important;
}

.size468x60 .local_context {
  padding: 9px 20px;
  width: 448px !important;
  height: 50px !important;
}

/* ��������� ����� */

.mix_outer table {
  border-collapse: collapse;
}
.mix_ad {
  padding: 0;
}
.mix_outer {
  margin: 0 0.25em;
}
.mix_outer td {
  padding: 0;
}
.mix_inter {
  border: 1px solid #c7c7c7;
  margin: 0.5em 0.25em;
}
.mix_outer .mix_head,
.mix_outer .mix_desc,
.mix_outer .mix_domain,
.mix_outer .mix_img {
  padding: 0.5em;
}
.mix_img {
  text-align: center;
}
.mix_outer .mix_domain {
  padding-top: 0;
}
.mix_head a {
  font-size: 110%;
}
.mix_clear {
  clear: both;
}

/* ��� �������������� �������� */
.mix_horiz_table td {
  vertical-align: top;
}
.mix_outer .mix_horiz_td .mix_inter {
  border: none;
  margin: 0;
}
.mix_outer .mix_horiz_td {
  padding: 0 0.25em;
  border: 1px solid;
  width: 1%;
}

/* /��������� ����� */

.inlinead {
  font-size: 12px;
}
.inlinead_span a {
  font-weight: normal !important;
}

#webmoney_cert {
  width: 73px;
  height: 75px;
  border: 0px;
}

#google_translate_element {
  /* float:right;*/
  width: 150px !important;
}

#forum_dom,
#oauth2_dom,
#notifications_dom,
#news_dom,
#banners_dom,
#mylinks_dom,
#myarticles_dom,
#photo_dom,
#userpoints_dom,
#contact_dom,
#_dom {
  /*margin:0 60px !important;*/
  margin: 0 auto !important;
  background-color: white;
  width: 90%;
}
#calendar_dom,
#mydownloads_dom,
#news_dom {
  margin: 0 0 0 30px;
}

.abuses {
  padding: 10px;
  background-color: #ffdddd;
}

.postsignature a:link {
  font-weight: normal !important;
  font-size: 0.8em !important;
  color: #a0a0a0 !important;
}

img.thumb {
  margin: 5px !important;
  border-width: 2px !important;
}

#mixkt_4294937518 * {
  font-size: 11px;
}

/************************/

/* $Id: style.css,v 1.5 2007/01/22 19:27:53 Michael_XIII Exp $ */

/********************************************************************************************/

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma, verdana, sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma, verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button {
  /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  /*  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%; */
}

.calendar thead .title {
  /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow {
  /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames {
  /* Row <TR> containing the day names */
}

.calendar thead .name {
  /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend {
  /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite {
  /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active {
  /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day {
  /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite {
  /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active {
  /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected {
  /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend {
  /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today {
  /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled {
  color: GrayText;
}

.calendar tbody .emptycell {
  /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow {
  /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {
  /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip {
  /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite {
  /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active {
  /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/************************/

.day_head {
  padding: 5px;
  border-bottom: 1px solid #a9b8c2;
  background-color: #d1d7dc;
}

.current {
  border: 3px solid #a9b8c2;
  background-color: white;
  vertical-align: top;
}

.empty {
  background-color: #dee3e7;
  vertical-align: top;
}

.weekend {
  background-color: #efefef;
  vertical-align: top;
}

.normal {
  background-color: white;
  vertical-align: top;
}

.minicalendar {
  text-align: center;
  margin: auto;
}

.minicalendar > td {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background-color: white;
}

.events,
.myarticles,
.news,
.mydownloads,
.mylinks {
  clear: both;
  padding: 5px;
}
/************************/

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 680px;
  margin: auto;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 100%;
}
table,
.jcarousel-skin-tango .jcarousel-container {
  border-width: 0px !important;
}

.next-horizontal {
  position: absolute;
  top: 43px;
  right: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent
    url(/include/js/jcarousel/skins/tango/next-horizontal.png) no-repeat 0 0;
}

.prev-horizontal {
  position: absolute;
  top: 43px;
  left: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent
    url(/include/js/jcarousel/skins/tango/prev-horizontal.png) no-repeat 0 0;
}

.category {
  clear: both;
  font-size: 10px !important;
}
.category a {
  font-weight: normal !important;
}

index img {
  max-width: 1024px !important;
}

.main-nav {
  background: #3092c0;
  background-image: -webkit-gradient(
    linear,
    to bottom,
    to top,
    color-stop(0%, #3298c8),
    color-stop(100%, #2e8cb8)
  );
  background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
  /*  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;*/
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}
.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  #main-menu {
    /*float: right;*/
    clear: none;
  }
}

/* Mobile menu top separator */

#main-menu:before {
  content: "";
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #2e8cb8;
}

@media (min-width: 768px) {
  #main-menu:before {
    display: none;
  }
}

/* Mobile menu toggle button */

.main-menu-btn {
  float: left;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: "";
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: "";
  top: 7px;
  left: 0;
}

/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

.sm-blue a,
.sm-blue a:hover,
.sm-blue a:focus,
.sm-blue a:active {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
}

.mosaic-block {
  float: left;
  position: relative;
  overflow: hidden;
  margin-top: 3px;
  width: 500px;
  height: 410px;
  background: #efefef url(/images/progress.gif) no-repeat center center;
}

.mosaic-backdrop {
  display: none;
  position: absolute;
  top: 0;
  background: #efefef;
}

.mosaic-backdrop img {
  width: 500px;
  height: 410px;
}

.mosaic-overlay {
  display: none;
  z-index: 5;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.bar .mosaic-overlay {
  bottom: -100px;
  height: 100px;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=0.85);
  background: #efefef;
}
.details h4 {
  margin-left: 15px;
}

@media screen and (max-width: 600px) {
    .banner_block,
    .last_articles,
    .best_articles,
    .teaser,
    .side_advert {
        visibility: hidden;
        display: none;
    }
    body, .bodyline {
        margin-left: 2px !important;
        margin-right: 2px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .forumline, .content, .index, .postwrapper, .postcontent {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    [id$="_dom"] {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #forum_dom {
      margin: 0 !important;
    }
    form,
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="url"],
    input[type="number"],
    textarea,
    select {
      max-width: 70% !important;
      box-sizing: border-box !important;
    }
  
    input[type="submit"],
    input[type="button"],
    button,
    .primaryaction,
    .secondaryaction {
      min-width: 0 !important;
      max-width: 70% !important;
      box-sizing: border-box !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .centercolumn {
        padding: 0px !important;
    }
}

/* Специальные стили для кнопок слежения и избранного */
.secondaryaction.watch-button,
.secondaryaction.favorite-button {
  padding: 6px 12px;
  font: bold 11px/1 "Verdana", "Helvetica", sans-serif;
  min-width: 80px;
}

.secondaryaction.watch-button:hover,
.secondaryaction.favorite-button:hover {
  background: linear-gradient(135deg, #a9b8c2 0%, #8fa3b0 100%);
  border-color: #a9b8c2;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  text-decoration: none !important;
}

/* Переопределение стилей для input[type="submit"] с классом secondaryaction */
input[type="submit"].secondaryaction,
input[type="button"].secondaryaction {
  display: inline-block !important;
  padding: 12px 20px !important;
  background: linear-gradient(135deg, #d1d7dc 0%, #a9b8c2 100%) !important;
  border: 2px solid #d1d7dc !important;
  border-radius: 6px !important;
  color: #2c3e50 !important;
  font: bold 14px/1 "Verdana", "Helvetica", sans-serif !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  cursor: pointer !important;
  min-width: 140px !important;
  justify-content: center !important;
}

input[type="submit"].secondaryaction:hover,
input[type="button"].secondaryaction:hover {
  background: linear-gradient(135deg, #a9b8c2 0%, #8fa3b0 100%) !important;
  border-color: #a9b8c2 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
  text-decoration: none !important;
}

/* --- Двухколоночная основная верстка --- */
.mainrow {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.centercolumn {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 20px 0 0;
}
.rightcolumn {
  width: 300px;
  min-width: 200px;
  max-width: 100vw;
  box-sizing: border-box;
  padding: 10px 0 10px 10px;
  background: #f8f8f8;
}
@media (max-width: 900px) {
  .mainrow {
    flex-direction: column;
  }
  .centercolumn {
    width: 100%;
    padding: 0;
  }
  .rightcolumn {
    width: 100%;
    min-width: 0;
    padding: 10px 0;
    margin-top: 20px;
  }
}

/* --- myarticles index page layout --- */
.myarticles-main {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-height: 80vh;
  gap: 32px;
}
.main-content {
  flex: 1 1 0;
  min-width: 0;
}
.info_block {
  flex: 0 0 320px;
  max-width: 350px;
  min-width: 220px;
  margin-top: 0;
}
@media (max-width: 900px) {
  .myarticles-main {
    gap: 16px;
  }
  .info_block {
    flex-basis: 200px;
    max-width: 100vw;
    min-width: 120px;
  }
}
@media (max-width: 600px) {
  .myarticles-main {
    flex-direction: column;
    gap: 0;
  }
  .main-content, .info_block {
    flex: none;
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }
  .info_block {
    margin-top: 40px;
  }
}

/* --- Accordion menu for myarticles categories --- */
#categories-accordion {
  margin-top: 10px;
}
#categories-accordion .ui-accordion-header {
  font-size: 1.1em;
  font-weight: bold;
  padding: 8px 10px;
}
#categories-accordion .ui-accordion-content {
  padding: 8px 10px;
}
@media (max-width: 600px) {
  #categories-accordion {
    margin-top: 20px;
  }
}

#categories-accordion ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#categories-accordion li {
  margin: 2px 0;
  padding: 0;
}
#categories-accordion li > a {
  display: block;
  padding: 6px 12px 6px 16px;
  border-radius: 6px;
  color: #2c3e50;
  text-decoration: none;
  transition: background 0.18s, color 0.18s;
  font-size: 1em;
}
#categories-accordion li > a:hover {
  background: linear-gradient(135deg, #eaf0f6 0%, #d1d7dc 100%);
  color: #1a232d;
}
#categories-accordion ul ul > li > a {
  font-size: 0.97em;
  padding-left: 32px;
  background: none;
}
#categories-accordion ul ul ul > li > a {
  font-size: 0.95em;
  padding-left: 48px;
}
#categories-accordion li.has-children > a {
  font-weight: bold !important;
  position: relative;
  background: linear-gradient(135deg, #d1d7dc 0%, #a9b8c2 100%);
}
#categories-accordion li.has-children > a:after {
  content: '▶';
  font-size: 0.8em;
  color: #4a76a8;
  margin-left: 8px;
  transition: color 0.18s;
}
#categories-accordion li.has-children > a:hover:after {
  color: #2a4a6b;
}
#categories-accordion a.active-category {
  color: #fff !important;
  background: linear-gradient(135deg, #4a76a8 0%, #365c7d 100%) !important;
  border-radius: 6px;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(74, 118, 168, 0.08);
}

@media (max-width: 600px) {
  #forum_dom {
    margin: 0 !important;
  }
}

@media (min-width: 601px) {
  #forum_dom {
    margin: 0 auto !important;
    width: 90%;
  }
}

.square-btn-yellow, .square-btn-red {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: inline-block;
    border: none;
    margin-right: 8px;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease;
}
.square-btn-yellow {
    background: linear-gradient(135deg, #ffe066 0%, #ffd43b 100%);
    box-shadow: 0 2px 8px rgba(200,180,60,0.10);
    border: 2px solid #ffe066;
}
.square-btn-red {
    background: linear-gradient(135deg, #ff6b6b 0%, #fa5252 100%);
    box-shadow: 0 2px 8px rgba(200,60,60,0.10);
    border: 2px solid #ff6b6b;
}
.square-btn-yellow:hover {
    background: linear-gradient(135deg, #fff3b0 0%, #ffe066 100%);
    border-color: #ffd43b;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(200,180,60,0.18);
}
.square-btn-red:hover {
    background: linear-gradient(135deg, #ffb3b3 0%, #ff6b6b 100%);
    border-color: #fa5252;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(200,60,60,0.18);
}

/* --- Fix for flex layout: force correct columns on desktop and mobile --- */
#centercolumn.centercolumn {
  width: auto !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 0 20px 0 0 !important;
  box-sizing: border-box !important;
}
#rightcolumn.rightcolumn {
  width: 300px !important;
  min-width: 200px !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  padding: 10px 0 10px 10px !important;
}
@media (max-width: 900px) {
  #centercolumn.centercolumn,
  #rightcolumn.rightcolumn {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
  #rightcolumn.rightcolumn {
    margin-top: 20px !important;
  }
}

/* Специальный стиль для тегов внутри блоков статей */
.block .tags {
  float: none;
  margin-left: 0;
  text-align: left;
  background: none;
  padding: 5px 0;
  clear: none;
  font-size: 11px;
  color: #666;
  margin-top: 5px;
}