@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');

/* =============================================================
   14AVG — Объединённый файл стилей
   Собран из: engine.css + bluegrey_2.css + search.css + login.css
   Порядок сохранён ТОЧНО как был в main.tpl (важно для каскада):
   engine -> bluegrey -> search -> login
   Пути к картинкам пересчитаны под расположение в css/
   ============================================================= */

/* ========== БЛОК 1: ENGINE (кастомные стили 14AVG) ========== */
.mass_comments_action { display:none !important; }
/* ==================== Вывод формы по умолчанию */

form {  
  padding-top: 0px;
  padding-bottom: 0px;  
  padding-right: 0px; 
  padding-left: 0px; 
  margin: 0px;
}

/* ==========================================================================
   Новый текстовый логотип и слоган для 14AVG
   ========================================================================== */

.new-logo-block {
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
    padding-top: 25px;       /* Увеличили отступ сверху */
    margin-left: 10px;       /* Сделали аккуратный отступ слева */
    position: absolute;      /* Вырываем блок из старых тесных рамок шаблона */
    height: auto !important;
    width: auto !important;
}

.site-title {
    font-size: 38px;
    font-weight: 900;
    color: #ffffff !important;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.site-subtitle {
    font-size: 13px;
    font-weight: 400;
    color: #a0b0bc;
    letter-spacing: 0.5px;
}

/* ==================== Вывод архива */

.archives {
  margin-left: 0px;
}
.archives a {
  color: #43637e;
}


/* ==================== Цитата и скрытый текст */

.title_quote {
  color:#545454;
  background-color:#FBCB3C;
  border:1px dotted #bebebe; 
  border-bottom: 0;
  font-weight: bold;
  padding: 5px;
}
.quote {
  color:#545454;
  background-color:#ffffe0;
  border: 1px dotted #d8d8d8;
  text-align: justify;
  padding: 5px;
}

/* ==================== Тег SPOILER */

.title_spoiler {
  color: #555555;
  background-color: #e0e7f8;
  border: 1px dotted #afc2ec; 
  font-weight: bold;
  padding: 5px;
}
.title_spoiler img {
  margin: 0; padding: 0;
}
.text_spoiler {
  color: #555555;
  background-color: #e0e7f8;
  border: 1px dotted #afc2ec;
  border-top: 0;
  text-align: justify;
  padding: 5px;
}

/* ==================== Tэг CODE */

.scriptcode {
  color:#545454;
  background-color:#ffffe0; 
  border:1px dotted #bebebe;
  text-align: left;
  padding: 5px;
}

/* ==================== Календарь */

.weekday-active-v {
  color: #5078d5;
}
.day-active-v {
  color: #5078d5;
}
.calendar {
  color: #555555;
  font-family: verdana;
  font-size: 11px
}
.calendar td, th {
   font-family: verdana;
   text-decoration: none;
/* - */
   padding-left: 4px;
    padding-right: 3px;
   padding-top: 4px;
   padding-bottom: 3px;
/* - */
}
.weekday {
  color: #804040;
  font-family: verdana;
}
.weekday-active {
  color: #804040;
  font-family: verdana;
}
.day-active {
  color: #804040;
  font-family: verdana;
}
.day-active a, .weekday-active a, .day-active-v a, .weekday-active-v a {
  text-decoration: underline;
}
.monthlink {
  color: #e73231;
  text-decoration: none;
}
.day-current {
  background-color: #f4f4f4;
  border: 1px solid #cccccc;
}

/* ==================== Рейтинг статьи */

.rating {
  color: #555555;
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  width: 85px;
  height: 16px;
}
.unit-rating {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 85px;
  height: 16px;
  position: relative;
  background-image: url(../dleimages/rating.gif);
  background-position: top left;
  background-repeat: repeat-x;
}
.unit-rating li {
  text-indent: -90000px;
  padding: 0px;
  margin: 0px;
  float: left;
}
.unit-rating li a {
  display: block;
  width: 17px;
  height: 16px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 17;
  position: absolute;
  padding: 0px;
}
.unit-rating li a:hover {
  background-image: url(../dleimages/rating.gif);
  background-position: left center;
  z-index: 2;
  left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }  
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating {
  background-image: url(../dleimages/rating.gif);
  background-position: left bottom;
  position: absolute;
  height: 16px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}

/* ==================== BB коды */
 
/* различие bbcodes и bbcodes_poll исключительно в длине кнопки */
/* класс bbcodes используем в списке персональных сообщений (pm.tpl)  и по умолчанию в модуле редактора сообщений*/

.bbcodes {
  background-color: #ffffff;
  border: 1px solid #94a3af;
  color: #ffffff;
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_bttn_bbcodes.gif);
  background-repeat: repeat-x;
/*  width: 120px;  */
  height: 20px;
}

/*---BB Редактор---*/

.bb-pane { height: 1%; overflow: hidden; border: 1px solid #BBB; background-image: url("../bbcodes/bg.gif"); }
.bb-btn, .bb-sep { height: 25px; float: left; display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
.bb-sel { float: left; padding: 4px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-sep { width: 5px; background-image: url("../bbcodes/brkspace.gif"); }
.bb-btn { cursor: pointer; width: 23px; }

#b_font { width: 118px;}
#b_size { width: 65px;}
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#b_b { background-image: url("../bbcodes/b.gif"); }
#b_i { background-image: url("../bbcodes/i.gif"); }
#b_u { background-image: url("../bbcodes/u.gif"); }
#b_s { background-image: url("../bbcodes/s.gif"); }
#b_img { background-image: url("../bbcodes/image.gif"); }
#b_up { background-image: url("../bbcodes/upload.gif"); }
#b_emo { background-image: url("../bbcodes/emo.gif"); }
#b_url { background-image: url("../bbcodes/link.gif"); }
#b_leech { background-image: url("../bbcodes/leech.gif"); }
#b_mail { background-image: url("../bbcodes/email.gif"); }
#b_video { background-image: url("../bbcodes/mp.gif"); }
#b_audio { background-image: url("../bbcodes/mp3.gif"); }
#b_hide { background-image: url("../bbcodes/hide.gif"); }
#b_quote { background-image: url("../bbcodes/quote.gif"); }
#b_code { background-image: url("../bbcodes/code.gif"); }
#b_left { background-image: url("../bbcodes/l.gif"); }
#b_center { background-image: url("../bbcodes/c.gif"); }
#b_right { background-image: url("../bbcodes/r.gif"); }
#b_color { background-image: url("../bbcodes/color.gif"); }
#b_spoiler { background-image: url("../bbcodes/spoiler.gif"); }
#b_fla { background-image: url("../bbcodes/flash.gif"); }
#b_yt { background-image: url("../bbcodes/youtube.gif"); }
#b_tf { background-image: url("../bbcodes/typograf.gif"); }
#b_list { background-image: url("../bbcodes/list.gif"); }
#b_ol { background-image: url("../bbcodes/ol.gif"); }
#b_tnl { background-image: url("../bbcodes/translit.gif"); }

.bb-editor textarea { 
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding: 2px; border: 1px solid #bcc0c2; width: 100%; background: #fff url("../images/fields.png") repeat-x;
}
.editorcomm .bb-editor { width: 465px;}
.editorcomm .bb-editor textarea { height: 156px; }

/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/
#marker-bar,
#txtselect_marker {
	display: block;
	visibility: hidden;
    position: absolute;
    z-index: 1200;
    opacity: 0;
    -webkit-transition: opacity .4s, visibility .1s linear .4s;
    -moz-transition: opacity .4s, visibility .1s linear .4s;
    -o-transition: opacity .4s, visibility .1s linear .4s;
    transition: opacity .4s, visibility .1s linear .4s;
}
#txtselect_marker {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background:url(../dleimages/marker.png) -0px -0px no-repeat;
}

#txtselect_marker:hover {
        background-position: -0px -32px;
}

#marker-bar{
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
    padding: 5px 10px;
    cursor: default;
    box-shadow: 0px 0px 4px #ccc;
}

#marker-bar.show,
#txtselect_marker.show {
        /* XXX make a common css fadeIn/fadeOut classes */
	visibility: visible;
	-webkit-transition: opacity .4s, visibility 0s;
	-moz-transition: opacity .4s, visibility 0s;
	-o-transition: opacity .4s, visibility 0s;
	transition: opacity .4s, visibility 0s;
	opacity: 1;
}

#marker-bar .masha-social,
#marker-bar .masha-marker{
	cursor: pointer;
	display: block;
	margin: 0 5px;
	float: left;
}

#marker-bar .masha-marker{
	line-height: 1em;
	color: #aaa;
	border-bottom: 1px dotted #aaa;
	margin-right: 10px;
}

#marker-bar .masha-marker:hover {
	color: #ea3e26;
	border-color: #ea3e26;
}

.user_selection, .user_selection_true {
	background: #c4f47d;
	padding: 2px 0;
}
.user_selection a.txtsel_close, .user_selection_true a.txtsel_close {
	display:none;
}
.user_selection .closewrap, .user_selection_true .closewrap {
	position: relative;
}
.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {
	display: inline-block;
	position: absolute;
	top: -7px;
	left: -5px;
	width: 33px;
	height: 33px;
	background: url(../dleimages/closemarker.png) -0px -0px no-repeat;
}

.user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover {
	background-position: -0px -33px;
}


#share-popup {
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	position: absolute;
	width: 414px;
	display:none;
	z-index: 100;
	padding: 10px 0;
	opacity: 0;
	-webkit-transition: opacity .4s, visibility .1s linear .4s;
	-moz-transition: opacity .4s, visibility .1s linear .4s;
	-o-transition: opacity .4s, visibility .1s linear .4s;
	transition: opacity .4s, visibility .1s linear .4s;
}

#share-popup.show {
	display:block;
	opacity: 1;
	-webkit-transition: opacity .4s, visibility 0s;
	-moz-transition: opacity .4s, visibility 0s;
	-o-transition: opacity .4s, visibility 0s;
	transition: opacity .4s, visibility 0s;
	opacity: 1;
}

#share-popup .social {
	padding: 0 0 10px 17px;
	height: 40px;
}

#share-popup .social p {
	padding-bottom: 10px;
	margin: 0;
	font-weight: bold;
}

#share-popup .social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#share-popup .social ul li {
	float: left;
	margin-right: 20px;
	padding-top: 2px;
	position: relative;
}

#share-popup .social ul a {
	text-decoration: none;
	font-size: 11px;
	display: inline-block;
	color: #aaa;
	padding-left: 25px;
}

#share-popup .social ul a:hover {
	text-decoration: underline;
	color: #ea3e26;
}

#share-popup .social a span{
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(../dleimages/social-icons.png) 20px 20px no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

#share-popup .social .tw span{
	background-position: 0 -20px;
}

#share-popup .social .tw:hover span{
	background-position: 0 0;
}

#share-popup .social .fb span{
	background-position: -20px -20px;
}

#share-popup .social .fb:hover span {
	background-position: -20px 0;
}

#share-popup .social .vk span{
	background-position: -40px -20px;
}

#share-popup .social .vk:hover span {
	background-position: -40px 0;
}

#share-popup .social .gp span{
	background-position: -60px -20px;
}

#share-popup .social .gp:hover span {
	background-position: -60px 0;
}

#share-popup .link {
	clear: both;
	border-top: 1px solid #d9d9d9;
	padding: 10px 5px 0 10px;
	line-height: 1.2;
	overflow: hidden;
	margin: 0 7px;
}

#share-popup .link p {
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
}

#share-popup .link span {
	color: #999;
	font-size: 10px;
	display: block;
	padding-top: 3px;
}

#share-popup .link a {
	display: block;
}

.bbcodes_poll {
  background-color: #ffffff;
  border: 1px solid #94a3af;
  color: #ffffff;
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_bttn_bbcodes.gif);
  background-repeat: repeat-x;
  width: 100px;
  height: 20px;
}

/* ==================== Дополнительные поля новостей */

.xfields textarea {
  color: #555555;      /* ! */
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_field_o.gif);
  background-repeat: repeat-x;

  width: 320px;
  height: 86px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.xfields input {
  color: #555555;      /* ! */
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_field_o.gif);
  background-repeat: repeat-x;

  width: 300px;
  height: 14px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.xfields select {
  color: #555555;      /* ! */
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_field_o.gif);
  background-repeat: repeat-x;

  height: 18px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

/* ==================== Дополнительные поля профиля пользователей */
.xprofile {
  padding-top: 5px;
}

.xprofile textarea {
  color: #555555;      /* ! */
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_field_o.gif);
  background-repeat: repeat-x;

  width: 320px;
  height: 86px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.xprofile input {
  color: #555555;      /* ! */
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_field_o.gif);
  background-repeat: repeat-x;

  width: 250px;
  height: 14px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.xprofile select {
  color: #555555;      /* ! */
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_field_o.gif);
  background-repeat: repeat-x;

  height: 18px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}
/* ==================== Персональные сообщения */ 

.pm_head {
  font-size: 12px;    /* ! */
  font-family: tahoma;  /* ! */ 
}
.pm_list {
  color: #555555;
}
.pm_list a {
  color: #5078d5;
}

/* ==================== Выпадающее меню */

#dropmenudiv {
  border: 1px solid #ffffff;
  border-bottom-width: 0;
  font: normal 10px Verdana;
  background-color: #6497ca;
  line-height: 20px;
  margin: 2px;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3)";
  filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);
}
#dropmenudiv a {
  display: block;
  text-indent: 3px;
  text-decoration:none;
  color: #ffffff;
  background:#6497ca;
  border: 1px solid #ffffff;
  padding: 1px 0;
  margin: 1px;
  font-weight: bold;
}

#dropmenudiv a:hover {
  background:#fdd08b;
  color:#000000;
}

/* ==================== Опрос пользователей */

.vote {
  color: #555555;
}

/* ==================== Уведомление о получении новых PM */

#newpm {
  position: absolute;
  width: 400px;
  padding: 4px;
  background-color: #fdfdfd;
  border: 1px solid #bbbbbb;
  font-family: verdana;
  color: #757575;
  line-height: 135%;
}
#newpmheader {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  height: 20px;
  color: #ffffff;
  font-weight: bold;
  background-color: #4972D3;
  font-family: verdana;
  cursor: move;
}
#newpm a {
  background: transparent;
  color: #4d6a8a;
  text-decoration: none;
}
#newpm a:hover {
  background: transparent;
  color: #4d6a8a;
  text-decoration: underline;
}

/* ==================== Ссылка на скачивание прикрепленного файла */

.attachment {
  color: #808080;
}

/* ==================== Поиск по сайту и результаты поиска */

.search {
  color: #555555;
  text-decoration: none;
}
.textin {
  color: #555555;      /* !!! Текст в полях поисковой формы (расширенной) !!! */
  font-size: 11px;
  font-family: tahoma;
  background-image: url(../images/dlet_field_o.gif); background-repeat: repeat-x;
  border: 1px solid #e0e0e0;
  text-decoration: none;
  padding-left: 3px;
  background-color: #ffffff;
}

.sresult  {
  text-align: justify;
  font-weight: normal;
  line-height: 16px;
  font-family: tahoma;
  font-size: 12px;
  color: #555555;
}

/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */
.highslide-wrapper, .highslide-outline {
  background: #FFFFFF;
}
.highslide-image {
  border: 2px solid #FFFFFF;
}
.highslide-active-anchor {
   visibility: hidden;
}  
.highslide-active-anchor img {
  visibility: hidden;
}
.highslide-dimming {
  background: black;
}
.highslide-html {
  background-color: white;
}
.highslide-html-content {
  display: none;
}
.highslide-loading {
    display: block;
  color: #ffffff;
  font-size: 9px;
  font-weight: bold;
    text-decoration: none;
  padding: 3px;
  border: 1px solid #ffffff;
    background-color: #000000;
}
a.highslide-full-expand {
  background: url(../dleimages/fullexpand.gif) no-repeat;
  display: block;
  margin: 0 10px 10px 0;
  width: 34px;
  height: 34px;
}
.highslide-footer {
  height: 11px;
}
.highslide-footer .highslide-resize {
  float: right;
  height: 12px;
  width: 11px;
  background: url(../dleimages/resize.gif);
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-caption {
  display: none;
  padding: 5px;
  background: white;
}

.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.highslide-controls ul {
  position: relative;
  left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
    float: left;
    padding: 5px 0;
}
.highslide-controls a {
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}
.highslide-controls a.disabled {
    cursor: default;
}
.highslide-controls a span {
    /* hide the text for these graphic buttons */
    display: none;
}
 
/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
    background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
  background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
    background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
    background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
    background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}
