/* Всплывающее окно с затемнением и размытым фоном jQuery */
    
    .box_window{
  width:700px;
  position:fixed;
  top:15%;
  left:50%;
  margin-left:-350px;
  z-index:11;
  background: #fff;
  display:none;
  padding:20px;
}
.box_window_in {
  position: relative;
  overflow-y:auto;
}
.box_title {
  position: absolute;
  left: 0px;
  top: -30px;
  color: #fff;
}
.bw_close{
  position:absolute;
  top: -25px;
  font-size: 10px;
  color: #fff;
  right:0px;
  cursor:pointer;
  z-index: 2;
}
.mask{
  position:fixed;
  background:rgba(0, 0, 0, 0.38);
  display:none;
  height:100%;
  width: 100%;
  z-index:10;
}
.to_blur.blur {
 -webkit-filter: blur(5px);
 -moz-filter: blur(5px);
 -o-filter: blur(5px);
 -ms-filter: blur(5px);
 filter: blur(5px);
}




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

.archives {
  margin-top: 6px;
  margin-bottom: 10px;
}
.archives a {
  color: #43637e;
}

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

.title_quote {
  color: #636363;
  background-color: #f2f2f2;
  border: 1px dotted #bebebe;
  border-bottom: 0;
  font-weight: bold;
  padding: 5px;
}

.quote {
  color: #8e969e;
  font-style: italic;
  padding: 4px;
  margin: 4px;
  padding-left: 10px;
  margin-left: 6px;
  border-left: 2px solid #dadada;
  font-size: 0.9em;
}

/* ==================== Tэг CODE */
.scriptedite {
  color: #1d1d1d;
  background-color: #edf1f6;
  border: 1px dotted #4e72a9;
  text-align: left;
  font-family: Georgia;
  font-size: 13px;
  padding: 10px;
}

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

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