/* ==================== Облако тегов */
.clouds_xsmall {
  font-size: x-small;
}
.clouds_small {
  font-size: small;
}
.clouds_medium {
  font-size: medium;
}
.clouds_large {
  font-size: large;
}
.clouds_xlarge {
  font-size: x-large;
}

.navigation {
  border:0px;
  color: #c8c8c8;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
  text-decoration:none;
  color: #3c4c5a;
  padding:3px 5px;
  font-size:14px;
}

.navigation a {
  color: #c8c8c8;
}

.navigation a:hover {
  color:#6f8ca5;
}

.navigation span {
  text-decoration:none;
  padding:3px 5px;
  color:#b9c4cd;
  font-size:14px;
}
.navigation span.nav_ext {
        border: none;
        background: transparent;
}

/*---.short img:first-child { float: right; margin-top: 4px; margin-left:10px; width: 170px; height: auto; }---*/
/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }
.ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget { font-size: 11px; }
.ui-widget-content { background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; }
.ui-widget-header {
  background: #cccccc url(../images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
  color: #2799c2;
  font-weight: bold;
}
.ui-widget-header a { color: #fff; }
.ui-state-default, .ui-widget-content .ui-state-default {
  background: #eaeaea url(../images/ui-bg_glass_85.png) 50% 50% repeat-x;
  border: 1px solid #cfcfcf;
  color: #868686;
  font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
  background: #eaeaea url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;
  border: 1px solid #a7a7a7;
  color: #4e4e4e;
  font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active {
  background: #d0e5f5 50% 50% repeat-x;
  border: 1px solid #a7a7a7;
  color: #e17009;
  font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-error {
  background: #fef1ec 50% 50% repeat-x;
  border: 1px solid #dedede;
  color: #cd0a0a;
}
.ui-widget-header .ui-icon { background-image: url(../images/ui-icons.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui-icons_h.png); }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-button .ui-button-text { display: block; line-height: 1.4em; }
.ui-button-text-only .ui-button-text { padding: .4em .8em; }
input.ui-button { padding: .4em 1em; }
.ui-button-set { margin-right: 7px; }
.ui-button-set .ui-button { margin-left: 0; margin-right: -.3em; }
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-dialog {
  overflow: hidden;
  padding: .2em;
  position: absolute;
  width: 300px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close {
  height: 18px;
  margin: -10px 0 0 0;
  padding: 1px;
  position: absolute;
  right: .3em;
  top: 50%;
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content {
  background: none;
  border: 0;
  overflow: hidden;
  padding: .5em 1em;
  position: relative;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  background-image: none;
  border-width: 1px 0 0 0;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
  text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
  cursor: pointer;
  float: right;
  line-height: 1.4em;
  margin: .5em .4em .5em 0;
  overflow: visible;
  padding: .2em .6em .3em .6em;
  width: auto;
}
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* ==================== Автозаполнение облака тегов */
.ui-autocomplete { position: absolute; cursor: default; }

* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
  list-style:none;
  padding: 2px;
  margin: 0;
  display:block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin:0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration:none;
  display:block;
  padding:.2em .4em;
  line-height:1.5;
  zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/*---Информационное окно загрузки AJAX---*/
#loading-layer { display: none; font-size: 12px; background: #2e83d7; padding: 10px; text-align: center; color: #fff; }
/*---Подсветка кода в теге [code]---*/
pre code {
  display: block; padding: 0.5em;
  background: #f9fafa; 
  border: 1px solid #dce7e7;
  overflow:auto;
  white-space: pre;
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {
  color: #859900;
}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {
  color: #268bd2;
}

pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  font-weight: bold;
}

pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {
  color: #b58900;
}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #eee8d5;
}
/*---прогресс бар заполненности персональных сообщений---*/
.pm_progress_bar {
	border: 1px solid #d8d8d8;
	padding: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pm_progress_bar span {
	background: #000000;
	font-size: 0em;
	text-indent: -2000em;
	height: 10px;
	display: block;
	overflow: hidden;
}
.pm_status {
	float:left;
	border: 1px solid #d8d8d8;
	padding: 0px;
	background-color: #fff;
	width: 280px;
	height: 100px;
	margin-left: 20px;
	margin-right: 5px;
}

.pm_status_head {
	border-bottom: 1px solid #d8d8d8;
	font-size: 0.9em; 
	background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
	height: 22px;
	padding: 0;
	font-weight: bold;
	text-align: center;
	color: #4e4e4e;
}

.pm_status_content {
	padding: 5px;
}
/*---Вывод результатов голосования на сайте---*/
.voteprogress {
  overflow: hidden;
  height: 15px;
  margin-bottom: 5px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.voteprogress span {
  color: #ffffff;
  text-align: center;
  text-indent: -2000em;
  height: 15px;
  display: block;
  overflow: hidden;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
}

.voteprogress .vote2 {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}

.voteprogress .vote3 {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}

.voteprogress .vote4 {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}

.voteprogress .vote5 {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}

/*---Вывод результатов опросов в новостях---*/
.pollprogress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 5px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.pollprogress span {
  color: #ffffff;
  height: 18px;
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
}

.pollprogress .poll2 {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}

.pollprogress .poll3 {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}

.pollprogress .poll4 {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}

.pollprogress .poll5 {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}

/* ========================================================================
   Официальные стили рейтинга DLE 19.1 для темы Studio
   ======================================================================== */

/* Контейнер кнопок (выстраиваем их в ряд) */
[id^="ratig-layer-"] {
    display: inline-flex !important;
    gap: 8px !important;
    align-items: center !important;
}

/* Общий стиль для кнопок Лайк и Дизлайк */
[id^="ratig-layer-"] .plus_icon, 
[id^="ratig-layer-"] .minus_icon {
    cursor: pointer !important;
    padding: 5px 14px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    display: inline-block !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: background 0.2s ease-in-out;
}

/* Зеленый цвет для Лайка */
[id^="ratig-layer-"] .plus_icon {
    background: #28a745 !important;
}
[id^="ratig-layer-"] .plus_icon:hover {
    background: #218838 !important;
}

/* Красный цвет для Дизлайка */
[id^="ratig-layer-"] .minus_icon {
    background: #dc3545 !important;
}
[id^="ratig-layer-"] .minus_icon:hover {
    background: #c82333 !important;
}

/* Выравниваем сам контейнер загрузки по левому краю */
body div[id^="xfupload_poster"] {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Современная стилизация кнопки загрузки на чистом CSS */
body div[id^="xfupload_poster"] div.qq-upload-button,
body div.upload_button_poster.qq-upload-button {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* Размеры и выравнивание (Уменьшено) */
    width: auto !important;
    min-width: 80px !important;       /* Было 100px */
    height: 26px !important;          /* Было 32px */
    line-height: 26px !important;     /* Было 32px */
    padding: 0 10px !important;       /* Было 0 15px */
    margin: 6px 0 !important;         /* Было 8px 0 */
    box-sizing: border-box !important;
    
    /* Стилизация внешнего вида */
    background: #4A90E2 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;       /* Было 12px */
    font-weight: bold !important;
    text-align: center !important;
    text-transform: none !important;  /* Убрали UPPERCASE, чтобы текст занимал меньше места */
    letter-spacing: 0.5px !important;
    
    /* Скругление углов и рамка */
    border: none !important;
    border-radius: 4px !important;
    
    /* Эффекты */
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

/* Эффект при наведении курсора */
body div[id^="xfupload_poster"] div.qq-upload-button:hover,
body div.upload_button_poster.qq-upload-button:hover {
    background: #357ABD !important;
}

/* Выводим всплывающее окно профиля на самый верхний слой */
div.ui-dialog, 
div.ui-widget-content,
[id^="dle-user-popup"] {
    z-index: 99999 !important;
}

/* Перекрывающий темный фон (если он используется) */
div.ui-widget-overlay {
    z-index: 99998 !important;
}

/* Позиционируем контейнер кнопки Close в правый верхний угол */
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    transform: translateY(-50%) !important;
    
    /* Размеры и сброс стандартных стилей DLE */
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* Полностью скрываем старый текст "Close" */
.ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    display: none !important;
    font-size: 0 !important;
}

/* Рисуем палочки крестика */
.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog .ui-dialog-titlebar-close::after {
    content: '' !important;
    position: absolute !important;
    top: 3px !important;
    left: 11px !important;
    width: 2px !important;
    height: 18px !important;
    background-color: #E74C3C !important; /* Яркий красный */
    border-radius: 1px !important;
    transition: background-color 0.2s ease !important;
}

/* Скрещиваем линии */
.ui-dialog .ui-dialog-titlebar-close::before {
    transform: rotate(45deg) !important;
}
.ui-dialog .ui-dialog-titlebar-close::after {
    transform: rotate(-45deg) !important;
}

/* Изменение цвета при наведении курсора */
.ui-dialog .ui-dialog-titlebar-close:hover::before,
.ui-dialog .ui-dialog-titlebar-close:hover::after {
    background-color: #C0392B !important; /* Темно-красный */
}
/* Принудительно очищаем и скрываем любой текст внутри кнопки закрытия */
.ui-dialog .ui-dialog-titlebar-close {
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

/* Скрываем дополнительные контейнеры текста DLE */
.ui-dialog .ui-dialog-titlebar-close * {
    display: none !important;
}

/* Общий контейнер */
.custom-tags-wrapper {
    position: relative;
    width: 100%;
    font-family: Arial, sans-serif;
    user-select: none;
}

/* Зона с плашками (замена инпуту) */
.custom-tags-area {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 6px 10px;
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
}

.custom-tags-wrapper.is-open .custom-tags-area {
    border-color: #ff6600; /* Оранжевая рамка при открытии */
}

/* Текст-заглушка, если ничего не выбрано */
.custom-tag-placeholder {
    color: #999999;
    font-size: 13px;
}

/* Сама плашка (тег) */
.custom-tag-item {
    background: #2b2f33; /* Темный цвет в тон ваших блоков */
    color: #ffffff;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Крестик удаления внутри плашки */
.custom-tag-remove {
    cursor: pointer;
    color: #ff6600; /* Оранжевый крестик */
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}
.custom-tag-remove:hover {
    color: #ff3300;
}

/* Выпадающий список */
.custom-tags-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin-top: 4px;
    max-height: 220px;
    overflow-y: auto;
    z-index: 999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Показываем дропдаун при активном классе */
.custom-tags-wrapper.is-open .custom-tags-dropdown {
    display: block;
}

/* Элементы внутри выпадающего списка */
.custom-dropdown-item {
    padding: 8px 12px;
    font-size: 13px;
    color: #333333;
    cursor: pointer;
    transition: background 0.2s;
}

/* Элемент при наведении */
.custom-dropdown-item:hover {
    background: #ff6600; /* Фирменный оранжевый цвет */
    color: #ffffff;
}

/* Стиль уже выбранного элемента в списке */
.custom-dropdown-item.is-selected {
    background: #f0f0f0;
    font-weight: bold;
    color: #2b2f33;
}
.custom-dropdown-item.is-selected:hover {
    background: #ff6600;
    color: #ffffff;
}

/*ПРАВЫЙ САЙДБАР*/
.sidebar-block { background: #141414; border: 1px solid #222222; border-radius: 8px; padding: 18px; margin-bottom: 20px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.sidebar-title { font-size: 15px; font-weight: bold; color: #ffffff; text-transform: uppercase; margin-bottom: 15px; border-bottom: 2px solid #ff5500; padding-bottom: 8px; letter-spacing: 0.5px; }

.sidebar-menu { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}
.sidebar-menu li { 
    margin-bottom: 0; 
    border-bottom: 1px solid #1f1f1f; 
}
.sidebar-menu li:last-child { 
    border-bottom: none; 
}
.sidebar-menu a:link, 
.sidebar-menu a:visited { 
    color: #9ca3af !important; 
    text-decoration: none; 
    font-weight: 700; 
    font-size: 15px; 
    font-family: 'Trebuchet MS', 'Arial Black', Gadget, sans-serif;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 13px 8px;
    transition: all 0.2s ease-in-out; 
    letter-spacing: 0.8px;
}
.sidebar-menu a::before {
    content: '#';
    display: inline-block;
    color: #ff5500;
    font-weight: 800;
    font-size: 16px;
    width: 0;
    margin-right: 0;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    transform: scale(0);
}
.sidebar-menu a:hover { 
    color: #3ac4ad !important; 
    padding-left: 12px; 
    background: rgba(255, 255, 255, 0.02);
    text-shadow: 0 0 12px rgba(58,196,173,0.5);
}
.sidebar-menu a:hover::before {
    width: 14px;
    margin-right: 6px;
    opacity: 1;
    transform: scale(1);
    text-shadow: 0 0 10px rgba(255,85,0,0.6);
}

.menu-dropdown summary::-webkit-details-marker,
.menu-dropdown summary::marker {
    display: none;
}

.menu-dropdown summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none;
    position: relative;
}

.menu-dropdown summary a {
    flex-grow: 1;
}

.menu-dropdown .arrow {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 50%;
    outline: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease-in-out;
    flex-shrink: 0;
}

.menu-dropdown .arrow::after {
    content: '';
    width: 6px;
    height: 6px;
    border-right: 2px solid #9ca3af;
    border-bottom: 2px solid #9ca3af;
    transform: rotate(45deg) translate(-1px, -1px);
    transition: all 0.25s ease-in-out;
    display: block;
}

.menu-dropdown summary:hover .arrow {
    border-color: transparent;
    background: rgba(58, 196, 173, 0.1);
    outline: 1px solid rgba(58, 196, 173, 0.3);
    box-shadow: 0 0 10px rgba(58, 196, 173, 0.2);
}

.menu-dropdown summary:hover .arrow::after {
    border-color: #3ac4ad;
}

/* ИСПРАВЛЕНО: Теперь стили применяются только к открытой стрелке конкретного уровня */
.menu-dropdown[open] > summary .arrow {
    background: rgba(58, 196, 173, 0.15);
    outline: 1px solid rgba(58, 196, 173, 0.4);
}

.menu-dropdown[open] > summary .arrow::after {
    transform: rotate(-135deg);
    border-color: #3ac4ad;
}

.menu-dropdown .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.15);
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-in-out;
}

/* ИСПРАВЛЕНО: Раскрываем только ту подкатегорию, которую нажали */
.menu-dropdown[open] > .sub-menu {
    grid-template-rows: 1fr;
}

/* Фикс анимации для глубокой вложенности */
.menu-dropdown[open] .sub-menu .sub-menu {
    grid-template-rows: none !important; 
}

.menu-dropdown .sub-menu li {
    min-height: 0;
    overflow: hidden;
    border-bottom: none;
}

/* 1-Й УРОВЕНЬ ВЛОЖЕННОСТИ (Mirage) */
.menu-dropdown .sub-menu li a {
    padding: 8px 8px 8px 25px;
    font-size: 13px;
    opacity: 0.85;
}

/* ИСПРАВЛЕНО: Сдвигаем 2-й уровень вложенности (Смоки) еще правее */
.menu-dropdown .sub-menu .sub-menu li a {
    padding: 8px 8px 8px 42px !important;
    font-size: 12px;
}

.menu-dropdown .sub-menu li:first-child a {
    padding-top: 12px;
}

.menu-dropdown .sub-menu li:last-child a {
    padding-bottom: 12px;
}

.menu-dropdown .sub-menu li a::before {
    display: none;
}






.sidebar-tags { max-height: 220px; overflow-y: hidden; padding-right: 6px; scrollbar-width: thin; scrollbar-color: rgba(255, 85, 0, 0.4) transparent; }
.sidebar-tags:hover { overflow-y: overlay; overflow-y: auto; }
.sidebar-tags::-webkit-scrollbar { width: 4px; }
.sidebar-tags::-webkit-scrollbar-track { background: transparent; }
.sidebar-tags::-webkit-scrollbar-thumb { background: rgba(255, 85, 0, 0.3); border-radius: 4px; }
.sidebar-tags::-webkit-scrollbar-thumb:hover { background: #3ac4ad; }
.sidebar-tags a { display: inline-block; background: #1c1c1c; color: #888888 !important; padding: 4px 10px; margin: 0 4px 8px 0; border-radius: 4px; font-size: 11px !important; text-decoration: none !important; font-weight: normal !important; transition: all 0.2s ease; border: 1px solid #252525; }
.sidebar-tags a:hover { background: #3ac4ad; color: #ffffff !important; border-color: #3ac4ad; transform: translateY(-1px); box-shadow: 0 3px 6px rgba(58,196,173,0.2); }

/* ==========================================================================
   ОБЩИЕ СТИЛИ ДЛЯ ОБЕИХ ФОРМ (14AVG)
   ========================================================================== */
.iavg-user-container,
.iavg-guest-container {
    display: block !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
}

/* ==========================================================================
   СТИЛИ ПРОФИЛЯ (ДЛЯ АВТОРИЗОВАННЫХ)
   ========================================================================== */
.iavg-profile-header {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    border-radius: 5px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.iavg-profile-header:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}
.iavg-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    display: block !important;
}
.iavg-meta {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
}
.iavg-name {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #111111 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.2px !important;
}
.iavg-subtitle {
    font-size: 11px !important;
    color: #777777 !important;
    margin-top: 2px !important;
}
.iavg-divider {
    height: 1px !important;
    background: rgba(0, 0, 0, 0.08) !important;
    margin: 6px 12px !important;
    padding: 0 !important;
}
.iavg-menu-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}
.iavg-item {
    display: block !important;
    padding: 0 !important;
    margin: 2px 0 !important;
}
.iavg-item a {
    display: block !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    color: #444444 !important; 
    text-decoration: none !important;
    text-align: left !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.iavg-item a:hover {
    color: #000000 !important;
    background: rgba(0, 0, 0, 0.05) !important;
    padding-left: 17px !important;
}
.iavg-admin a { color: #d32f2f !important; }
.iavg-admin a:hover { background: rgba(211, 47, 47, 0.07) !important; color: #b71c1c !important; }
.iavg-logout a { color: #e65100 !important; }
.iavg-logout a:hover { background: rgba(230, 81, 0, 0.07) !important; color: #e65100 !important; }

/* ==========================================================================
   СТИЛИ ДЛЯ ГОСТЕВОЙ ФОРМЫ (ВХОД / РЕГИСТРАЦИЯ)
   ========================================================================== */
.iavg-guest-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.iavg-input-wrapper {
    position: relative !important;
    width: 100% !important;
}
.iavg-input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    color: #333333 !important;
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 5px !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    font-family: inherit !important;
}
.iavg-input:focus {
    border-color: #fe9e25 !important;
    box-shadow: 0 0 0 2px rgba(254, 158, 37, 0.15) !important;
}
.iavg-btn-login {
    width: 100% !important;
    padding: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: #fe9e25 !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    font-family: inherit !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.iavg-btn-login:hover {
    background: #e58913 !important;
}
.iavg-links-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 4px !important;
    padding: 0 2px !important;
}
.iavg-links-row a {
    font-size: 12px !important;
    color: #666666 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    font-weight: 600 !important;
}
.iavg-links-row a:hover {
    color: #fe9e25 !important;
    text-decoration: underline !important;
}

/* --- Форма восстановления пароля DLE (Десктоп) --- */
.dle-lost-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

.dle-lost-box {
    background: #ffffff;
    width: 100%;
    max-width: 550px;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    border: 1px solid #eef2f5;
    box-sizing: border-box;
}

.dle-lost-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 8px 0;
    text-align: center;
}

.dle-lost-subtitle {
    font-size: 14px;
    color: #718096;
    margin: 0 0 32px 0;
    text-align: center;
    line-height: 1.5;
}

.dle-form-group {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}

.dle-form-group label {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 8px;
    text-align: left;
}

.dle-input {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    font-size: 16px; /* 16px предотвращает авто-зум в iOS */
    background-color: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #2d3748;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

.dle-input:focus {
    outline: none;
    background-color: #fff;
    border-color: #ff6b00; /* Оранжевый акцент */
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.15);
}

.dle-input::placeholder {
    color: #a0aec0;
}

/* Капча */
.dle-captcha-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
}

.dle-captcha-img img {
    border-radius: 8px;
    display: block;
    height: 65px;
    width: auto;
    cursor: pointer;
}

.dle-input-captcha {
    flex: 1;
}

/* Кнопка */
.dle-btn-submit {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    background: #ff6b00;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    transition: background-color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 4px 12px rgba(255, 107, 0, 0.2);
}

.dle-btn-submit:hover {
    background: #e05e00;
}

.dle-btn-submit:active {
    transform: translateY(1px);
}

/* --- Десктопные стили страницы регистрации DLE --- */
.dle-reg-container {
    padding: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333333;
}

.dle-reg-header {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.dle-reg-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
    line-height: 1.3;
}

/* Приветственные блоки текста */
.dle-reg-welcome {
    background-color: #f7fafc;
    border-left: 4px solid #ff6b00;
    padding: 16px;
    border-radius: 4px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.6;
    color: #4a5568;
}

.dle-reg-welcome strong {
    font-size: 16px;
    color: #2d3748;
    display: block;
    margin-bottom: 8px;
}

.dle-reg-welcome p {
    margin: 0 0 10px 0;
}

.dle-reg-welcome p:last-child {
    margin-bottom: 0;
}

.dle-reg-alert {
    font-weight: 600;
    color: #dd6b20;
}

/* Форма и поля ввода */
.dle-reg-form {
    max-width: 550px;
    margin: 0 auto;
}

.dle-form-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.dle-form-group label {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 6px;
    text-align: left;
}

/* Стили полей ввода из tpl */
.dle-reg-form .f_input,
.dle-reg-form .f_textarea {
    width: 100% !important; /* Перебиваем инлайн размеры */
    height: 44px;
    padding: 0 14px;
    font-size: 15px;
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    color: #2d3748;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

.dle-reg-form .f_textarea {
    height: auto;
    padding: 10px 14px;
}

.dle-reg-form .f_input:focus,
.dle-reg-form .f_textarea:focus {
    outline: none;
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.15);
}

.dle-reg-form .f_file {
    padding: 8px 10px;
    height: auto;
}


/* --- Исправленный блок капчи для десктопа --- */
.dle-captcha-section {
    background: #f8fafc;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-top: 25px;
}

.dle-captcha-title {
    font-size: 15px;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 16px 0;
}

.dle-captcha-row {
    display: flex;
    align-items: flex-end; /* Выравнивание по нижней линии поля ввода */
    gap: 24px;
}

.dle-captcha-img {
    background: transparent !important; /* Убираем белый фон */
    border: none !important;             /* Убираем серую рамку */
    padding: 0 !important;               /* Убираем внутренние отступы */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    box-sizing: border-box;
}

/* Искусственно увеличиваем саму картинку генерации кода */
.dle-captcha-img img {
    transform: scale(1.25); /* Увеличивает картинку на 25% */
    transform-origin: center;
    mix-blend-mode: multiply; /* Убирает возможные грязные белые рамки вокруг капчи */
    cursor: pointer;
}

.dle-captcha-input-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
}


/* Кнопка отправки формы */
.dle-form-actions {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #e2e8f0;
}

.dle-submit-btn {
    width: 100%;
    height: 48px;
    background: #ff6b00 !important; /* Ваш цвет */
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    border: none !important;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
    box-shadow: 0 4px 12px rgba(255, 107, 0, 0.2);
}

.dle-submit-btn:hover {
    background: #e05e00 !important;
}

/* Инфо-текст вопросов */
.dle-question-text {
    font-size: 15px;
    padding: 10px 14px;
    background: #fffaf0;
    border: 1px dashed #feebc8;
    border-radius: 6px;
    color: #c05621;
}
/* --- Десктопные стили для статической страницы правил --- */
.dle-rules-content {
    padding: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.dle-rules-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    border-left: 5px solid #cbd5e0;
}

/* Цветовые полосы слева */
.dle-rules-card.card-blue { border-left-color: #3182ce; }
.dle-rules-card.card-red { border-left-color: #e53e3e; }
.dle-rules-card.card-orange { border-left-color: #ff6b00; }

.dle-rules-section-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 16px 0;
}

.dle-rules-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dle-rules-list li {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
    color: #4a5568;
}

.dle-rules-list li:last-child {
    margin-bottom: 0;
}

/* Оранжевые маркеры-точки */
.dle-rules-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #ff6b00;
    border-radius: 50%;
}

.dle-rules-link {
    color: #ff6b00;
    text-decoration: none;
    font-weight: 600;
}

.dle-rules-link:hover {
    text-decoration: underline;
}

/* --- Десктопные стили страницы Обратной связи --- */
.dle-feed-container {
    padding: 25px 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.dle-feed-form {
    max-width: 550px;
    margin: 0 auto;
}

/* Перебиваем фиксированные инлайновые размеры textarea из tpl */
.dle-feed-form .f_textarea {
    width: 100% !important;
    height: 160px !important;
    padding: 12px 14px;
    font-size: 15px;
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    color: #2d3748;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    resize: vertical;
}

/* Стилизация селекта выбора получателей */
.dle-select-wrapper select {
    width: 100% !important;
    height: 44px;
    padding: 0 14px;
    font-size: 15px;
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    color: #2d3748;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
}

.dle-select-wrapper select:focus,
.dle-feed-form .f_textarea:focus {
    outline: none;
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.15);
}

/* Растягиваем все стандартные текстовые инпуты формы обратной связи */
.dle-feed-form .f_input {
    width: 100% !important; /* Делает заголовок на всю ширину формы */
    height: 44px;
    padding: 0 14px;
    font-size: 15px;
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    color: #2d3748;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

/* Переопределяем ширину конкретно для поля ввода кода капчи */
.dle-feed-form .f_input_captcha {
    width: 100% !important; /* Занимает всё доступное место в своем блоке справа от картинки */
    max-width: 200px !important; /* Ограничиваем оптимальной шириной, чтобы не было гигантским */
}

/* ==========================================================================
   МОНОЛИТНЫЙ ИНТЕРФЕЙС ЛС (ГРАФИТОВЫЙ ДИЗАЙН С ОТСТУПАМИ)
   ========================================================================== */

:root {
    --mono-bg: #212124;           /* Красивый графитовый фон основного блока */
    --mono-inner-bg: #18181b;     /* Чуть более глубокий графит для панелей */
    --mono-input-bg: #2b2b30;     /* Светло-серый графит для кнопок и полей */
    --mono-border: #2e2e33;       /* Тонкие аккуратные разделители */
    --mono-accent: #ff6600;       /* Фирменный оранжевый */
    --mono-accent-hover: #e05900;
    --mono-text-white: #ffffff;   /* Чистый белый для контраста */
    --mono-text-gray: #c9c9cf;    /* Комфортный серый для основного текста */
    --mono-text-muted: #74747c;   /* Приглушенный серый для дат */
    --mono-radius: 6px;
}

/* Общая монолитная карточка с боковыми отступами */
.pm-monolith-wrapper {
    background: var(--mono-bg);
    border: 1px solid var(--mono-border);
    border-radius: var(--mono-radius);
    padding: 24px;                /* Внутренние отступы всего модуля */
    margin: 10px 15px;            /* Внешние боковые отступы, чтобы блок отходил от краев */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    font-family: system-ui, -apple-system, sans-serif;
}

/* Сплошная шапка монолита */
.pm-mono-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--mono-border);
}

.pm-main-title {
    font-size: 20px;
    font-weight: 800;
    margin: 0;
    color: var(--mono-text-white);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pm-limit-tracker {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: var(--mono-text-gray);
    margin-top: 5px;
}

/* Навигационные кнопки */
.pm-top-actions { display: flex; gap: 10px; }
.pm-nav-link {
    display: inline-flex;
    align-items: center;
    padding: 9px 16px;
    background: var(--mono-input-bg);
    border: 1px solid var(--mono-border);
    border-radius: var(--mono-radius);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    color: var(--mono-text-white);
    transition: background 0.15s;
}
.pm-nav-link:hover { background: #35353b; }
.pm-btn-accent { background: var(--mono-accent); border-color: var(--mono-accent); }
.pm-btn-accent:hover { background: var(--mono-accent-hover); border-color: var(--mono-accent-hover); }

/* Прогресс-бар лимита */
.pm-bar-wrapper table {
    width: 140px !important;
    background: #141416 !important;
    border: 1px solid var(--mono-border) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
.pm-bar-wrapper td { height: 7px !important; }
.pm-bar-wrapper td[bgcolor="#5494af"], 
.pm-bar-wrapper td[style*="background"] { background: var(--mono-accent) !important; }

/* ДВУХПАНЕЛЬНАЯ СЕТКА */
.pm-messenger-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 900px) {
    .pm-messenger-grid { grid-template-columns: 340px 1fr; }
}

/* Внутренние панели (Сайдбар и Чат) */
.pm-sidebar-panel, .pm-chat-panel {
    background: var(--mono-inner-bg);
    border: 1px solid var(--mono-border);
    border-radius: var(--mono-radius);
    padding: 20px;
    box-sizing: border-box;
}

.pm-chat-panel {
    min-height: 520px;
}

.pm-panel-title {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--mono-text-white);
    letter-spacing: 0.8px;
    border-bottom: 2px solid var(--mono-accent);
    padding-bottom: 5px;
    margin-bottom: 15px;
    width: max-content;
}

/* Строки диалогов в сайдбаре */
.pm-sidebar-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--mono-bg);
    border: 1px solid var(--mono-border);
    border-radius: var(--mono-radius);
    margin-bottom: 10px;
    transition: all 0.2s;
}
.pm-sidebar-row:hover {
    background: var(--mono-input-bg);
    border-color: #44444a;
}
.pm-row-icon-side img { width: 20px; filter: brightness(0) invert(1); opacity: 0.7; }
.pm-row-main-side { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pm-row-top-line { display: flex; justify-content: space-between; font-size: 11px; }
.pm-side-user { font-weight: 700; color: var(--mono-text-white); }
.pm-side-date { color: var(--mono-text-muted); }

.pm-side-subject a {
    color: var(--mono-text-gray) !important;
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pm-sidebar-row:hover .pm-side-subject a { color: var(--mono-accent) !important; }
.pm-row-check-side input { cursor: pointer; }

/* Действия в сайдбаре */
/* КРАСИВАЯ КНОПКА МАССОВОГО УДАЛЕНИЯ */
.pm-sidebar-mass-actions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #2d2d31;
    display: flex;
    width: 100%;
}

.pm-btn-delete-mono {
    width: 100% !important;
    background: #2b2b30 !important;
    border: 1px solid #3e3e44 !important;
    color: #ff453a !important; /* Контрастный красный цвет текста */
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.15s ease-in-out !important;
    text-align: center;
}

.pm-btn-delete-mono:hover {
    background: #ff453a !important;
    border-color: #ff453a !important;
    color: #ffffff !important; /* Белый текст при наведении */
}


.pm-btn-action-dark:hover { background: var(--mono-accent); border-color: var(--mono-accent); }

/* Правая панель: Чат */
.pm-empty-chat-state {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--mono-text-muted);
    gap: 15px;
}
.pm-empty-icon { font-size: 44px; color: var(--mono-border); }

/* Карточки сообщений (диалог) */
.pm-chat-view { display: flex; flex-direction: column; gap: 20px; }
.pm-chat-heading { border-bottom: 1px solid var(--mono-border); padding-bottom: 12px; }
.pm-chat-badge { font-size: 10px; text-transform: uppercase; background: var(--mono-input-bg); padding: 4px 10px; border-radius: 3px; color: var(--mono-accent); font-weight: 700; }
.pm-chat-subject { font-size: 17px; font-weight: 800; margin: 6px 0 0 0; color: var(--mono-text-white); }

.pm-bubble-card {
    background: var(--mono-bg);
    border: 1px solid var(--mono-border);
    padding: 14px 16px;
    border-radius: var(--mono-radius);
    max-width: 85%;
}
.pm-bubble-meta { font-size: 12px; color: var(--mono-text-muted); margin-bottom: 6px; }
.pm-bubble-user { font-weight: 700; color: var(--mono-text-white); }
.pm-bubble-text { font-size: 14px; line-height: 1.5; color: var(--mono-text-gray); }
.pm-bubble-delete { color: #ff453a; cursor: pointer; font-size: 12px; }

/* Формы отправки */
.pm-messenger-form { display: flex; flex-direction: column; gap: 14px; }
.pm-field-row { display: flex; flex-direction: column; gap: 5px; }
.pm-field-row label { font-size: 12px; font-weight: 700; color: var(--mono-text-white); }
.pm-field-input {
    background: var(--mono-input-bg) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text-white) !important;
    padding: 10px 12px !important;
    border-radius: var(--mono-radius) !important;
    font-size: 14px !important;
}
.pm-field-input:focus { border-color: var(--mono-accent) !important; outline: none; }

.pm-form-buttons { display: flex; gap: 10px; }
.pm-btn-send {
    background: var(--mono-accent);
    color: var(--mono-text-white);
    border: none;
    padding: 12px 22px;
    font-weight: 700;
    border-radius: var(--mono-radius);
    cursor: pointer;
}
.pm-btn-send:hover { background: var(--mono-accent-hover); }
.pm-btn-view-preview { background: var(--mono-input-bg); color: var(--mono-text-white); border: 1px solid var(--mono-border); padding: 12px 18px; border-radius: var(--mono-radius); cursor: pointer; }

/* Форма ответа */
.pm-quick-reply-form { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--mono-border); }
.pm-quick-reply-form textarea, .pm-quick-reply-form .fr-box {
    background: var(--mono-input-bg) !important;
    border: 1px solid var(--mono-border) !important;
    color: var(--mono-text-white) !important;
}
.pm-back-to-list-notice { font-size: 12px; text-align: center; color: var(--mono-text-muted); }

/* ГАРАНТИРОВАННОЕ ОТОБРАЖЕНИЕ КРАСИВОГО ПРОГРЕСС-БАРА */
.pm-modern-progress-bar {
    width: 140px !important;
    height: 10px !important;       /* Сделали чуть потолще для видимости */
    background-color: #141416 !important; /* Глубокий темный фон подложки */
    border: 1px solid #2e2e33 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    display: block !important;       /* Принудительный вывод на экран */
    margin-top: 6px !important;
    position: relative !important;
}

.pm-progress-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #ff8800, #ff6600) !important; /* Яркий оранжевый градиент */
    border-radius: 20px !important;
    display: block !important;
    width: 0%;                      /* Изначально 0, JS сам установит верное значение */
    transition: width 0.5s ease-out !important; /* Красивая плавная анимация при загрузке */
}

/* Перекрашиваем системный прогресс-бар DLE под графит и оранжевый цвет */
.pm-modern-progress-bar table {
    width: 140px !important;
    background: #141416 !important;
    border: 1px solid #2e2e33 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border-collapse: collapse !important;
}
.pm-modern-progress-bar td {
    height: 8px !important;
    padding: 0 !important;
}
/* Перебиваем дефолтный синий цвет DLE на ваш оранжевый */
.pm-modern-progress-bar td[bgcolor="#5494af"], 
.pm-modern-progress-bar td[style*="background"] {
    background: linear-gradient(90deg, #ff8800, #ff6600) !important;
    background-color: #ff6600 !important;
}

/* КЛАССИЧЕСКИЙ ЧЕКБОКС СПРАВА */
.pm-row-checkbox-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
}

.pm-real-selectable-cb {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    accent-color: #ff6600 !important; /* Делает галочку оранжевой под ваш сайт */
}

/* Свечение и выделение карточки диалога при активации галки */
.pm-sidebar-row:has(.pm-real-selectable-cb:checked) {
    border-color: #ff6600 !important;
    background: #251c16 !important;
}

/* 1. Фон-затемнение появляется ТОЛЬКО если внутри есть карточка уведомления */
html body #DLEPush.DLEPush {
    display: none !important; /* По умолчанию скрыто и не мешает click-событиям */
}

html body #DLEPush.DLEPush:has(.wrapper) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.75) !important;
    z-index: 999999 !important;
    display: flex !important; /* Включается только при наличии ошибки */
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    transform: none !important;
}


/* Скрываем пустой технический блок, ломающий верстку */
html body #DLEPush .DLEPush-notification:empty {
    display: none !important;
}

/* 2. Стилизация вашей карточки ошибки (учитывая класс "wrapper") */
html body #DLEPush .wrapper.push-error {
    background-color: #242831 !important; /* Стильный темный фон под сайт */
    border: none !important;
    border-top: 4px solid #ff4b4b !important; /* Красная полоса сверху */
    border-radius: 8px !important;
    padding: 35px 25px 25px 25px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
    width: 100% !important;
    max-width: 420px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    position: relative !important;
    
    /* Выстраиваем иконку и текст строго друг под друга */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
}

/* 3. Оформление текста сообщения */
html body #DLEPush .DLEPush-message {
    color: #ffffff !important;
    font-size: 15px !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    line-height: 1.6 !important;
    text-align: center !important;
    display: block !important;
    margin: 15px 0 0 0 !important; /* Отступ сверху от иконки */
    padding: 0 !important;
    width: 100% !important;
}

/* 4. Центрирование и цвет иконки */
html body #DLEPush .DLEPush-icon {
    display: block !important;
    margin: 0 auto !important;
    width: 42px !important;
    height: 42px !important;
}
html body #DLEPush .DLEPush-icon svg {
    width: 42px !important;
    height: 42px !important;
    fill: #ff4b4b !important; /* Красный цвет для иконки */
    display: block !important;
}

/* 5. Кнопка закрытия (крестик в углу) */
html body #DLEPush .DLEPush-close {
    color: #ffffff !important;
    opacity: 0.5 !important;
    font-size: 24px !important;
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    line-height: 1 !important;
}
html body #DLEPush .DLEPush-close:hover {
    opacity: 1 !important;
}

/* Скрываем пустой заголовок, если он занимает место */
html body #DLEPush .DLEPush-header {
    display: none !important;
}

/* Делаем всю текстовую массу единой, мягкого светло-серого цвета */
#headerbar .yoo-tweet p.text,
#headerbar .yoo-tweet p.text span,
#headerbar .yoo-tweet p.text a {
    color: #cccccc !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    border: none !important;
}

/* Оранжевым подсвечиваем ТОЛЬКО ссылку и ТОЛЬКО при наведении */
#headerbar .yoo-tweet p.text a:hover {
    color: #ff7300 !important;
}