.weekday-active-v {
  color: #ff7200;
}
.day-active-v {
  color: #ff7200; font-weight: bold;
}
.calendar td, th {
   text-decoration: none;
   padding-left: 3px;
    padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
}
.weekday { color: #822f24; }
.weekday-active { color: #b12613; }
.day-active { color: #fc9220; }

.day-active a, .weekday-active a, .day-active-v a, .weekday-active-v a {
  text-decoration: underline;
}
.monthlink { text-decoration: none; }

.day-current { background-color: #e6e6e6; }


/*--- RATING ---*/
.unit-rating {display: flex; position: relative;}
.unit-rating li {background:url(../dleimages/rating.svg) no-repeat; position: relative; z-index: 5;}
.unit-rating li a {display:block; width:17px; height:17px; text-indent: -100px; overflow: hidden;}
.unit-rating:hover li {background-position: 0 -17px; z-index: 10;}
.unit-rating li:hover ~ li {background-position: 0 0; z-index: 5;}
.unit-rating li.current-rating {background-position: 0 -34px; background-repeat: repeat-x; pointer-events: none;
	position:absolute; left: 0; top: 0; height:100%; text-indent: -200px; overflow: hidden; z-index:6;}


/*=====Лучшие пользователи*/
.userstop { }
.userstop td, .pm td.pm_list, .pm td.pm_head { border: 1px solid #eee; padding: 3px; font-size: 14px; }
.userstop thead td, .pm td.pm_head { background-color: #f5f5f5; height: 25px; font-weight: bold; }

/*---BB EDITOR ---*/
.bb-pane {border: 1px solid #e3e3e3; background: #fff; padding:5px 1px 5px 10px; border-radius: 3px 3px 0 0;
	display: flex; flex-wrap: wrap; justify-content: flex-start; position: relative; z-index: 10; 
	background: linear-gradient(to top, #f8f8f8 0%, #fff 80%, #fff 100%);}
.bb-btn {display: inline-block; height: 30px; line-height: 30px; width: 30px; margin-right: 5px; color: #444; 
    cursor: pointer; font-size: 12px; border-radius: 3px; text-align: center; transition: all .3s}
.bb-btn:hover {color: #000; background-color: #e3e3e3;}
@font-face {font-family: 'bb-editor-font'; src: url(../webfonts/bb-editor.woff) format('woff'); font-weight: normal; font-style: normal;}
[class^="bb-btn"], [class*=" bb-btn"] {font-family: 'bb-editor-font'; font-style: normal; 
    font-weight: normal; font-variant: normal; text-transform: none;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bb-sel { padding: 2px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-sep { display: inline-block; width: 1px; padding: 2px; }
.bb-btn { cursor: pointer;  outline: 0; }
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#b_b:before {content: "\f032";}
#b_i:before {content: "\f033";}
#b_u:before {content: "\f0cd";}
#b_s:before {content: "\f0cc";}
#b_img:before { content: "\f03e"; }
#b_up:before { content: "\e930"; }
#b_emo:before { content: "\f118"; }
#b_url:before { content: "\f0c1"; }
#b_leech:before { content: "\e98d"; }
#b_mail:before { content: "\f003"; }
#b_video:before { content: "\e913"; }
#b_audio:before { content: "\e911"; }
#b_hide:before { content: "\e9d1"; }
#b_quote:before { content: "\e977"; }
#b_code:before { content: "\f121"; }
#b_left:before { content: "\f036"; }
#b_center:before { content: "\f037"; }
#b_right:before { content: "\f038"; }
#b_color:before { content: "\e601"; }
#b_spoiler:before { content: "\e600"; }
#b_fla:before { content: "\ea8d"; }
#b_yt:before { content: "\f166"; }
#b_tf:before { content: "\ea61"; }
#b_list:before { content: "\f0ca"; }
#b_ol:before { content: "\f0cb"; }
#b_tnl:before { content: "\ea61"; }
#b_br:before { content: "\ea68"; }
#b_pl:before { content: "\ea72"; }
#b_size:before { content: "\f034"; }
#b_font:before { content: "\f031"; }
#b_header:before { content: "\f1dc"; }
#b_sub:before { content: "\f12c"; }
#b_sup:before { content: "\f12b"; }
#b_justify:before { content: "\f039"; }
.bb-pane h1{font-size:36px;margin-top:5px;margin-bottom:5px}
.bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px}
.bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px}
.bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px}
.bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px}
.bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px}
.bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;background:white;box-shadow:0 1px 2px #dadada}
.bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:normal;line-height:1.42857;color:#333333;white-space:nowrap}
.bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:#262626;background-color:whitesmoke}
.bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer}
.bb-pane-dropdown .color-palette{padding:0px 5px}
.bb-editor textarea{margin-top:-1px}
.editorcomm .bb-editor { width: 565px;}
.editorcomm .bb-editor textarea { height: 200px; }

.clr {
    clear: both;
}


/*---Дополнительные поля---*/
.xfields textarea, .xprofile textarea { width: 98%; height: 86px; margin: 0px 1px 0px 0px;padding: 0px; }
.xfields input, .xprofile input {
    width: 310px;
height: 18px;
border: 1px solid #ccc;
padding: 3px 5px;
margin: 5px;

 border-radius: 3px
    }
.xfields_table td { vertical-align: top; }

/* ==================== Дополнительные поля профиля пользователей */

.xprofile textarea { width: 316px; height: 86px; }
.xprofile input { width: 250px; height: 14px; }

/* ==================== Персональные сообщения */

.pm_head {font-weight: bold;}

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

#dropmenudiv {
  border: 1px solid #ffffff;
  border-bottom-width: 0;
  font: normal 10px Verdana;
  background-color: #958a83;
  line-height: 20px;
  margin: 2px;
  opacity: 0.90;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3)";
  filter: alpha(opacity=90, 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-color: #bcbcbc;
  border: 1px solid #ffffff;
  padding: 1px 0;
  margin: 1px;
  font-weight: bold;
}

#dropmenudiv a:hover {
  background-color: #638f0b;
  color: #fff;
}

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

/*---Персональные сообщения---*/
.pm_head {font-weight: bold;}

/* ==================== Ссылка на скачивание прикрепленного файла */
.attachment { color: #808080; }
/* ==================== Поиск по сайту и результаты поиска */

.search {
  color: #757575;
  text-decoration: none;
}

.sresult  {
  text-align: justify;
  font-weight: normal;
  line-height: 16px;
  color: #757575;
}

/* ==================== Рамка расширенной формы поиска по сайту */
fieldset {
    border: 1px solid #e0e0e0;
    padding: 5px;
    text-align: left;
}

/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */
.highslide-active-anchor img { visibility: hidden; }
.highslide-image-blur { }
.highslide-html { background-color: white; }
.highslide-html-content {
    display: none;
}
.highslide-loading {
    display: block;
  color: white;
  font-size: 9px;
  font-weight: bold;
    text-decoration: none;
  padding: 3px;
  border: 1px solid white;
    background-color: black;
}
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; }

/* ==================== Облако тегов */
.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; }

/* ======= ========== === Тег SP OILER */


/*---Цитата и скрытый текст---*/
.scriptcode, .title_quote,
.quote, .title_spoiler, .text_spoiler { font-style: bold; padding: 10px; background: #f8f9f9 url("../images/lines.gif") repeat; border-left: 5px solid #438fbf; }
.title_quote, .title_spoiler { background: #f8f9f9; }
.title_spoiler, .text_spoiler { border-color: #db143d; }

.title_quote { border-bottom: 0; font-weight: bold; }
.scriptcode { color: #004e8d; text-align: left; font-family: "Courier New"; }
.title_spoiler { font-weight: bold; }
.text_spoiler { border-top: 0; text-align: justify; }

.hide { background-color: #e8f3fa; padding: 5px; color: #3a78a5; margin: 0 0 1em; 0; }
.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px; }

/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-widget-overlay { background: #000; opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40); left: 0; position: absolute; top: 0; }
.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-header { color: #fff; background: #222a30 url("../images/darkbg.png"); font-weight: bold; }
.ui-widget-header a { color: #fff; }
.ui-widget-header .ui-icon { background-image: url("../images/ui-icons.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-color: #db143d; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-dialog { background: #fff; border: 1px solid #a6b5c0; overflow: hidden; padding: 3px; position: absolute; width: 400px;    height: 200px;
    -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 13px .3em 0; }
.ui-dialog .ui-dialog-titlebar-close {
  height: 18px;
  margin: -10px 0 0 0;
  padding: 1px;
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-content {
  background: none;
  border: 0;
  overflow: hidden;
  padding: 13px 13px 0 13px;
  position: relative;
  zoom: 1;
  margin-bottom: 13px;
}
.ui-dialog .ui-dialog-buttonpane {
  background: #f0f2f4;
  padding: 13px;
  text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
  cursor: pointer;
  float: right;
  line-height: 1.4em;
  margin: 0 1px;
  overflow: visible;
  padding: .2em .6em .3em .6em;
  width: auto;
}
.ui-button { border: 0 none; background: none; cursor: pointer; }
.ui-button { text-shadow: 0 1px 0 #fff; margin-bottom: 2px; border: 1px solid #bcc5c9; width: 106px; height: 31px; color: #d51e44; padding: 2px 0 5px 0; background: #fff url("../images/fbutton.png") repeat-x 0 100%; font-weight: bold; }
  .ui-button:hover { background-position: 0 10px;
    -moz-box-shadow: 0 1px 5px -2px black;
    -webkit-box-shadow: 0 1px 5px -2px black;
    box-shadow: 0 1px 5px -2px black;
  }
button.ui-button span { cursor: pointer; display: block; }

.ui-widget input, .ui-widget textarea {
  background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2;
}

.ui-state-error {
  background: #fef1ec 50% 50% repeat-x !important;
  border: 1px solid #cd0a0a;
  color: #cd0a0a;
}
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*---прогресс бар заполненности персональных сообщений---*/
.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;
}


      .new-premiera-image{
    position: relative;
    width: 170px;
    height: 170px;
    border: 1px solid #8b8b8b;
    background-color: white;
    overflow: hidden;
    }

      .new-premiera-image img {
    position: absolute;
      top: 0px;
      left: 0px;
     width: 170px;
      min-height: 170px;

    }
                        .new-premiera-title{

			background: url(../images/new-album-title.png) 0 0 repeat;
			padding: 2px;
			width: 165px;
			position: absolute;
			left: 2px;
			bottom: 2px;
			font: bold 12px Arial;
			color: #fff;
			line-height: 15px;

			}
			
			
			
			
			
			
/*--- HIGHSLIDE GALLERY ---*/
.highslide-container {z-index: 1099 !important;}
.highslide-wrapper, .highslide-outline {background: #fff; color: #000;}
.highslide-image { border: 2px solid #fff }
.highslide-active-anchor { visibility: hidden } 
.highslide-active-anchor img { visibility: hidden }
.highslide-dimming { background-color: black }
.highslide-html { background-color: white }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
a.highslide-full-expand { background: url("../dleimages/fullexpand.gif") no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
.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") no-repeat 0 -90px; 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") no-repeat 100% -90px }
.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 { display: none }
.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 }


/*--- TAGS CLOUD ---*/
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {display:inline-block; 
border-radius:6px; margin:0 3px 6px 0;}
.clouds_xsmall { font-size: 1em }
.clouds_small { font-size: 1.1em; font-weight: bold }
.clouds_medium { font-size: 1.2em; font-weight: bold }
.clouds_large { font-size: 1.3em }
.clouds_xlarge { font-size: 1.4em }
.cloud-tags span a {display:block; padding:5px 7px; border:1px solid #e3e3e3;}
.cloud-tags span a:hover {background-color:#3c6695; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); color:#fff;}
.tags_more {margin-top:10px;}			
			
			
			
			
			
/* INFO MESSAGES, ERRORS */
.message-info {color: #5c5c5c; line-height: 1.5; margin-bottom: 20px; 
	background-color: #FFF3E0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
	border: 1px solid #FF9800; position: relative; padding: 15px 20px; border-left-width: 44px;}
.message-info__title {font-weight: 500;}
.message-info a {color: #000; text-decoration: underline;}
.message-info::before {content:"\f071"; font-family:'Font Awesome 5 Pro'; font-weight: 300; font-size: 22px;
	color: #fff; margin-top: -18px; position: absolute; left: -44px; top: 50%; width: 44px; text-align: center;}