/* 1. Основной светлый цвет только для текста верхних ссылок */
#menu > ul.menu-dropdown > li > a,
#menu > ul.menu-dropdown > li > a span,
#menu > ul.menu-dropdown > li > span.level1,
#menu > ul.menu-dropdown > li > span.level1 span {
    color: #E9ECEF !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* 2. Оранжевый цвет при наведении только на саму верхнюю кнопку */
#menu > ul.menu-dropdown > li:hover > a,
#menu > ul.menu-dropdown > li:hover > a span,
#menu > ul.menu-dropdown > li:hover > span.level1,
#menu > ul.menu-dropdown > li:hover > span.level1 > span,
#menu > ul.menu-dropdown > li:hover > span.level1 > span > span {
    color: #FF7A1A !important;
}

/* 3. Выделение активного пункта жирным белым (только верхний уровень) */
#menu > ul.menu-dropdown > li.active > a,
#menu > ul.menu-dropdown > li.active > a span {
    color: #FFFFFF !important;
    font-weight: bold;
}
/* Делаем шрифт всех видимых кнопок жирным и капсом, как у Главной */
#menu > ul.menu-dropdown > li > a, 
#menu > ul.menu-dropdown > li > span.level1,
#menu > ul.menu-dropdown > li > span.level1 * {
    font-weight: bold !important;         /* Делаем текст жирным */
    text-transform: uppercase !important; /* Делаем все буквы БОЛЬШИМИ */
}

/* Левая часть: Яркий, объемный ледяной неон для логотипа */
.new-logo-block {
    filter: drop-shadow(0 0 10px rgba(0, 210, 255, 0.4)) 
            drop-shadow(0 0 25px rgba(0, 168, 204, 0.3)) 
            drop-shadow(0 0 55px rgba(0, 114, 181, 0.2)) !important;
}

/* Правая часть: Такой же оттенок, но приглушенный в 3 раза, чтобы не отвлекать внимание */
.yoo-tweet {
    filter: drop-shadow(0 0 10px rgba(0, 210, 255, 0.15)) 
            drop-shadow(0 0 30px rgba(0, 168, 204, 0.1)) 
            drop-shadow(0 0 60px rgba(0, 114, 181, 0.05)) !important;
}

/* Коррекция оформления спойлера */
.text_spoiler {
    display: none;
}

/* Коррекция оформления календаря */
.monthselect-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3em;
}
.monthselect-title {
	display: inline-block;
}

/* Коррекция оформления редактора при быстром редактировании публикаций */
.dlepopupnewsedit .wseditor{
    border-top: none;
}

.dlepopupnewsedit .tox .tox-toolbar-overlord {
    background-color: #f7f7f7;
}

/* Общий контейнер */
.navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 40px auto 30px auto;
    font-family: 'Segoe UI', Roboto, sans-serif;
    user-select: none;
}

.navigation .nav-pages {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Базовый стиль кнопок: теперь они прозрачные, без тяжелого фона */
.navigation a, 
.navigation span,
.navigation .nav-pages a,
.navigation .nav-pages span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280; /* Приглушенный серый, как у текста рядом */
    text-decoration: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
    box-sizing: border-box;
}

/* Эффект наведения: деликатная рамка и побеление текста */
.navigation a:hover {
    color: #ffffff;
    border-color: #374151;
    background-color: #1f2937;
}

/* АКТИВНАЯ СТРАНИЦА: теперь текст тёмный и отлично виден на белом фоне сайта */
.navigation .nav-pages span {
    color: #1f2937 !important; /* Плотный тёмно-серый/чёрный цвет */
    background-color: transparent !important;
    border-color: transparent !important;
    font-weight: 700;
    position: relative;
    cursor: default;
}

/* Оранжевая линия ПОД цифрой */
.navigation .nav-pages span::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 25%;
    width: 50%;
    height: 2px;
    background-color: #f97316; /* Наш оранжевый акцент */
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(249, 115, 22, 0.6);
}


/* Стрелочки перехода чуть потемнее */
.navigation .nav-arrow {
    font-size: 16px;
    color: #4b5563;
}


/* ==========================================================================
   Ширина сайта и сетка — перенесено из main.tpl
   ========================================================================== */
.wrapper {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
#main-shift { margin-right: 280px; }
#right { width: 280px; margin-left: -280px; }
#menu .dropdown { width: 250px; }
#menu .columns2 { width: 500px; }
#menu .columns3 { width: 750px; }
#menu .columns4 { width: 1000px; }
.visual-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

/* dlecomplaint — скрываем лишние элементы */
#dlecomplaint { font-size: 0 !important; }
#dlecomplaint::first-line { font-size: 14px !important; }
#dlecomplaint #dle-promt-text { font-size: 14px !important; margin-bottom: 0 !important; }
#dlecomplaint #dle-promt-mail { display: none !important; }

/* ========== БЛОК 2: BLUEGREY (базовая тема DLE) ========== */
/* template.css */

/* reset.css */

/*
 * reset
 */

 
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }

 
a:focus { outline: none; }

 
body { overflow-y: scroll; }

/*
 * default values
 */

p {
	margin-top: 10px;
	margin-bottom: 15px;
}

 
ul, ol, dl {
	margin: 10px 0;

}

dl { margin: 10px 0; }
dd { padding-left: 40px; }

 
td, th { padding: 1px; }

 
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

 
fieldset {
	margin: 10px 0 10px 0;
	padding: 0 10px 10px 10px;
	border: 1px solid #c8c8c8;
}

legend {
	padding: 0 10px 0 10px;
	background: #ffffff;
}

form div { margin: 0 0 0 0; }

textarea { padding: 1px 0 1px 1px; }

option { padding: 0 0 1px 5px; }

input[type='hidden'] { display: none; }

input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }

button,
input[type='button'],
input[type='submit'] {
	padding: 2px 4px 2px 1px;
	line-height: 100%;
}

input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }

 
textarea,
input[type='text'],
input[type='password'],
select {
	border: 1px solid #c8c8c8;
	background: #ffffff;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }

 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
	border-color: #8c8c8c;
}

 
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	font-weight: normal;
}

h1 { font-size: 36px; line-height: 36px; margin-top: 25px; }
h2 { font-size: 24px; line-height: 24px; margin-top: 25px; }
h3 { font-size: 18px; line-height: 18px; margin-top: 15px; }
h4 { font-size: 16px; line-height: 16px; margin-top: 15px; }
h5 { font-size: 14px; line-height: 14px; margin-top: 10px; }
h6 { font-size: 14px; line-height: 14px; margin-top: 10px; }

 
hr {
	margin: 15px 0 15px 0;
	display: block;
	background: #c8c8c8;
	height: 1px;
	border: none;
}

 
q { font-style: italic; }

blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 130%
}
blockquote > *:first-child:first-letter { font-size: 150% }

 
pre {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	font-size: 90%;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	white-space: pre-wrap;
}

 
acronym, abbr {
	border-bottom: 1px dashed #969696;
	cursor: help;
	font-variant: small-caps;
	text-transform: lowercase;
}
/* layout.css */

 
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
}

#left,
#right,
#bottom,
#footer {
	color: #c8c8c8;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

 

.wrapper { margin: 0 auto; }

#header {
	position: relative;
	z-index: 10;
	clear: both;
}

#top {
	overflow: hidden;
	clear: both;
}

#middle {
	clear: both;
	min-height: 300px;
}

#bottom {
	margin: 0px -15px 0px -15px;
	padding: 0px 0px 20px 0px;
	overflow: hidden;
	clear: both;
}

#footer {
	position: relative;
	padding: 0px 0px 20px 0px;
	clear: both;
	text-align: center;
}

 
 
#middle {
	width: 100%;
	overflow: hidden;
}

#middle-expand {
	width: 200%;
}

 
#main {
	left: 50%;
	width: 50%;
	float: left;
}

#main-shift {
	left: -100%;
	overflow: hidden;
}

 
#left {
	position: relative;
	left: -50%;
	float: left;
	overflow:hidden;
}

 
#right {
	 
	 
	float: left;
	overflow:hidden;
}

 

div#maintop {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

div#mainbottom {
	margin: 0px 0px 0px 0px;
	padding-bottom: 10px;
	overflow: hidden;
}

 

.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

 

body.yoopage {
    background-color: #151a20;
    background-image:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
    background-size: 80px 80px, 80px 80px, 20px 20px, 20px 20px;
}

#page-body {
    padding-bottom: 30px;
    background: transparent;
    position: relative;
}

#page-body::before {
    display: none;
}
#page-footer {
    padding-top: 20px;
    background: #0f1318;
    border-top: 1px solid #1e2329;
}

 

#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}

 
#breadcrumbs {
	padding: 10px 0px 0px 20px;
	overflow: hidden;
	font-size: 10px;
}

#breadcrumbs span {
	display: block;
	float: left;
}

#breadcrumbs a,
#breadcrumbs span.separator {
	text-decoration: none;
	color: #646464;
}

#breadcrumbs span.current { color: #969696; }

#breadcrumbs .box-1 { 
	margin-right: 5px;
	background: url("../images/breadcrumbs.png") 0 0 no-repeat;
}

#breadcrumbs .box-2 {
	padding: 0px 10px 0px 10px;
	background: url("../images/breadcrumbs.png") 100% -25px no-repeat;
}

#breadcrumbs .box-3 {
	height: 20px;
	background: url("../images/breadcrumbs.png") 0 -50px repeat-x;
}

#breadcrumbs a.box-1:hover  {
	background-position: 0 -75px;
	color: #404040;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}
#breadcrumbs a:hover .box-2 { background-position: 100% -100px; }
#breadcrumbs a:hover .box-3 { background-position: 0 -125px; }



 

 
#toolbar {
	height: 25px;
	padding-top: 5px;
	overflow: hidden;
	line-height: 30px;
	font-size: 9px;
	color: #ffffff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#toolbar a { color: #ffffff; }

#date {
	margin: 0px 10px 0px 0px;
	float: left;
}

#headerbar {
	min-height: 120px;
	padding: 0px 0px 0px 300px;
	overflow: hidden;
}

 
#logo {
	position: absolute;
	top: 30px;
	left: 0px;
}

#menu {
	position: absolute;
	bottom: -65px;
	left: 20px;
	z-index: 11;
}
.column-left #menu { left: 300px; }

#search {
	position: absolute;
	top: 155px;
	right: 5px;
	z-index: 12;
	width: 266px;
	height: 45px;
	padding: 15px 0px 0px 20px;
	background: url("../images/searchbox.png") 0 0 no-repeat;
}
.column-right #search { background: none; }
.column-left #search {
	left: 5px;
	right: auto;
	background: none;
}

#banner {
	position: absolute;
	top: 150px;
	right: -15px;
	width: 0px;
	z-index: 3;
}

 

#footer a.anchor {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: #2a2e35;
    border: 1px solid #3a3e45;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

#footer a.anchor::after {
    content: '↑';
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
}

#footer a.anchor:hover { background: #ff5500; border-color: #ff5500; }

#footer a { color: #c8c8c8; }
#footer a:hover { color: #ffffff; }

 

div.content-wrapper-t1 { background: url("../images/content_wrapper_corners.png") 0 0 no-repeat; }

div.content-wrapper-t2 {
	padding: 0px 290px 0px 290px;
	background: url("../images/content_wrapper_corners.png") 100% -80px no-repeat;
}

div.content-wrapper-t3 {
	height: 75px;
	background: url("../images/content_wrapper_corners.png") 0 -160px repeat-x;
}

div.content-wrapper-1 { background: url("../images/content_wrapper_edges_shadow.png") 0 0 repeat-y; }

div.content-wrapper-2 {
	padding: 0px 5px 0px 5px;
	background: url("../images/content_wrapper_edges_shadow.png") 100% 0 repeat-y;
}

div.content-wrapper-3 { background: #FAFBFC; }

div.content-wrapper-4 {
	 
}

div.content-wrapper-b1 { background: url("../images/content_wrapper_corners.png") 0 -240px no-repeat; }

div.content-wrapper-b2 {
	padding: 0px 290px 0px 290px;
	background: url("../images/content_wrapper_corners.png") 100% -255px no-repeat;
}

div.content-wrapper-b3 {
	height: 10px;
	background: url("../images/content_wrapper_corners.png") 0 -270px repeat-x;
}

.column-left div.content-wrapper-t1 { background-position: 0 -285px; }
.column-left div.content-wrapper-3 { background-image: url("../images/content_wrapper_edges_with.png"); }
.column-left div.content-wrapper-b1 { background-position: 0 -445px; }

.column-right div.content-wrapper-t2 { background-position: 100% -365px; }
.column-right div.content-wrapper-4 { background: url("../images/content_wrapper_edges_with.png") 100% 0 repeat-y; }
.column-right div.content-wrapper-b2 { background-position: 100% -460px; }

#left,
#right { background: url("../images/content_wrapper_sidebar.png") 0 0 repeat-x; }

.component-bg {
	margin-bottom: -2px;
	padding: 20px 20px 0px 20px;
	background: url("../images/module_gradient.png") 0 100% repeat-x;
}

.component-bg.last {
	margin: 0px;
	background: none;
}
/* typography.css */

/*
 * headings
 */

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

h1 {
	font-weight: normal;
	color: #3C4C5A;
}

#page h1 a {
	color: #3C4C5A;
	text-decoration: none;
}

h2 { color: #497496; }
h3 { color: #3C4C5A; }
h4 { color: #497496; }
h5 { color: #3C4C5A; }
h6 { color: #497496; }

h1 { font-size: 26px; line-height: 26px; }
h2 { font-size: 22px; line-height: 22px; }

#left h1, #left h2, #left h3, #left h4, #left h5, #left h6 { color: #dcdcdc; }
#right h1, #right h2, #right h3, #right h4, #right h5, #right h6 { color: #dcdcdc; }

/*
 * anchor
 */

a:link,
a:visited { color: #4780B8; }
a:hover { color: #B34437; }

.sidebar a:link,
.sidebar a:visited { color: #c8c8c8; text-decoration: underline;}
.sidebar a:hover { color: #ffffff; }

a.icon-folder {
        padding-left: 17px;
        background: url("../images/typography/icon_folder.png") 0 40% no-repeat;
}

a.icon-file {
        padding-left: 17px;
        background: url("../images/typography/icon_file.png") 0 40% no-repeat;
}

a.icon-download {
        padding-left: 17px;
        background: url("../images/typography/icon_download.png") 0 40% no-repeat;
}

a.icon-external {
        padding-left: 17px;
        background: url("../images/typography/icon_external.png") 0 40% no-repeat;
}

a.icon-pdf {
        padding-left: 17px;
        background: url("../images/pdf_button.png") 0 40% no-repeat;
}

/*
 * emphasis
 */

em.box { 
	padding: 0px 3px 0px 3px;
	border: 1px dotted #aaaaaa;
	background: #f5f6f7;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	white-space: nowrap;
}

#left em.box,
#right em.box,
#bottom em.box {
	background: #232328;
	border: 1px dotted #3C3C50;
}

/*
 * unsorted lists
 */

/* icon style */
ul.arrow,
ul.checkbox,
ul.check,
ul.star {
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
	margin: 5px 0px 5px 0px;
	padding-left: 35px;
	font-weight: bold;
	line-height: 26px;  
}

ul.arrow li { background: url("../images/typography/list_arrow.png") 0 0 no-repeat; }
ul.checkbox li { background: url("../images/typography/list_checkbox.png") 0 0 no-repeat; }
ul.check li { background: url("../images/typography/list_check.png") 0 0 no-repeat; }
ul.star li { background: url("../images/typography/list_star.png") 0 0 no-repeat; }

/* links style */
ul.links {
	margin: 10px 0px 20px 0px;
	padding-left: 0px;
	list-style: none;
}

ul.links li {
	padding-left: 15px;
	height: 25px;
	line-height: 25px;
	background: url("../images/typography/list_links.png") 0px 0 no-repeat;
	cursor: pointer;
}

ul.links li:hover { background-position: 0px -35px; }

#page ul.links li a { text-decoration: none; }

/* table style */
ul.table {
	margin: 20px 0px 20px 0px;
	padding-left: 0px;
	list-style: none;
}

ul.table li {
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}

ul.table li:nth-child(odd) { background: #f0f0f0; }
ul.table li:nth-child(even) { background: #ffffff; }
ul.table li:last-child { border: none; }

/*
 * ordered lists
 */

ol.disc {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 45px;
	background: url("../images/typography/list_disc.png") 20px 0px repeat-y;
}

ol.disc li {
	margin: 5px 0px 5px 0px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 26px;  
}

/*
 * horizontal rule
 */
 
hr.dotted {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url("../images/typography/line_dotted.png") 0 0 repeat-x;
	height: 1px;
	border: none;
}


/*
 * highlighted div and span tags
 */

span.note,
span.info,
span.alert,
span.download,
span.tip { display: block; }

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #E4EBF1;
	border-top: 1px solid #D4D9DE;
	border-bottom: 1px solid #D4D9DE;
	text-align:justify;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 40px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

div.info, span.info {
	background: #E4EBF1 url("../images/typography/box_info.png") 8px 5px no-repeat;
	border-top: 1px solid #D4D9DE;
	border-bottom: 1px solid #D4D9DE;
}

div.alert, span.alert {
	background: #FFE6DF url("../images/typography/box_alert.png") 8px 5px no-repeat;
	border-top: 1px solid #FFD9CF;
	border-bottom: 1px solid #FFD9CF;
}

div.download, span.download {
	background: #f5faeb url("../images/typography/box_download.png") 8px 5px no-repeat;
	border-top: 1px solid #D6EBCD;
	border-bottom: 1px solid #D6EBCD;
}

div.tip, span.tip {
	background: #FDF9E3 url("../images/typography/box_tip.png") 8px 5px no-repeat;
	border-top: 1px solid #FAE7BE;
	border-bottom: 1px solid #FAE7BE;
}

/*
 * p tag with dropcaps
 */
 
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*
 * tables
 */
 
table.listing {
	width: 100%;
	margin-bottom: 30px;
	font-size: 11px;
}

table.listing thead th {
	height: 30px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
	background: none;
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
}

table.listing tbody td {
	height: 20px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}

table.listing tr.odd td { background: #f0f0f0; }
table.listing tr.even td { background: #ffffff; }

table.listing td.bold {
	font-weight: bold;
	font-size: 12px;
}

/*
 * blockquotes
 */

blockquote { font-family: Georgia, "Times New Roman", Times, serif; }

q.blockquote {
	margin: 10px 0 10px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 130%;
}

q.blockquote:first-letter { font-size: 150%; }

q.blockquote:before,
q.blockquote:after { content: ""; }

blockquote.quotation {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	border: none;
	background: url("../images/typography/blockquote_start.png") 0 0 no-repeat;
	text-align:justify;
}

blockquote.quotation p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url("../images/typography/blockquote_end.png") 100% 100% no-repeat;
}

/*
 * floating boxes
 */

body .inset-left {
	margin: 15px 15px 10px 0px;
	float: left;
}

body .inset-right {
	margin: 15px 0px 10px 15px;
	float: right;
}
/* menus.css */

/*
 * top and footer menu
 */

 
#toolbar ul.menu,
#footer ul.menu {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer ul.menu {
	display: block;
	line-height: 14px;
}

#toolbar .menu li,
#footer .menu li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#toolbar .menu li a,
#footer .menu li a {
	display: inline-block;
	padding: 0px 10px 0px 15px;
	background: url("../images/topmenu_item_bg.png") 0 50% no-repeat;
	overflow: hidden;  
	color: #ffffff;
}

#footer .menu li a {
	background: url("../images/footermenu_item_bg.png") 0 50% no-repeat;
	color: #c8c8c8;
}
#footer .menu li a:hover { color: #ffffff; }

#toolbar .menu a.first,
#footer .menu a.first {
	padding-left: 0px;
	background: none;
}

#toolbar .menu a.last,
#footer .menu a.last { padding-right: 0px; }


/*
 * menu
 */

 
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	position: relative;
	z-index: 5;  
	margin: 0px;
	padding: 0px;
}

#menu a,
#menu span { display: block; }
#menu a { text-decoration: none; }

 
#menu span.icon {
	background-repeat: no-repeat;
	background-position: 0 50%;
}

 
#menu ul.menu { float: left; }

#menu li.level1 {
	height: 45px;
	float: left;
}

#menu a.level1,
#menu span.level1 {	float: left; }

#menu a.level1 span.bg,
#menu span.level1 span.bg {
	height: 30px;
	padding: 0px 15px 0px 15px;
	float: left;
	line-height: 30px;
	font-size: 14px;
	color: #515966;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
}

 
#menu li:hover .level1 span.bg,
#menu li.remain .level1 span.bg,
#menu li.active .level1 span.bg {
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 5px rgba(0, 0, 0, 0.5);
}

 
#menu a.level1 span.title,
#menu span.level1 span.title {
	font-size: 14px;
	line-height: 21px;
}

 
#menu a.level1 span.subtitle,
#menu span.level1 span.subtitle {
	margin-top: -3px;
	font-size: 9px;
	font-weight: normal;
	line-height: 10px;
	text-transform: none;
}

 
#menu div.fancy {
	position: absolute;
	top: 1px;
	z-index: 4;
	overflow: hidden;
}

#menu div.fancy div.fancy-1 { background: url("../images/menu_fancy.png") 0 0 no-repeat; }

#menu div.fancy div.fancy-2 {
	padding: 0px 10px 0px 10px;
	background: url("../images/menu_fancy.png") 100% -35px no-repeat;
}

#menu div.fancy div.fancy-3 {
	height: 30px;
	background: url("../images/menu_fancy.png") 0 -70px repeat-x;
}

 
#menu .dropdown {
	position: absolute;
	top: 44px;
	left: -999em;  
	z-index: 100;
	 
}

#menu li:hover .dropdown,
#menu li.remain .dropdown { left: 0px; }

#menu .dropdown-t1 { background: url("../images/menu_dropdown_corners.png") 0 0 no-repeat; }

#menu .dropdown-t2 {
	padding: 0px 6px 0px 6px;
	background: url("../images/menu_dropdown_corners.png") 100% -11px no-repeat;
}

#menu .dropdown-t3 {
	height: 6px;
	background: url("../images/menu_dropdown_corners.png") 0 -22px repeat-x;
}

#menu .dropdown-1 { background: url("../images/menu_dropdown_edges.png") 0 0 repeat-y; }

#menu .dropdown-2 {
	padding: 0px 3px 0px 3px;
	background: url("../images/menu_dropdown_edges.png") 100% 0 repeat-y;
}

#menu .dropdown-3 {
	padding: 0px 0px 0px 0px;
	background: #D8DEE2;
	overflow: hidden;
}

#menu .dropdown-b1 { background: url("../images/menu_dropdown_corners.png") 0 -33px no-repeat; }

#menu .dropdown-b2 {
	padding: 0px 6px 0px 6px;
	background: url("../images/menu_dropdown_corners.png") 100% -44px no-repeat;
}

#menu .dropdown-b3 {
	height: 6px;
	background: url("../images/menu_dropdown_corners.png") 0 -55px repeat-x;
}

 
#menu ul.level2 { background: url("../images/menu_level2_line_v.png") 100% 0 repeat-y; }
#menu ul.last { background: none; }

#menu .hover-box1 { overflow: hidden; }

 
#menu li.level2 {}

#menu a.level2 { background: #D8DEE2 url("../images/menu_level2_line_h.png") 0 0 repeat-x; }
#menu a.level2.first { background-image: none; }

#menu a.level2 span.bg,
#menu span.level2 span.bg {
	padding-left: 10px;
	line-height: 24px;
	color: #515966;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	font-size: 14px;
}

#menu a.level2:hover span.bg { color: #141414; }

 
#menu li.level2.parent,
#menu a.level2.parent { background: none; }

#menu li.level2.parent { padding: 5px 10px 5px 10px; }

#menu .hover-box4 { overflow: hidden; }

#menu li.level2.parent .hover-box1 { background: #D8DEE2 url("../images/menu_level2_item.png") 100% 100% no-repeat; }
#menu li.level2.parent .hover-box2 { background: url("../images/menu_level2_item.png") 100% 0 no-repeat; }
#menu li.level2.parent .hover-box3 { background: url("../images/menu_level2_item.png") 0 100% no-repeat; }
#menu li.level2.parent .hover-box4 { background: url("../images/menu_level2_item.png") 0 0 no-repeat; }

#menu li.level2.parent .hover-box1:hover,
#menu li.level2.parent .hover-box1:hover .hover-box2,
#menu li.level2.parent .hover-box1:hover .hover-box3,
#menu li.level2.parent .hover-box1:hover .hover-box4 { background-image: url("../images/menu_level2_item_hover.png"); }

#menu li.level2.parent.separator .hover-box1:hover,
#menu li.level2.parent.separator .hover-box1:hover .hover-box2,
#menu li.level2.parent.separator .hover-box1:hover .hover-box3,
#menu li.level2.parent.separator .hover-box1:hover .hover-box4 { background-image: url("../images/menu_level2_item.png"); }

 
#menu li.level2 a.current span.bg { font-weight: bold; } 

 
#menu a.level2 span.subtitle,
#menu span.level2 span.subtitle {
	margin-top: -10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
}

 
#menu a.level2 span.icon,
#menu span.level2 span.icon {
	min-height: 45px;
	padding-left: 50px;
	line-height: 45px;
}
#menu a.level2 span.icon span.title,
#menu span.level2 span.icon span.title { line-height: 33px; }
#menu a.level2 span.icon span.subtitle,
#menu span.level2 span.icon span.subtitle { line-height: 12px; }

 
#menu .sub { padding: 5px 0px 0px 0px; }

#menu a.level3 { background: url("../images/menu_level3_item.png") 5px 7px no-repeat; }
#menu a.level3:hover { background-position: 5px -8px; }

#menu a.level3 span.bg,
#menu span.level3 span.bg {
	padding-left: 15px;
	line-height: 17px;
	font-size: 11px;
	color: #515966;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}

#menu a.level3:hover span.bg { color: #141414; }

 
 
 
 

#menu .columns2 ul.level2,
#menu .columns3 ul.level2,
#menu .columns4 ul.level2 { float: left; }

#menu .columns2 ul.level2 {	width: 50%; }

#menu .columns3 ul.level2 { width: 34%; }
#menu .columns3 ul.first,
#menu .columns3 ul.last { width: 33%; }

#menu .columns4 ul.level2 { width: 25%; }

#menu .columns2 li.level2 .group-box1,
#menu .columns3 li.level2 .group-box1,
#menu .columns4 li.level2 .group-box1 { margin-right: 2px; }

#menu .columns2 ul.last li.level2 .group-box1,
#menu .columns3 ul.last li.level2 .group-box1,
#menu .columns4 ul.last li.level2 .group-box1 { margin-right: 0px; }

/*
 * sub menus
 */
 
 
div.mod-menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

div.mod-menu ul.menu li {
	margin: 0px;
	padding: 0px;
}

div.mod-menu ul.menu a,
div.mod-menu ul.menu span { display: block; }
div.mod-menu ul.menu a { text-decoration: none; }

 
div.mod-menu ul.menu span.icon {
	background-repeat: no-repeat;
	background-position: 5px 50%;
	text-indent: 35px;
}

 
div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }

 
div.mod-menu ul.menu span.subtitle { display: none; }


/*
 * sub menu: mod-sidebar
 */

div.mod-sidebar ul.menu span.bg {
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	color: #c8c8c8;
}

 
div.mod-sidebar ul.menu a.current span.bg { font-weight: bold; }

 
div.mod-sidebar ul.menu a:hover span.bg,
div.mod-sidebar ul.menu span:hover span.bg { color: #ffffff; }

 
div.mod-sidebar ul.menu li.level1 { margin-bottom: 5px;}
div.mod-sidebar ul.menu li.level1.last { margin-bottom: 0px;}

div.mod-sidebar ul.menu a.level1,
div.mod-sidebar ul.menu span.level1 { background: url("../images/submenu_level1.png") 0 0 no-repeat; }

div.mod-sidebar ul.menu a.level1:hover,
div.mod-sidebar ul.menu span.level1:hover { background-position: 0 -35px; }

div.mod-sidebar ul.menu li.parent a.level1 span.bg,
div.mod-sidebar ul.menu li.parent span.level1 span.bg { background: url("../images/submenu_level1_parent.png") 100% 0 no-repeat; }

div.mod-sidebar ul.menu li.parent a.level1:hover span.bg,
div.mod-sidebar ul.menu li.parent span.level1:hover span.bg { background-position: 100% -35px; }

div.mod-sidebar ul.menu li.parent a.level1.active span.bg,
div.mod-sidebar ul.menu li.parent span.level1.active span.bg { background-position: 100% -70px; }

div.mod-sidebar ul.menu li.parent a.level1.active:hover span.bg,
div.mod-sidebar ul.menu li.parent span.level1.active:hover span.bg { background-position: 100% -105px; }

div.mod-sidebar ul.menu li.parent a.level1.active,
div.mod-sidebar ul.menu li.parent span.level1.active  { margin-bottom: 5px; }

 
div.mod-sidebar ul.menu ul.level2 {}
div.mod-sidebar ul.menu li.level2 {}

div.mod-sidebar ul.menu li.level2 a { background: #2B2F32 url("../images/submenu_level2_line.png") 0 0 repeat-x; }
div.mod-sidebar ul.menu li.level2 a.level2.last { background: none; }

div.mod-sidebar ul.menu li.level2 span.bg {
	height: 25px;
	background: url("../images/submenu_level2_item.png") 5px 0 no-repeat;
	line-height: 25px;
	text-indent: 25px;
}

div.mod-sidebar ul.menu li.level2 a:hover span.bg { background-position: 5px -25px; }

 
div.mod-sidebar ul.menu a.level3 span.bg {
	background-position: 15px 0;
	text-indent: 35px;
}

div.mod-sidebar ul.menu li.level3 a:hover span.bg { background-position: 15px -25px; }

 
div.mod-sidebar ul.menu a.level4 span.bg {
	background-position: 25px 0;
	text-indent: 45px;
}

div.mod-sidebar ul.menu li.level4 a:hover span.bg { background-position: 25px -25px; }
/* modules.css */

/*
 * module headers
 */

.module h3.header {
	margin: 0px;
	padding: 0px;
	font-size: 19px;
	line-height: 24px;
	font-weight: normal;
}

#left .module h3.header,
#right .module h3.header,
#bottom .module h3.header { color: #dcdcdc; }

.module span.header-2,
.module span.header-3 { display: block; }

 
.module h3.header span.title {
	display: block;
	font-size: 19px;
	line-height: 20px;
}

.module h3.header span.subtitle {
	display: block;
	margin-top: 1px;
	line-height: 10px;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0px;
	text-indent: 1px;
	text-transform: lowercase;
}

/*
 * space between modules
 */

.module {
	margin-left: 7px;
	margin-right: 7px;
}

#left .module,
#right .module,
#maintop .maintopblock .module,
#mainbottom .mainbottomblock .module,
#bottom .bottomblock .module {
	margin-left: 15px;
	margin-right: 15px;
}

#left .module,
#right .module { margin-bottom: 25px; }

#left .module.last,
#right .module.last { margin-bottom: 0px; }

#maintop .maintopbox .module.first,
#mainbottom .mainbottombox .module.first,
#bottom .bottombox .module.first { margin-left: 15px; }

#maintop .maintopbox .module.last,
#mainbottom .mainbottombox .module.last,
#bottom .bottombox .module.last { margin-right: 15px; }

#maintop .maintopblock .module,
#maintop .maintopbox .module { margin-top: 15px; }

#mainbottom .mainbottomblock .module,
#mainbottom .mainbottombox .module { margin-top: 15px; }

#bottom .bottomblock .module { margin-top: 15px; }

/*
 * header module positions
 */

#toolbar .left .module,
#headerbar .left .module {
	margin-right: 15px;
	float: left;
}

#toolbar .right .module,
#headerbar .right .module {
	margin-left: 15px;
	float: right;
}

/*
 * badge styles
 */
 
div.module div.badge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url("../images/module_badges.png") 0 0 no-repeat;
	overflow: hidden;
	z-index: 1;
}
 
div.module div.badge-hot { background-position: 0 0; }
div.module div.badge-top { background-position: 0 -40px; }
div.module div.badge-pick { background-position: 0 -80px; }
div.module div.badge-new { background-position: 0 -120px; }

/*
 * icon styles
 */
 
div.module h3.header span.icon {
	display: block; 
	position: relative;
	left: 0px;
	top: -3px;
	width: 32px;
	height: 30px;
	background: url("../images/module_icons.png") 0 0 no-repeat;
	overflow: hidden;
	float: left;
}

div.module h3.header span.icon-feed { background-position: 0 0; }
div.module h3.header span.icon-download { background-position: 0 -30px; }
div.module h3.header span.icon-twitter { background-position: 0 -60px; }
div.module h3.header span.icon-mail { background-position: 0 -90px; }
div.module h3.header span.icon-message { background-position: 0 -120px; }
div.module h3.header span.icon-users { background-position: 0 -150px; }
div.module h3.header span.icon-shopping { background-position: 0 -180px; }
div.module h3.header span.icon-lock { background-position: 0 -210px; }

/*
 * module: blank
 */
 
div.mod-blank { overflow: hidden; }

div.mod-blank h3.header { margin-bottom: 10px; }

/*
 * module: dropdown
 */

#menu ul.mod-dropdown {
	padding-left: 0px;
	background: none;
}

#menu .mod-dropdown .module {
	padding: 5px;
	overflow: hidden;
}

#menu .mod-dropdown .dropdown { width: 300px; }

/*
 * module: toolbarmodule
 */

div.mod-toolbar { margin: 0px; }

div.mod-toolbar div.box-1 { background: url("../images/module_toolbar.png") 0 5px no-repeat; }

div.mod-toolbar div.box-2 {
	padding: 0px 10px 0px 10px;
	background: url("../images/module_toolbar.png") 100% -20px no-repeat;
}

div.mod-toolbar div.box-3 {
	height: 25px;
	background: url("../images/module_toolbar.png") 0 -45px repeat-x;
	overflow: hidden;
}

/*
 * module: headermodule
 */

div.mod-headerbar { overflow: hidden; }

div.mod-headerbar span {
	font-size: 17px;
	line-height: 24px;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 10px rgba(255, 255, 255, 0.3);
	color: #323232;
}

div.mod-headerbar a {
	color: #c8c8c8;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8)
}

div.mod-headerbar a:hover { color: #ffffff; }

/*
 * module: gradient
 */
#page #page-body div.mod-gradient { margin: 0px; }
#page #page-body .maintopblock div.mod-gradient,
#page #page-body .mainbottomblock div.mod-gradient { margin-bottom: -2px; }
#page #page-body .maintopblock div.mod-gradient.last,
#page #page-body .mainbottomblock div.mod-gradient.last { margin-bottom: 0px; }
#page #page-body .maintopblock.not-last div.mod-gradient.last { margin-bottom: -2px; }

div.mod-gradient div.box-1 {
	padding: 30px 20px 40px 20px;
	background: url("../images/module_gradient.png") 0 100% repeat-x;
	overflow: hidden;
}
.mainbottomblock div.mod-gradient.last div.box-1 {
	padding-bottom: 20px;
	background: none;
}

div.mod-gradient h3.header {
	margin-bottom: 10px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

/*
 * module: layer
 */

#page #page-body div.mod-layer { margin: 0px; }

div.mod-layer div.box-1 { background: #DDE1E4 url("../images/module_layer_b.png") 0 100% repeat-x; }

div.mod-layer div.box-2 {
	padding: 30px 20px 50px 20px;
	background: url("../images/module_layer_t.png") 0 0 repeat-x;
	overflow: hidden;
}

div.mod-layer h3.header {
	margin-bottom: 10px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
}

/*
 * module: sidebar
 */

#page #page-body div.mod-sidebar { margin: 0px; }

div.mod-sidebar div.box-1 {
	padding: 10px 15px 40px 15px;
	background: url("../images/module_sidebar.png") 0 -258px repeat-x;
	overflow: hidden;
}
div.mod-sidebar.first div.box-1 {
	padding-top: 0px;
	background: none;
}

div.mod-sidebar h3.header {
	margin: 0px -15px 10px -15px;
	background: url("../images/module_sidebar.png") 0 0 no-repeat;
	overflow: hidden;
	line-height: 24px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.2);
}

div.mod-sidebar span.header-2 {
	padding: 0px 20px 0px 20px;
	background: url("../images/module_sidebar.png") 100% -43px no-repeat;
	float: left;
}

div.mod-sidebar span.header-3 {
	height: 38px;
	background: url("../images/module_sidebar.png") 0 -86px repeat-x;
	overflow: hidden;
	float: left;
	font-size: 17px;
	line-height: 36px;
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 5px rgba(0, 0, 0, 0.5);
}

div.mod-sidebar h3.header span.icon { top: 2px; left: -2px; }
div.mod-sidebar h3.header span.title { line-height: 27px; display: inline-block; }
div.mod-sidebar h3.header span.subtitle { margin-top: -4px; white-space: nowrap; margin-left: 32px; }
div.mod-sidebar div.badge { top: 2px; }

/* color color2 */
div.mod-sidebar-color2 h3.header { background-position: 0 -129px; }
div.mod-sidebar-color2 span.header-2 { background-position: 100% -172px; }
div.mod-sidebar-color2 span.header-3 { background-position: 0 -215px; }

/*
 * module: rounded
 */

div.mod-rounded div.box-t1 { background: url("../images/module_rounded_corners.png") 0 0 no-repeat; }

div.mod-rounded div.box-t2 {
	padding: 0px 7px 0px 7px;
	background: url("../images/module_rounded_corners.png") 100% -12px no-repeat;
}

div.mod-rounded div.box-t3 {
	height: 7px;
	background: url("../images/module_rounded_corners.png") 0 -24px repeat-x;
}

div.mod-rounded div.box-1 {
	background: url("../images/module_rounded_edges.png") 0 0 repeat-y;
}

div.mod-rounded div.box-2 {
	padding: 0px 3px 0px 3px;
	background: url("../images/module_rounded_edges.png") 100% 0 repeat-y;
}

div.mod-rounded div.box-3 {
	padding: 8px 12px 8px 12px;
	background: #faf9f8 url("../images/module_rounded_corners.png") 0 -72px repeat-x;
	overflow: hidden;
}

div.mod-rounded div.box-b1 { background: url("../images/module_rounded_corners.png") 0 -36px no-repeat; }

div.mod-rounded div.box-b2 {
	padding: 0px 7px 0px 7px;
	background: url("../images/module_rounded_corners.png") 100% -48px no-repeat;
}

div.mod-rounded div.box-b3 {
	height: 7px;
	background: url("../images/module_rounded_corners.png") 0 -60px repeat-x;
}

div.mod-rounded h3.header {
	margin-bottom: 10px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.2);
}

div.mod-rounded div.badge { top: 2px; right: 2px; }

/* position: left, right, header, bottom */
div.mod-rounded2 div.box-t1,
div.mod-rounded2 div.box-t2,
div.mod-rounded2 div.box-t3,
div.mod-rounded2 div.box-b1,
div.mod-rounded2 div.box-b2,
div.mod-rounded2 div.box-b3 { background-image: url("../images/module_rounded2_corners.png"); }
div.mod-rounded2 div.box-1,
div.mod-rounded2 div.box-2 { background-image: url("../images/module_rounded2_edges.png"); }
div.mod-rounded2 div.box-3 { background: none; }

div.mod-rounded2 h3.header { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); }

/*
 * module: concave
 */

div.mod-concave div.box-t1 { background: url("../images/module_concave_corners.png") 0 0 no-repeat; }

div.mod-concave div.box-t2 {
	padding: 0px 7px 0px 7px;
	background: url("../images/module_concave_corners.png") 100% -12px no-repeat;
}

div.mod-concave div.box-t3 {
	height: 7px;
	background: url("../images/module_concave_corners.png") 0 -24px repeat-x;
}

div.mod-concave div.box-1 {
	background: url("../images/module_concave_edges.png") 0 0 repeat-y;
}

div.mod-concave div.box-2 {
	padding: 0px 7px 0px 7px;
	background: url("../images/module_concave_edges.png") 100% 0 repeat-y;
}

div.mod-concave div.box-3 {
	padding: 3px 12px 3px 12px;
	background: url("../images/module_concave_bg.png") 0 0 repeat;
	overflow: hidden;
}

div.mod-concave div.box-b1 { background: url("../images/module_concave_corners.png") 0 -36px no-repeat; }

div.mod-concave div.box-b2 {
	padding: 0px 7px 0px 7px;
	background: url("../images/module_concave_corners.png") 100% -48px no-repeat;
}

div.mod-concave div.box-b3 {
	height: 7px;
	background: url("../images/module_concave_corners.png") 0 -60px repeat-x;
}

div.mod-concave h3.header {
	margin-bottom: 10px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

/*
 * module: polaroid
 */

div.mod-polaroid div.badge-tape {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 114px;
	height: 38px;
	margin-left: -57px;
	background: url("../images/module_polaroid_tape.png") 0 0 no-repeat;
	z-index: 1;
}

div.mod-polaroid div.box-1 {
	margin-top: 13px;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	background: #ffffff url("../images/module_polaroid_bg.png") 0 100% repeat-x;
	overflow: hidden;
}

div.mod-polaroid div.box-2 {
	margin-bottom: 5px;
	background: #000000;
}

div.mod-polaroid div.box-3 {
	padding: 10px 15px 10px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #C8C8C8;
}

div.mod-polaroid div.box-b1 {
	background: url("../images/module_polaroid_shadows.png") 0 0 no-repeat;
}

div.mod-polaroid div.box-b2 {
	padding: 0px 70px 0px 70px;
	background: url("../images/module_polaroid_shadows.png") 100% -5px no-repeat;
}

div.mod-polaroid div.box-b3 {
	height: 5px;
	background: url("../images/module_polaroid_shadows.png") 0 -10px repeat-x;
}

#page div.mod-polaroid h3.header {
	height: 25px;
	margin: 0px 0px 0px 0px;
	line-height: 25px;
	text-align: center;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232;
	text-shadow: none;
}

#left div.mod-polaroid,
#right div.mod-polaroid { margin-top: 30px; }

/*
 * module: postit
 */

div.mod-postit div.box-1 {
	background: #FFFFAA;
	color: #323232;
}

div.mod-postit div.box-2 {
	padding: 15px 15px 0px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}

div.mod-postit div.box-b1 {
	background: url("../images/module_postit_shadows.png") 0 0 no-repeat;
}

div.mod-postit div.box-b2 {
	padding: 0px 90px 0px 60px;
	background: url("../images/module_postit_shadows.png") 100% -40px no-repeat;
}

div.mod-postit div.box-b3 {
	height: 40px;
	background: url("../images/module_postit_shadows.png") 0 -80px repeat-x;
}

#page div.mod-postit h3.header {
	height: 30px;
	margin: -15px -15px 5px -15px;
	background: #FFFFDA;
	line-height: 30px;
	text-indent: 15px;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232;
	text-shadow: none;
}

#page div.mod-postit div.box-2 {
	color: #646464;
	text-shadow: none;
}

#page div.mod-postit em.box {
	border: 1px dotted #aaaaaa;
	background: #f5f6f7;
}
/* joomla.css */

/*
 * global CSS
 */

/* readmore button */
p.readmore { overflow: hidden; }
div.module p.readmore {	margin-bottom: 0px; }

a.readmore {
	display: block;
	width: 110px;
	height: 25px;
	background: url("../images/readmore.png") 0 0 no-repeat;
	float: left;
	line-height: 25px;
	text-indent: 10px;
	font-size: 90%;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
}

#page a.readmore { color: #515966; text-decoration: none; }

#page a.readmore:hover {
	background-position: 0 -30px;
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 5px rgba(0, 0, 0, 0.5);
}

#left a.readmore,
#right a.readmore {
	background-position: 0 -60px;
	color: #c8c8c8;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

#left a.readmore:hover,
#right a.readmore:hover {
	background-position: 0 -90px;
	color: #ffffff;
}

/* tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url("/web/20110831220513im_/http://jekkeyblog.ru/templates/system/images/selector-arrow.png") no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/*
 * general
 */

div.joomla h1 { letter-spacing: -1px; }

div.joomla h1.pagetitle { margin-top: 0px; }

div.joomla div.description {
	margin: 10px 0px 10px 0px;
	overflow: hidden;
}

div.joomla div.description img.left {
	margin-right: 15px;
	float: left;
}

div.joomla div.description img.right {
	margin-left: 15px;
	float: right;
}

div.joomla div.filter { margin: 10px 0px 10px 0px; }

div.joomla table.joomlatable th {
	padding: 5px 5px 5px 5px;
	background: #ebebeb;
	border-bottom: 1px solid #b4b4b4;
	font-weight : bold;
}

div.joomla table.joomlatable tr.even td {
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
	border-bottom: 1px solid #dcdcdc;
}

div.joomla table.joomlatable tr.odd td {
	padding: 5px 5px 5px 5px;
	background: #fafafa;
	border-bottom: 1px solid #dcdcdc;
}

 
div.joomla span.number {
	color: #969696;
	font-style: italic;
}

/*
 * com_content
 * blog layout (frontpage, category, section)
 * sub selectors: blog
 */

div.joomla div.blog div.description {  
	margin: 10px -20px 15px -20px;
	padding: 0px 20px 20px 20px;
	background: url("../images/module_gradient.png") 0 100% repeat-x;
}

div.joomla div.leadingarticles {
	margin: 0px -20px 0px -20px;
	overflow: hidden;
}

div.joomla div.leadingarticles div.item-bg {
	padding: 0px 20px 20px 20px;
	background: url("../images/module_gradient.png") 0 100% repeat-x;
}

div.joomla div.teaserarticles {
	margin: 0px -20px 0px -20px;
	overflow: hidden;
}
div.joomla div.multicolumns { margin: 0px; }

div.joomla div.item { margin-bottom: 15px; }
div.joomla div.item:last-child { margin-bottom: 0px; }
div.joomla div.item-bg { overflow: hidden; }

div.joomla div.teaserarticles div.item-bg {
	padding: 0px 20px 20px 20px;
	background: url("../images/module_gradient.png") 0 100% repeat-x;
}
.component-bg.last div.joomla div.teaserarticles div.item:last-child div.item-bg { background: none; }

div.joomla div.multicolumns div.item-bg {
	padding: 0px 0px 15px 0px;
	background: url("../images/article_separator.png") 50% 100% repeat-x;
	overflow: hidden;
}

div.joomla div.multicolumns div.item { margin: 0px 15px 15px 15px; }

div.joomla div.multicolumns div.first div.item { margin-left: 0px; }
div.joomla div.multicolumns div.last div.item { margin-right: 0px; }

div.joomla div.morearticles { margin: 10px 0px 10px 0px; }

div.joomla div.pagination { text-align: center; }

div.joomla div.pagination p.results {}

/*
 * com_content
 * list layout (frontpage, category, section)
 * sub selectors: sectionlist, categorylist
 */

/*
 * com_content
 * article layout
 * sub seletors: article
 */

div.joomla div.headline {
	overflow: hidden;
	margin-top: 5px;
	padding-bottom: 2px;  
}

div.joomla h1.title {
	margin: 0px;
	float: left;
}

div.joomla div.multicolumns h1.title {
	font-size: 200%;
	letter-spacing: -1px;
}

div.joomla div.icons { float: right; }

div.joomla div.icon {
	margin-top: 10px;
	float: right;
}

div.joomla div.multicolumns div.icon { margin-top: 5px; }

div.joomla div.edit {
	margin-left: 10px;
	float: left;
}

div.joomla div.pdf { margin-right: 5px; }
div.joomla div.print { margin-right: 5px; }
div.joomla div.email {}
div.joomla div.printscreen {}

div.joomla p.iteminfo {	margin: 0px 0px 15px 0px; }

div.joomla p.articleinfo {
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 80%;
	letter-spacing: 1px;
	line-height: 150%;
}

div.joomla p.articleinfo span.modified,
div.joomla p.articleinfo span.author,
div.joomla p.articleinfo span.created,
div.joomla p.articleinfo span.url {	white-space: nowrap; }

/*
 * com_content
 * editing an article
 * sub seletors: edit-article
 */

div.joomla div.edit-article fieldset { margin-bottom: 30px; }

div.joomla div.edit-article fieldset div { overflow: hidden; }

div.joomla div.edit-article label.label-left {
	display: block;
	width: 150px;
	float: left;
}

div.joomla div.edit-article div.save {
	margin: 0px;
	float: right;
}

div.joomla div.edit-article div#editor-xtd-buttons {
	margin-bottom: 0px;
	overflow: hidden;
}

div.joomla div.edit-article div#editor-xtd-buttons div { margin: 0px; }

div.joomla div.edit-article div#editor-xtd-buttons div.button2-left { margin-right: 5px; }

div.joomla div.edit-article div#editor-xtd-buttons a:link,
div.joomla div.edit-article div#editor-xtd-buttons a:visited,
div.joomla div.edit-article div#editor-xtd-buttons a:hover { color: #323232; }

/*
 * com_weblinks
 * sub seletors: weblinks
 */

div.joomla div.weblinks fieldset {}

div.joomla div.weblinks fieldset div { overflow: hidden; }

div.joomla div.weblinks label.label-left {
	display: block;
	width: 150px;
	float: left;
}

/*
 * com_search
 * sub seletors: search
 */

div.joomla div.search p.info {
	margin: 0px;
	color: #969696;
	font-style: italic;
}

div.joomla div.search span.highlight {
	background: #ffffff;
	color: #323232;
}

/*
 * com_poll
 * sub seletors: poll
 */

div.joomla div.poll fieldset { margin: 15px 0px 10px 0px; }

/*
 * com_contact
 * sub seletors: contact
 */

div.joomla div.contact h1 {
	margin-bottom: 0px;
	font-size: 250%;
	font-weight: normal;
	letter-spacing: -1px;
}

div.joomla div.contact h2 {
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
}

div.joomla div.contact div.image { float: right; }

div.joomla div.contact table { margin-bottom: 10px; }

div.joomla div.contact label.label-top { display: block; }

/*
 * com_user
 * sub seletors: user
 */

div.joomla div.user label.label-left,
div.joomla div.user span.label-left  {
	display: block;
	width: 130px;
	float: left;
}

/*
 * com_wrapper
 */

iframe.wrapper {
	width: 100%;
}

/*
 * mod_newsflash
 */

div.module-newsflash { overflow: hidden; }

div.module-newsflash div.item {
	padding-bottom: 15px;
	overflow: hidden;
}

div.module-newsflash div.last { padding-bottom: 0px; }

/*
 * mod_poll
 */

div.module-poll ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.module-poll ul li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

div.module-poll ul li input { margin-right: 5px; }

/*
 * mod_search
 */

.default-search div.searchbox {
	width: 120px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: url("../images/searchbox_bg.png") 0 0 no-repeat; /* ie6png:crop */
}

.default-search div.searchbox:hover  { background: url("../images/searchbox_bg.png") 0 -18px no-repeat; }
.default-search div.searchbox:hover input { color: #000000; }
.default-search div.searchbox input:focus { color: #000000; }

.default-search div.searchbox input {
	width: 102px;
	height: 15px;
	padding: 3px 0px 0px 0px;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

.default-search div.searchbox button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	float: left;
	cursor: pointer;
	line-height: 0px;
}

.default-search div.searchbox button.search-magnifier { background: url("../images/search_magnifier_icon.png"/*tpa=http:/demo.yootheme.com/may10/templates/yoo_studio/images/search_magnifier_icon.png*/) 0 0 no-repeat; }

/*
 * legacy Joomla styling only for third party components
 */

.contentheading,
.componentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
	line-height: 100%;
	font-weight: bold;
	color: #953830;
	letter-spacing: -1px;
}

/*
 * Joomla! system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url("/web/20110831220513im_/http://jekkeyblog.ru/openid.net/login-bg.gif") no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/*
 * general.css
 */
 
 /* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url("/web/20110831220513im_/http://jekkeyblog.ru/templates/system/images/j_button2_left.png") no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url("/web/20110831220513im_/http://jekkeyblog.ru/templates/system/images/j_button2_right.png") 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url("/web/20110831220513im_/http://jekkeyblog.ru/templates/system/images/j_button2_image.png") 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url("/web/20110831220513im_/http://jekkeyblog.ru/templates/system/images/j_button2_readmore.png") 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url("/web/20110831220513im_/http://jekkeyblog.ru/templates/system/images/j_button2_pagebreak.png") 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url("/web/20110831220513im_/http://jekkeyblog.ru/templates/system/images/selector-arrow.png") no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url("/web/20110831220513im_/http://jekkeyblog.ru/templates/system/images/calendar.png") no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* extensions.css */

#left #form-login fieldset,
#right #form-login fieldset { border: none; }

/*
 * YOOsearch
 */

#page div.default div.yoo-search {
	width: 250px;
	height: 30px;
}
#page div.default div.yoo-search div.searchbox {
	width: 250px;
	height: 30px;
	background: url("../images/yoosearch/searchbox_bg.png") 0 0 no-repeat;
}
#page div.default div.yoo-search div.searchbox:hover  { background-position: 0 0; }
#page .sidebar-search div.default div.yoo-search div.searchbox { background-position: 0 -35px; }

#page div.default div.yoo-search div.searchbox input {
	width: 185px;
	height: 30px;
	padding: 0px 0px 0px 5px;
	font-size: 13px;
	line-height: 30px;
}

#page div.default div.yoo-search div.searchbox:hover input,
#page div.default div.yoo-search div.searchbox input:focus { color: #000000; }
#page .sidebar-search div.default div.yoo-search div.searchbox:hover input,
#page .sidebar-search div.default div.yoo-search div.searchbox input:focus { color: #dcdcdc; }

#page div.default div.yoo-search div.searchbox button {
	width: 30px;
	height: 30px;
}
#page div.default div.yoo-search div.searchbox button.search-magnifier { background: url("../images/yoosearch/magnifier_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search div.searchbox button.search-close { background: url("../images/yoosearch/close_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search div.searchbox button.search-loader { background: url("../images/yoosearch/loader_icon.gif") 5px 7px no-repeat; }

#page div.yoo-search div.resultbox {
	position: absolute;
	right: -16px;
	top: 44px;
	z-index: 20;
}
#page.column-left div.yoo-search div.resultbox {
	right: auto;
	left: -20px;
}

#page div.default div.yoo-search div.resultbox-bg {
	border-left: 1px solid #9AA7B0;
	border-right: 1px solid #9AA7B0;
	background: #d8dee2;
}

#page div.default div.yoo-search h3.search-header {
	height: 30px;
	line-height: 30px;
}

#page div.default div.yoo-search div.resultbox-bl { background: url("../images/yoosearch/resultbox_bl.png") 0 100% no-repeat; }
#page div.default div.yoo-search div.resultbox-br { background: url("../images/yoosearch/resultbox_br.png") 100% 100% no-repeat; }
#page div.default div.yoo-search div.resultbox-b { background: url("../images/yoosearch/resultbox_b.png") 0 100% repeat-x; }
#page div.default div.yoo-search span.search-more { background: url("../images/yoosearch/more_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search h3.search-header { background: url("../images/yoosearch/header_bg.png") 0 0 repeat-x; }
#page div.default div.yoo-search .resultbox-bg a { background: #d8dee2; }
#page div.default div.yoo-search .resultbox-bg a:hover { background: #c8d0d7; }

#page div.default div.yoo-search h3.search-header,
#page div.default div.yoo-search .resultbox-bg a:link,
#page div.default div.yoo-search .resultbox-bg a:visited,
#page div.default div.yoo-search .resultbox-bg a:hover,
#page div.default div.yoo-search .resultbox-bg a h3,
#page div.default div.yoo-search a.search-more { color: #515966; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); }

/* search with sidebar */
#page .sidebar-search div.default div.yoo-search div.searchbox button.search-close { background-image: url("../images/yoosearch/sidebar_close_icon.png"); }
#page .sidebar-search div.default div.yoo-search div.searchbox button.search-loader { background-image: url("../images/yoosearch/sidebar_loader_icon.gif"); }

#page .sidebar-search div.default div.yoo-search div.resultbox-bg {
	border-left: 1px solid #1F2224;
	border-right: 1px solid #1F2224;
	background: #34383B;
}

#page .sidebar-search div.default div.yoo-search div.resultbox-bl { background-image: url("../images/yoosearch/sidebar_resultbox_bl.png"); }
#page .sidebar-search div.default div.yoo-search div.resultbox-br { background-image: url("../images/yoosearch/sidebar_resultbox_br.png"); }
#page .sidebar-search div.default div.yoo-search div.resultbox-b { background-image: url("../images/yoosearch/sidebar_resultbox_b.png"); }
#page .sidebar-search div.default div.yoo-search span.search-more { background-image: url("../images/yoosearch/sidebar_more_icon.png"); }
#page .sidebar-search div.default div.yoo-search h3.search-header { background-image: url("../images/yoosearch/sidebar_header_bg.png"); }
#page .sidebar-search div.default div.yoo-search .resultbox-bg a { background: #34383B; }
#page .sidebar-search div.default div.yoo-search .resultbox-bg a:hover { background: #292d30; }

#page .sidebar-search div.default div.yoo-search h3.search-header,
#page .sidebar-search div.default div.yoo-search .resultbox-bg a:link,
#page .sidebar-search div.default div.yoo-search .resultbox-bg a:visited,
#page .sidebar-search div.default div.yoo-search .resultbox-bg a:hover,
#page .sidebar-search div.default div.yoo-search .resultbox-bg a h3,
#page .sidebar-search div.default div.yoo-search a.search-more { color: #c8c8c8; text-shadow: 0px 1px 0px rgba(0,0,0,0.8); }


/*
 * YOOtweet
 */

/* single */
#header div.single div.yoo-tweet {
	min-width: 200px;
	max-width: 400px;
	padding-top: 20px;
}

#header div.single div.yoo-tweet p {
	margin-top: 0px;
	text-align: center;
}

/*
 * YOOscroller: Blank Horizontal
 */

#page div.blank-h div.yoo-scroller { position: relative; }

#page div.blank-h div.yoo-scroller div.scrollarea { background: url("../images/yooscroller/scrollarea_l.png") 0 0 no-repeat; }

#page div.blank-h div.yoo-scroller div.scrollarea-l {
	padding: 0px 30px 0px 30px;
	background: url("../images/yooscroller/scrollarea_r.png") 100% 0 no-repeat;
}

#page div.blank-h div.yoo-scroller div.scrollarea-r { background: url("../images/yooscroller/scrollarea_m.png") 0 0 repeat-x; }

#page div.blank-h div.yoo-scroller div.back {
	position: absolute;
	left: 20px;
	background-image: url("../images/yooscroller/scroll_back.png");
}

#page div.blank-h div.yoo-scroller div.forward {
	position: absolute;
	right: 20px;
	background-image: url("../images/yooscroller/scroll_forward.png");
}

#page div.blank-h div.yoo-scroller div.scrollbar {
	position: absolute;
	left: 41px;
}

#page div.blank-h div.yoo-scroller div.scrollknob {
	margin: 1px 0px 1px 0px;
	background-image: url("../images/yooscroller/scrollknob_l.png");
}

#page div.blank-h div.yoo-scroller div.scrollknob-r { background-image: url("../images/yooscroller/scrollknob_r.png"/); }

#page div.blank-h div.yoo-scroller div.scrollknob-m {
	height: 17px;
	background-image: url("../images/yooscroller/scrollknob_m.png");
}

/*
 * YOOlogin
 */

 
/* quick */
#header span.quick span.yoo-login {}

#header span.quick span.yoo-login span.login { width: 231px; }

#header span.quick span.yoo-login span.login span.login-button-text,
#header span.quick span.yoo-login span.login span.login-button-icon { margin-right: 0px; }

#header span.quick span.yoo-login span.login span.lostpassword, 
#header span.quick span.yoo-login span.login span.lostusername,
#header span.quick span.yoo-login span.login span.registration { margin-top: 5px; }

#header span.quick span.yoo-login span.logout {
	margin-top: 10px;
	overflow: visible;
}

#header span.quick span.yoo-login span.logout span.logout-button-text,
#header span.quick span.yoo-login span.logout span.logout-button-icon { margin-right: 0px; }

/* nifty quick */
#header span.niftyquick span.yoo-login {}

#header span.niftyquick span.yoo-login span.login {
	width: 268px;
	height: 50px;
}

#header span.niftyquick span.yoo-login span.login span.login-button { margin-right: 0px; }

#header span.niftyquick span.yoo-login span.login span.lostpassword, 
#header span.niftyquick span.yoo-login span.login span.lostusername,
#header span.niftyquick span.yoo-login span.login span.registration { margin-top: 5px; }

#header span.niftyquick span.yoo-login span.logout {
	margin-top: 10px;
	overflow: visible;
}

#header span.niftyquick span.yoo-login span.logout span.logout-button { margin-right: 0px; }

 
#header span.niftyquick span.yoo-login span.login span.username input,
#header span.niftyquick span.yoo-login span.login span.password input {
	width: 95%;
	height: 12px;
	background: #ffffff;
	border: 1px solid #ffffff;
	overflow: hidden;
}
/* custom.css */

/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
	display: block;
	width: 300px;
	height: 120px;
	background: url("../images/yootheme/logo.png") 0 0 no-repeat;
}


.maintopblock div.mod-layer h3.header .title {
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	font-weight: bold;
}

.maintopblock div.mod-layer h3.header .subtitle {
	text-align: center;
	font-size: 16px;
	line-height: 16px;
}

.maintopblock div.mod-layer div.blank-h div.yoo-scroller { margin: 0px 0px -20px 0px; }
/*
     FILE ARCHIVED ON 22:05:13 Aug 31, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:24:38 May 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 18.265
  load_resource: 47.041
  PetaboxLoader3.resolve: 28.58
  PetaboxLoader3.datanode: 17.696
*/



/* ========== БЛОК 3: SEARCH ========== */
/* style.css */

a:focus { outline: none; }
button::-moz-focus-inner { border: none; }

div.yoo-search { 
	position: relative;
}

div.yoo-search ul {
	margin: 0px;
	padding: 0px;
}
 
div.yoo-search li {
	margin: 0px;
	padding: 0px;
	display: block;
}

div.yoo-search div.resultbox {
	display: none;
}/* style.css */

div.default div.yoo-search {
	width: 120px;
	height: 18px;
}

/* searchbox */
div.default div.yoo-search div.searchbox {
	width: 120px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: url("styles/default/images/searchbox_bg.png") 0 0 no-repeat; /* ie6png:crop */
}

div.default div.yoo-search div.searchbox:hover  {
	background: url("styles/default/images/searchbox_bg.png") 0 -18px no-repeat; /* ie6png:crop */
}

div.default div.yoo-search div.searchbox:hover input {
	color: #000000;
}

div.default div.yoo-search div.searchbox input:focus {
	color: #000000;
}

div.default div.yoo-search div.searchbox input {
	width: 84px;
	height: 15px;
	padding: 3px 0px 0px 0px;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

div.default div.yoo-search div.searchbox button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	float: left;
	cursor: pointer;
	line-height: 0px;
}

div.default div.yoo-search div.searchbox button.search-magnifier {
	background: url("styles/default/images/magnifier_icon.png") 0 0 no-repeat;
}

div.default div.yoo-search div.searchbox button.search-close {
	background: url("styles/default/images/close_icon.png") 0 0 no-repeat;
}

div.default div.yoo-search div.searchbox button.search-loader {
	background: url("styles/default/images/loader_icon.gif") 0 0 no-repeat;
}

/* resultbox */
div.default div.yoo-search div.resultbox {
	position: absolute;
	right: 0px;
	top: 18px;
	z-index: 10;
}

div.default div.yoo-search div.resultbox-bg {
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	background: #FAFAFA;
}

div.default div.yoo-search div.resultbox-bl {
	background: url("styles/default/images/resultbox_bl.png") 0 100% no-repeat;
}

div.default div.yoo-search div.resultbox-br {
	padding: 0px 10px 0px 10px;
	background: url("styles/default/images/resultbox_br.png") 100% 100% no-repeat;
}

div.default div.yoo-search div.resultbox-b {
	height: 30px;
	background: url("styles/default/images/resultbox_b.png") 0 100% repeat-x;
	text-align: right;
	line-height: 28px;
	font-weight: bold;
}

div.default div.yoo-search div.resultbox-b a:link,
div.default div.yoo-search div.resultbox-b a:visited,
div.default div.yoo-search div.resultbox-b a:hover {
	color: #ffffff;
	text-decoration: none;
}

div.default div.yoo-search a.search-more {
	cursor: pointer;
	color: #ffffff;
}

div.default div.yoo-search span.search-more {
	display: block;
	width: 20px;
	height: 30px;
	background: url("styles/default/images/more_icon.png") 0 0 no-repeat;
	float: right;
	cursor: pointer;
}

div.default div.yoo-search h3.search-header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	height: 25px;
	background: url("styles/default/images/header_bg.png") 0 0 repeat-x;
	line-height: 25px;
	font-weight: bold;
	color: #ffffff;
	font-size: 100%;
	letter-spacing: 0px;
}

div.default div.yoo-search .resultbox-bg a {
	padding: 5px 10px 5px 10px;
	background: #FAFAFA;
	display: block;
	font-size: 11px;
	line-height: 140%;
	overflow: hidden;
}

div.default div.yoo-search .search-categories a {
	min-height: 45px;
}

div.default div.yoo-search .search-results a {
	min-height: 30px;
}

div.default div.yoo-search .resultbox-bg a:hover {
	background: #E6E7E8;
}

div.default div.yoo-search .resultbox-bg a:link,
div.default div.yoo-search .resultbox-bg a:visited,
div.default div.yoo-search .resultbox-bg a:hover {
	color: #646464;
	text-decoration: none;
}

div.default div.yoo-search .resultbox-bg a h3 {
	margin: 0px;
	font-size: 110%;
	color: #323232;
	line-height: 140%;
	font-weight: bold;
	letter-spacing: 0px;
}

div.default div.yoo-search .resultbox-bg img {
	margin-right: 10px;
	float: left;
}/* style.css */

.yootools-black div.default div.yoo-search div.resultbox-bg {
	border-left: 1px solid #323232;
	border-right: 1px solid #323232;
	background: #1e1e1e;
}

.yootools-black div.default div.yoo-search div.resultbox-bl {
	background: url("styles/default/black/images/resultbox_bl.png") 0 100% no-repeat;
}

.yootools-black div.default div.yoo-search div.resultbox-br {
	background: url("styles/default/black/images/resultbox_br.png") 100% 100% no-repeat;
}

.yootools-black div.default div.yoo-search div.resultbox-b {
	background: url("styles/default/black/images/resultbox_b.png") 0 100% repeat-x;
}

.yootools-black div.default div.yoo-search div.resultbox-b a:link,
.yootools-black div.default div.yoo-search div.resultbox-b a:visited,
.yootools-black div.default div.yoo-search div.resultbox-b a:hover {
	color: #C8C8C8;
}

.yootools-black div.default div.yoo-search a.search-more {
	color: #C8C8C8;
}

.yootools-black div.default div.yoo-search span.search-more {
	background: url("styles/default/black/images/more_icon.png") 0 0 no-repeat;
}

.yootools-black div.default div.yoo-search h3.search-header {
	background: url("styles/default/black/images/header_bg.png") 0 0 repeat-x;
	color: #C8C8C8;
}

.yootools-black div.default div.yoo-search .resultbox-bg a {
	background: #1e1e1e;
}

.yootools-black div.default div.yoo-search .resultbox-bg a:hover {
	background: #282828;
}

.yootools-black div.default div.yoo-search .resultbox-bg a:link,
.yootools-black div.default div.yoo-search .resultbox-bg a:visited,
.yootools-black div.default div.yoo-search .resultbox-bg a:hover {
	color: #646464;
}

.yootools-black div.default div.yoo-search .resultbox-bg a h3 {
	color: #969696;
}
/* style.css */

div.blank div.yoo-search {
	width: 120px;
	height: 20px;
}

/* searchbox */
div.blank div.yoo-search div.searchbox {
	position: relative;
	width: 120px;
	height: 20px;
	padding: 0px;
	margin: 0px;
}

div.blank div.yoo-search div.searchbox input {
	width: 100px;
	height: 16px;
	padding: 4px 0px 0px 20px;
	border: none;
	outline: none;
	background: #ffffff;
	color: #646464;
	font-size: 11px;
}

div.blank div.yoo-search div.searchbox input:hover,
div.blank div.yoo-search div.searchbox input:focus {
	color: #000000;
	background: #ffffaa;
}

div.blank div.yoo-search div.searchbox button {
	position: absolute;
	top: 0px;
	width: 20px;
	height: 20px;
	padding: 0px;
	border: none;
	cursor: pointer;
	line-height: 0px;
}

div.blank div.yoo-search div.searchbox button.search-magnifier {
	left: 0px;
	background: url("styles/blank/images/magnifier_icon.png") 50% 60% no-repeat;
}

div.blank div.yoo-search div.searchbox button.search-close {
	right: 0px;
	background: url("styles/blank/images/close_icon.png") 30% 60% no-repeat;
}

div.blank div.yoo-search div.searchbox button.search-loader {
	right: 0px;
	background: url("styles/blank/images/loader_icon.gif") 50% 50% no-repeat;
}

/* resultbox */
div.blank div.yoo-search div.resultbox {
	position: absolute;
	right: 0px;
	top: 20px;
	z-index: 10;
}

div.blank div.yoo-search div.resultbox-bg {
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	background: #FAFAFA;
}

div.blank div.yoo-search div.resultbox-bl {}
div.blank div.yoo-search div.resultbox-br {}
div.blank div.yoo-search div.resultbox-b {
	height: 29px;
	padding-right: 10px;
	border: 1px solid #C8C8C8;
	border-top: none;
	background: #AAAFB4;
	text-align: right;
	line-height: 28px;
	font-weight: bold;
}

div.blank div.yoo-search div.resultbox-b a:link,
div.blank div.yoo-search div.resultbox-b a:visited,
div.blank div.yoo-search div.resultbox-b a:hover {
	color: #ffffff;
	text-decoration: none;
}

div.blank div.yoo-search a.search-more {
	cursor: pointer;
	color: #ffffff;
}

div.blank div.yoo-search span.search-more {
	display: block;
	width: 15px;
	height: 29px;
	margin-left: 5px;
	background: url("styles/blank/images/more_icon.png") 0 60% no-repeat;
	float: right;
	cursor: pointer;
}

div.blank div.yoo-search h3.search-header {
	margin: 0px;
	padding: 0px;
	height: 30px;
	background: #BEC3C8;
	line-height: 29px;
	text-indent: 5px;
	font-weight: bold;
	color: #ffffff;
	font-size: 120%;
	letter-spacing: 0px;
}

div.blank div.yoo-search .resultbox-bg a {
	padding: 5px 10px 5px 10px;
	background: #FAFAFA;
	display: block;
	font-size: 11px;
	line-height: 140%;
	overflow: hidden;
}

div.blank div.yoo-search .search-categories a {
	min-height: 45px;
}

div.blank div.yoo-search .search-results a {
	min-height: 30px;
}

div.blank div.yoo-search .resultbox-bg a:hover {
	background: #E6E7E8;
}

div.blank div.yoo-search .resultbox-bg a:link,
div.blank div.yoo-search .resultbox-bg a:visited,
div.blank div.yoo-search .resultbox-bg a:hover {
	color: #646464;
	text-decoration: none;
}

div.blank div.yoo-search .resultbox-bg a h3 {
	margin: 0px;
	font-size: 110%;
	color: #323232;
	line-height: 140%;
	font-weight: bold;
	letter-spacing: 0px;
}

div.blank div.yoo-search .resultbox-bg img {
	margin-right: 10px;
	float: left;
}/* style.css */

.yootools-black div.blank div.yoo-search div.resultbox-bg {
	border-left: 1px solid #323232;
	border-right: 1px solid #323232;
	background: #1E1E1E;
}

.yootools-black div.blank div.yoo-search div.resultbox-b {
	border: 1px solid #323232;
	border-top: none;
	background: #323232;
}

.yootools-black div.blank div.yoo-search div.resultbox-b a:link,
.yootools-black div.blank div.yoo-search div.resultbox-b a:visited,
.yootools-black div.blank div.yoo-search div.resultbox-b a:hover {
	color: #C8C8C8;
}

.yootools-black div.blank div.yoo-search a.search-more {
	color: #C8C8C8;
}

.yootools-black div.blank div.yoo-search span.search-more {
	background: url("styles/blank/black/images/more_icon.png") 0 60% no-repeat;
}

.yootools-black div.blank div.yoo-search h3.search-header {
	background: #323232;
	color: #C8C8C8;
}

.yootools-black div.blank div.yoo-search .resultbox-bg a {
	background: #1E1E1E;
}

.yootools-black div.blank div.yoo-search .resultbox-bg a:hover {
	background: #282828;
}

.yootools-black div.blank div.yoo-search .resultbox-bg a:link,
.yootools-black div.blank div.yoo-search .resultbox-bg a:visited,
.yootools-black div.blank div.yoo-search .resultbox-bg a:hover {
	color: #646464;
}

.yootools-black div.blank div.yoo-search .resultbox-bg a h3 {
	color: #969696;
}


/* ========== БЛОК 4: LOGIN ========== */
a:focus { outline: none; }

span.yoo-login,
span.yoo-login span {
	display: block;
}

/* login */
span.niftyquick span.yoo-login span.login {
	height: 24px;
}

span.niftyquick span.yoo-login span.login span.username, 
span.niftyquick span.yoo-login span.login span.password,
span.niftyquick span.yoo-login span.login span.login-button,
span.niftyquick span.yoo-login span.login span.lostpassword, 
span.niftyquick span.yoo-login span.login span.lostusername,
span.niftyquick span.yoo-login span.login span.registration,
span.niftyquick span.yoo-login span.logout span.greeting,
span.niftyquick span.yoo-login span.logout span.logout-button {
	margin-right: 5px;
	float: left;
	overflow: hidden;
}

span.niftyquick span.yoo-login span.login span.username,
span.niftyquick span.yoo-login span.login span.password {
	width: 74px;
	height: 16px;
	padding: 6px 5px 2px 25px;
	float: left;
	overflow: hidden;
}

span.niftyquick span.yoo-login span.login span.username {
	background: url("../images/username_bg.png") 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.password {
	background: url("../images/password_bg.png") 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.username:hover {
	background: url("../images/username_bg.png") 0 -24px no-repeat;
}

span.niftyquick span.yoo-login span.login span.password:hover {
	background: url("../images/password_bg.png") 0 -24px no-repeat;
}

span.niftyquick span.yoo-login span.login span.username input,
span.niftyquick span.yoo-login span.login span.password input {
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

span.niftyquick span.yoo-login span.login span.username input:hover,
span.niftyquick span.yoo-login span.login span.password input:hover,
span.niftyquick span.yoo-login span.login span.username input:focus,
span.niftyquick span.yoo-login span.login span.password input:focus {
	color: #000000;
}

span.niftyquick span.yoo-login span.login span.login-button {
	margin-top: 2px;
	margin-bottom: 2px;
	width: 50px;
	height: 20px;
	background: url("../images/button_bg.png") 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.login-button:hover {
	background: url("../images/button_bg.png") 0 -20px no-repeat;
}

span.niftyquick span.yoo-login span.login span.login-button button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}

span.niftyquick span.yoo-login span.login span.login-button button:hover {
	color: #000000;
}

span.niftyquick span.yoo-login span.login span.lostpassword,
span.niftyquick span.yoo-login span.login span.lostusername,
span.niftyquick span.yoo-login span.login span.registration {
	margin-top: 2px;
	margin-bottom: 2px;
}

span.niftyquick span.yoo-login span.login span.lostpassword {
	width: 25px;
	background: url("../images/lost_password_bg.png") 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.lostusername {
	width: 25px;
	background: url("../images/lost_username_bg.png") 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.registration {
	width: 31px;
	background: url("../images/registration_bg.png") 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.lostpassword a,
span.niftyquick span.yoo-login span.login span.lostusername a,
span.niftyquick span.yoo-login span.login span.registration a {
	display: block;
	width: 100%;
	height: 20px;
}