/*! normalize.css 2012-03-06T10:21 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
	display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
	margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
	outline: 0;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
	outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1, h2, h3, h4, h5, h6 {
	font-size: 13px;
	line-height: 1.6em;
	font-weight: normal;
	margin: 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
	font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
	background: #ff0;
	color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
	margin: 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {

}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
	quotes: none;
}

/* 2 */

q:before,
q:after {
	content: '';
	content: none;
}

small {
	font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
	margin: 0 0;
}

dd {
	margin: 0 0 0 0;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
	padding: 0 0 0 0;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

ul,
ol {
	list-style: none;
	list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
	overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
	margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
	margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
	line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer; /* 1 */
	-webkit-appearance: button; /* 2 */
	*overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
	cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

iframe { border: none; }
/* -------------------------------------------------------------------
	ОСНОВНЫЕ СТИЛИ
------------------------------------------------------------------- */

/* Тёмной темы у сайта нет. Объявляем это на корне — скроллбары, поля ввода
   и фон холста берут схему только отсюда, с body это не работает. */
:root {
  color-scheme: light;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #454545;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 0.92em;
    min-height: 100%;
    line-height: 135%;
    width: 100%;
}

video {
 max-width: 100%;
  height: auto;
}

iframe,
embed,
object {
 max-width: 100% ;
}
/* Ссылки
---------------------------------------------------- */
a { 
    color: #777777;
    text-decoration: none; 
    transition: all 0.3s ease 0.01s; 
    -moz-transition: all 0.3s ease 0.01s;
    -webkit-transition: all 0.3s ease 0.01s;
    -o-transition: all 0.3s ease 0.01s; 
}

a:hover { 
color: #1BA1E2;
transition: all 0.3s ease 0.01s;
-moz-transition: all 0.3s ease 0.01s;
-webkit-transition: all 0.3s ease 0.01s;
-o-transition: all 0.3s ease 0.01s; 
}

.text a:visited, 
.item-list li a:visited { color: #4991BB; }

a.link-dashed { 
  border-bottom: 1px dashed #777; 
}

a.link-dashed:hover { 
  border-color: #1BA1E2; 
}

a.link-dotted { 
  text-decoration: none; 
  border-bottom: 1px dotted #777; 
}

a.link-dotted:hover {
  border-color: #1BA1E2; 
}



/* Заголовки
---------------------------------------------------- */
h2.page-header { 
  color: #000; 
  font-size: 26px; 
  line-height: 1em; 
  font-weight: 200; 
  margin-bottom: 20px; 
}
h2.page-header span { 
  color: #aaa; 
  }

h2.header-table { 
    border-bottom: 1px solid #eee; 
    color: #333;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0;
    padding-bottom: 5px;
 }

/*=========== Cтраница ошибки ============= */

.msg-error-title {
    font-size: 3em;
    font-weight: 100;
    line-height: 60px;
    text-align: center;
}
.msg-error-cod {
    font-size: 14em;
    font-weight: 100;
    line-height: 180px;
    text-align: center;
}

.msg-error-description{
	font-size: 16px;
    font-weight: 200;
    text-align: center;
    line-height: 80px;
}
.msg-error-button{
	text-align: center;
}

#header .site-name a {
 height: 79px;
 width: 230px;
 
}

#header .site-name { 
 height: 79px;
 width: 230px;
 margin-top: 20px;
 background: url(https://neteye.ru/templates/skin/mirage/images/logo.png) no-repeat;
 background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/logo.svg);
 display: block; 
}

#header .site-info-search{     
    display: block;
    float: right;
    margin-top: -62px;    
    position: relative;
    width: 375px; 
}
#header .site-info-search .input-text-search{
	background: #F0F0F0;
	padding: 15px 0 15px 20px;
	border: medium none;
	position: relative;
	width: 309px;
	font-weight: 200;
}

#header .site-info-search .input-text-search:focus { 
    background: #F0F0F0;
	border: medium none;
 
}

#header .site-info-search .input-submit-search{
	background: url(https://neteye.ru/templates/skin/mirage/images/searchico.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/searchico.svg);
    border: medium none;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    z-index: 4;
}
#clear{
	clear: both;
	height: 0;
	line-height: 0;
}
/* Футер
---------------------------------------------------- */
.footer { 
    background: none repeat scroll 0 0 #373737;
    border-bottom: 8px solid #DC5A54;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 30px 20px;
 }
 
.footer .footer_column {
  float: left;
  padding: 20px 15px;
  border-top: 7px solid #00C1D9; 
  width: 19.8%; 
  margin-right: 4%;
}

.footer .footer_column ul li {
    background: url(https://neteye.ru/templates/skin/mirage/images/foter-li.png) no-repeat scroll 0 10px;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/foter-li.svg);
    background-size: 10px 10px;
    color: #FFFFFF;
    padding: 5px 0 5px 20px;
}

.footer .footer_column li a{
  color: #FFFFFF;
}
.footer .footer_column li a:hover{
  color: #777;
}

.footer .copiricht {
  margin-right: 0;
  float: right;
}


/* Userfeed
---------------------------------------------------- */
.userfeed-get-more {display:block; width:90%; margin:0px auto; text-align:center; height:2.5em; padding-top:1em;}
.userfeed-get-more:hover { background: #f0f7fd;}
.userfeed_loading {background: #F7F7F7 url(https://neteye.ru/templates/skin/mirage/images/loader.gif) no-repeat center;}


.stream-get-more { 
  display: block; 
  text-align: center;  
  text-decoration: none; 
}

.stream-get-more-a {  
    padding: 12px 15px;
    text-decoration: none;
    background: #DC5A54;
    color: #fff; 
}

.stream-get-more-a:hover { 
   background: #5CBFD7;
   color: #fff; 
}

.stream_loading { 
   background: #fff url(https://neteye.ru/templates/skin/mirage/images/loader.gif) no-repeat center; 
}

.stream-comment-preview { 
    color: #434343;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
    padding: 5px 10px; 
 }

.stream-list { margin: 0 0 20px; }

.stream-list li.stream-item { 
  margin-bottom: 5px; 
  min-height: 48px; 
  _height: 48px; 
  padding: 10px 15px 10px 70px; 
  position: relative; 
}

.stream-list li.stream-item .avatar { 
position: absolute; 
top: 10px; 
left: 10px; 
}

.stream-list li.stream-item .date { 
    color: #777777;
    display: block;
    font-size: 13px;
    font-weight: 400; 
}

.stream-list li.stream-item a { 
text-decoration: underline; 
}

.stream-list li.stream-item a:hover { 
text-decoration: underline; 
}

.stream-list li.stream-header-date { 
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-size: 16px;
    font-weight: 200;
    margin-top: 30px;
    padding-bottom: 5px; 
}



/* Userfields
---------------------------------------------------- */
.userfield-list { width: 450px; }
.userfield-list li { background: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
.userfield-list li .userfield-actions { float: right; }
.userfield-list li .userfield_admin_name { font-weight: bold; color: #333; }

.userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; }
.userfield-add:hover { color: #333; border-color: #333; }



/* Misc
---------------------------------------------------- */
.avatar-edit { margin-bottom: 15px; }
.avatar-edit img { vertical-align: bottom; }
.avatar-edit label { margin-top: 10px; }

.drafts { float: right; margin-top: 10px; }

.poll-create 					{ padding: 15px 20px; margin-bottom: 20px; background: #f7f7f7; }

.question-list 					{ margin-bottom: 15px; }
.question-list li 				{ margin-bottom: 5px; }
.question-list li .input-text	{ margin-right: 10px; }


.help { 
	display: none;
	position: relative; 
	padding: 10px 7px 13px;
	background: #fafafa; 
	color: #363636; 
	margin-top: 13px; 
	font-size: 11px; 
	line-height: 16px;
	border-radius: 3px; 
	-webkit-box-shadow: 0 0 5px #eaeaea inset; box-shadow: 0 0 5px #eaeaea inset; 
}
.help:before 	{ display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #eee transparent; border-style: solid; }
.help h3 { font-size: 15px; font-weight: bold; margin-bottom: 10px; }
.help .help-col { float: left; width: 250px; padding: 0 10px; }
.help .help-col.help-wide { float: none; width: 96%; }
.help .help-item { margin-bottom: 20px; }
.help .help-item:last-child { margin-bottom: 0; }
.help .help-item h4 { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-weight: bold; margin-bottom: 3px; }
.help .help-item h4 a { color: #5055B2; border-bottom: 1px dotted #727a90; }

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http: //markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp a: link,
.markItUp a: visited { color: #000; text-decoration: none; }
.markItUp  { margin-bottom: 5px; }
.markItUpContainer { font: 11px Verdana, Arial, Helvetica, sans-serif; }
.markItUpEditor {
	font: 12px "Courier New", Courier, monospace;
	padding: 5px;
	height: 400px;
	line-height: 18px;
	overflow: auto;
	width: 100%;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border: 1px solid #dfe3e8;
}
.markItUpPreviewFrame	{
	overflow: auto;
	background-color: #FFF;
	border: 1px solid #eee;
	padding: 10px;
	height: 300px;
	margin: 5px 0;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.markItUpFooter { width: 100%; }
.markItUpResizeHandle {
	overflow: hidden;
	height: 8px;
	background: url(https://neteye.ru/engine/lib/external/jquery/markitup/skins/synio/images/handle.png) 50% 3px no-repeat;
	cursor: n-resize;
}


/***************************************************************************************/
/* first row of buttons */
.markItUpHeader { 
	background: #fbfcfc;
	background: -moz-linear-gradient(top,  #fbfcfc 0%, #f0f2f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#f0f2f5));
	background: -webkit-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: -o-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: -ms-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	
	border-radius: 3px 3px 0 0;
	padding: 7px 10px 5px; 
	border-top: 1px solid #dfe3e8; 
	border-left: 1px solid #dfe3e8; 
	border-right: 1px solid #dfe3e8; 
}
.markItUpHeader ul	{
	overflow: visible;
	zoom: 1;
	display: inline-block;
	*display: inline; /* ie <= 7 */
}
.markItUpHeader ul li	{ list-style: none; float: left; position: relative; margin-right: 10px; }
.markItUpHeader ul li: hover > ul{ display: block; }
.markItUpHeader ul .markItUpDropMenu {
	background: transparent url(https://neteye.ru/engine/lib/external/jquery/markitup/skins/synio/images/menu.png) no-repeat 115% 50%;
	margin-right: 5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right: 0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display: none;
	position: absolute;
	top: 16px; left: 0px;	
	background: #eee;
	border: 1px solid #000;
}
.markItUpHeader ul ul li {
	float: none;
	border-bottom: 1px solid #000;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background: #eee url(https://neteye.ru/engine/lib/external/jquery/markitup/skins/synio/images/submenu.png) no-repeat 100% 50%;
}
.markItUpHeader ul .markItUpSeparator {
	margin: 0 10px 0 0;
	width: 0;
	height: 16px;
	overflow: hidden;
	border-left: 1px solid #dfe3e8;
	border-right: 1px solid #fff;
}
.markItUpHeader ul ul .markItUpSeparator {
	width: auto; height: 1px;
	margin: 0px;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position: absolute;
	top: -1px; left: 150px; 
}
.markItUpHeader ul ul ul li {
	float: none;
}
.markItUpHeader ul a {
	display: block;
	width: 16px; height: 16px;
	text-indent: -10000px;
	background-repeat: no-repeat;
	margin: 0px;
}
.markItUpHeader ul ul a {
	display: block;
	padding-left: 0px;
	text-indent: 0;
	width: 120px; 
	padding: 5px 5px 5px 25px;
	background-position: 2px 50%;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.markItUpHeader ul ul a:hover  {
	background-color: #fff;
}





.markItUpPreviewFrame { }
.markItUpPreviewFrame p { margin-bottom: 18px; }
.markItUpPreviewFrame blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; }
.markItUpPreviewFrame pre { background: #fafafa; border: 1px solid #dce6f0; margin-bottom: 10px; overflow: auto; padding: 5px 10px; }
.markItUpPreviewFrame ul { list-style-type: disc; margin-left: 17px; }
.markItUpPreviewFrame ol { list-style-type: decimal; margin-left: 22px; }
.markItUpPreviewFrame img[align="right"] { margin: 4px 0 5px 15px; }
.markItUpPreviewFrame img[align="left"] { margin: 4px 15px 10px 0; }
/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp a { background: url(https://neteye.ru/engine/lib/external/jquery/markitup/sets/synio/images/icons.png) no-repeat; }
.markItUp .editor-h4 a 			{ background-position: -11px -9px; }
.markItUp .editor-h5 a 			{ background-position: -39px -9px; }
.markItUp .editor-h6 a 			{ background-position: -65px -9px; }
.markItUp .editor-bold a 		{ background-position: -107px -9px; }
.markItUp .editor-italic a 		{ background-position: -134px -9px; }
.markItUp .editor-stroke a 		{ background-position: -188px -9px; }
.markItUp .editor-underline a 	{ background-position: -161px -9px; }
.markItUp .editor-quote a 		{ background-position: -326px -9px; }
.markItUp .editor-code a 		{ background-position: -353px -9px; }
.markItUp .editor-ul a 			{ background-position: -257px -9px; }
.markItUp .editor-ol a 			{ background-position: -230px -9px; }
.markItUp .editor-li a 			{ background-position: -550px -9px; }

.markItUp .editor-picture a 	{ background-position: -423px -9px; }
.markItUp .editor-image a 		{ background-position: -423px -9px; }
.markItUp .editor-link a 		{ background-position: -299px -9px; }

.markItUp .editor-clean a 		{ background-position: -519px -9px; }
.markItUp .editor-preview a 	{ background-position: -11px -9px; }
.markItUp .editor-cut a 		{ background-position: -491px -9px; }
.markItUp .editor-video a 		{ background-position: -450px -9px; }
.markItUp .editor-user a 		{ background-position: -380px -9px; }/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0px;
	position: absolute;
	background: white url(https://neteye.ru/engine/lib/external/jquery/jcrop/Jcrop.gif) top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px solid #888}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}/* --------------------------------------------
	СЕТКА
-------------------------------------------- */

#container {
    margin: 0 auto;
    min-height: 100%;
    /* Резиновый до 1200px содержимого, дальше упирается: на широком мониторе
       строка текста иначе становится нечитаемо длинной.
       box-sizing здесь content-box, поэтому 1200 — это именно содержимое. */
    width: auto;
    max-width: 1200px;
    padding-inline: 30px;
}

#header{ 
    height: 100px;
    position: relative; 
}

#nav { 
    margin-bottom: 15px; 
    overflow: hidden; 
    position: relative;
}


#wrapper {
    background: #FFFFFF;
    margin-top: 80px;
    overflow: hidden;
    padding: 30px 0;
    display: grid;
    grid-template-columns: 66% 31%;
    column-gap: 3%;
    /* колонки не тянутся друг под друга — как было при float */
    align-items: start;
}

/* Сайдбар слева (профиль, личные сообщения): ширину задаёт он сам,
   зазор — его же margin-right, контент забирает остаток.
   Порядок в DOM уже совпадает с визуальным, order не нужен. */
#wrapper:has(#sidebar.sidebar-left) {
    grid-template-columns: auto 1fr;
    column-gap: 0;
}

/* Без сайдбара (логин, регистрация, ошибки) его нет и в разметке. */
#wrapper:has(#content.content-full-width) {
    grid-template-columns: 100%;
}

#content {
    background: #FFFFFF;
    position: relative;
}

/* У grid-элементов min-width: auto, поэтому колонка не сжимается ниже
   min-content содержимого и распирает сетку (видно на профиле: таблица
   и длинные слова вылезали на 33px). Обнуляем — пусть переполняется
   внутреннее, а не ломается раскладка. */
#content, #sidebar {
    min-width: 0;
}

#sidebar.sidebar-left {
width: 250px;
padding-right: 30px;
border-right: 1px solid #eee;
margin-right: 30px;
}



/* Лесенка фиксированных ширин контейнера (1200/1100/1000/900/860) убрана —
   её заменяет max-width выше. */
.vote .vote-count { 
    color: #707070;
    display: inline-block;
    font-size: 14px;
    padding-left: 7px;
    padding-right: 7px;
}

.vote .vote-count a { 
text-decoration: none; 
color: #707070; 
outline: none; 
}

.vote.vote-count-positive .vote-count{ 
color: #390; 
}

.vote.vote-count-negative .vote-count { 
color: #f00; 
}

.vote .vote-up,
.vote .vote-down { 
  display: inline-block; 
  cursor: pointer; 
  vertical-align: middle; 
  width: 30px; 
  height: 30px;   
}


.vote .vote-up{ 
  background:url(https://neteye.ru/templates/skin/mirage/images/plus.png) no-repeat center center #5CBFD7;
  background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/plus.svg);
}

.vote .vote-down { 
  background:url(https://neteye.ru/templates/skin/mirage/images/minus.png)no-repeat center center #DC5A54;
  background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/minus.svg);
}


.vote .vote-up:hover 						{ opacity: .8; filter: alpha(opacity=80); }
.vote .vote-down:hover 						{ opacity: .8; filter: alpha(opacity=80); }

.vote.voted.voted-up 	.vote-up 			{ opacity: 1; filter: alpha(opacity=100); }
.vote.voted.voted-down 	.vote-down 			{ opacity: 1; filter: alpha(opacity=100); }
.vote.voted.voted-up 	.vote-down:hover 	{ opacity: .3; filter: alpha(opacity=30); }
.vote.voted.voted-down 	.vote-up:hover 		{ opacity: .3; filter: alpha(opacity=30); }


.favourite 			{ display: inline-block; width: 14px; height: 14px; vertical-align: text-top; background: url(https://neteye.ru/templates/skin/mirage/images/icons.png) -96px 0 no-repeat; opacity: .3; filter: alpha(opacity=30); cursor: pointer; }
.favourite.active 	{ opacity: 1; filter: alpha(opacity=100); }
.favourite:hover 	{ opacity: .8; filter: alpha(opacity=80); }
.favourite-count    { margin-left: 0; font-weight: bold; }

.pagination ul { 
 overflow: hidden; 
 zoom: 1;  
}

.pagination ul li { 
 float: left; 
 margin-right: 5px; 
}

.pagination ul li span,
.pagination ul li a { 
    background: none repeat scroll 0 0 #EBEBEB;
    color: #333333;
    padding: 8px 14px;
    float: left; 
}

.pagination ul li a:hover{ 
  background: none repeat scroll 0 0 #5CBFD7;
  color: #fff; 
}
.pagination ul li.active span { 
  color: #fff; 
  background: none repeat scroll 0 0 #5CBFD7;
}
.pagination ul li i { 
opacity: .5; 
filter: alpha(opacity=50); 
}


.actions 						{ overflow: hidden; zoom: 1; margin-bottom: 10px; }
.actions li 					{ float: left; margin-right: 10px; }
.actions li a 					{ color: #D23232; }
.actions li a:hover 			{ text-decoration: underline; }
.actions li a.link-dotted 		{ border-color: #f00; }
.actions li a.link-dotted:hover { border-color: #06e; color: #06e; text-decoration: none; }


.toolbar { 
  float: right; 
  position: fixed; 
  top: 291px; 
  right: 10px; 
  z-index: 100; 
}

.toolbar section { 
    background: none repeat scroll 0 0 #5CBFD7;
    line-height: 14px;
    margin-bottom: 10px;
}

.toolbar section a{ 
  display: block; 
  padding: 11px; 
}

.toolbar section a:hover{ 
  background: #DC5A54; 
}

.toolbar section i			{ display: block; }

.toolbar .toolbar-admin a { display: block; }


.toolbar .toolbar-update {  }
.toolbar .toolbar-update .update-comments{ 

}

.toolbar .toolbar-update .update-comments i { 
display: block; 
width: 24px; 
height: 24px; 
background: url(https://neteye.ru/templates/skin/mirage/images/update-24.png) no-repeat; 
}

.toolbar .toolbar-update .update-comments.active i { 
background: url(https://neteye.ru/templates/skin/mirage/images/update-24.gif) no-repeat; 
}

.toolbar .toolbar-update .new-comments{  
padding: 10px 0; 
color: #fff; 
text-align: center; 
font-size: 14px; 
}

.toolbar .toolbar-topic a.toolbar-topic-prev { border-bottom: 1px solid #eee; }

.toolbar .toolbar-scrollup { display: none; }


.user-list-avatar 			{ overflow: hidden; zoom: 1; }
.user-list-avatar li 		{ width: 64px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 15px; text-align: center; font-size: 11px; }
.user-list-avatar li img	{ margin-bottom: 2px; display: block; }


.search 						{ width: 200px; margin-bottom: 20px; position: relative; }
.search .input-text 			{ width: 200px; padding-right: 25px; }
.search .input-submit 			{ border: none; width: 16px; height: 16px; position: absolute; top: 6px; right: 5px; opacity: .7; filter: alpha(opacity=70); }
.search .input-submit:hover 	{ opacity: 1; filter: alpha(opacity=100); }

.search.search-item 			{ margin-bottom: 15px; width: 100%; }
.search.search-item .input-text { width: 100%; padding-right: 5px; }

.search-abc { 
overflow: hidden; 
zoom: 1; 
padding: 10px 0;  
margin-bottom: 15px; 
}

.search-abc li { 
 float: left; 
 margin-right: 5px; 
}

.search-abc li .search-abc-default:hover { 
    background: #5CBFD7;
    border: medium none;
    color: #FFFFFF;
    font-size: 18px;
}

.search-abc li .search-abc-default{
	background: #EBEBEB;
    border: medium none;
    color: #333;
    font-size: 18px;
    padding: 6px 12px; 
    font-weight: 200;
}
.search-abc li.active a { 
    background: #5CBFD7;
    border: medium none;
    color: #FFFFFF;
    font-size: 18px;
    padding: 6px 12px; 
    font-weight: 200;
}

.search-tags { 
margin-bottom: 15px; 
}

.tag-cloud { 
 width: 100%; 
}

.tag-cloud li { 
  display: inline;
  margin-right: 5px; 
  line-height: 22px; 
}

.tag-cloud li a { 
text-decoration: none; 
}

.tag-cloud li .tag-size-1 { 
font-size: 12px;
color: #999; 
}
.tag-cloud li .tag-size-2 { 
font-size: 12px; 
}

.tag-cloud li .tag-size-3 	{ font-size: 14px; }
.tag-cloud li .tag-size-4 	{ font-size: 14px; }

.tag-cloud li .tag-size-5 { 
 font-size: 18px;
 color: #DC5A54; 
}
.tag-cloud li .tag-size-6 	{ font-size: 18px; } 

.tag-cloud li .tag-size-7 { 
 font-size: 20px; 
 color: #777777;
}

.tag-cloud li .tag-size-8 	{ font-size: 20px; }

.tag-cloud li .tag-size-9{ 
  font-size: 22px;
  color: #000000; 
}

.tag-cloud li .tag-size-10 	{ font-size: 22px; }

.item-list { 
   
}
.item-list li { 
  min-height: 51px; 
  padding: 8px 0 10px 58px; 
  position: relative; 
  zoom: 1; 
}
.item-list li p { 
    color: #777777;
    font-size: 12px;
    padding-top: 2px; 
}

.item-list li a { 
    font-weight: 200;
    text-decoration: none; 
}
.item-list li .avatar { 
  position: absolute; 
  top: 13px; 
  left: 0; 
  margin-right: 10px; 
}

.item-list li .author{ 
font-weight: 400; 
color: #333; 
}

.item-list li .blog-name { 
font-weight: 400; 
}

/* Списки в блоках сайдбара — общая раскладка.

   Превью и текст лежат в двух колонках сетки: minmax(0, 100px) означает
   «не шире 100px, но ужмись, если колонке тесно». Раньше место под превью
   освобождалось через padding-left, а само превью позиционировалось
   абсолютно, и оба числа приходилось подкручивать на каждом брейкпоинте.

   container-type включает единицы cqi — 1% ширины самого списка. Благодаря
   этому размеры считаются от того места, которое реально есть у блока,
   а не от ширины окна, и медиазапросы больше не нужны. */
.comment-item-list,
.topic-item-list,
.blog-item-list {
    container-type: inline-size;
}

.comment-item-list li,
.topic-item-list li,
.blog-item-list li {
    display: grid;
    /* Нижняя граница обязательна: с minmax(0, …) колонка схлопывается в ноль,
       когда тексту не хватает места, и превью исчезают совсем. */
    grid-template-columns: minmax(3rem, 100px) 1fr;
    column-gap: 10px;
    align-items: start;
}

.comment-item-list li .preview,
.topic-item-list li .preview,
.blog-item-list li .preview {
    position: static;
    width: 100%;
    height: auto;
    margin: 0;
}

.comment-item-list li .preview img,
.topic-item-list li .preview img,
.blog-item-list li .preview img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    /* Превью бывают неквадратные (встречались 449x500 и 300x500), а рамка
       под них квадратная. Без object-fit картинка плющится — так было и в
       старом коде с жёсткими height/width по 100px. Обрезаем по центру. */
    object-fit: cover;
}

/* =================  comment-item-list  =================== */

.comment-item-list li {
    min-height: 100px;
    padding: 9px 0 0;
    position: relative;
}

.comment-item-list li .preview {
  background: #FFFFFF;
  transition: all 0.3s ease 0.01s;
   -moz-transition: all 0.3s ease 0.01s;
   -webkit-transition: all 0.3s ease 0.01s;
   -o-transition: all 0.3s ease 0.01s;
}

.comment-item-list .preview:hover { 
  opacity: 0.7; 
  transition: all 0.3s ease 0.01s;
  -moz-transition: all 0.3s ease 0.01s;
  -webkit-transition: all 0.3s ease 0.01s;
  -o-transition: all 0.3s ease 0.01s;
}
.comment-item-list li .blog_title {
    color: #000000;
    /* Плавная замена лесенки 18px → 1.2em → 1.05em → 1em.
       rem, а не px: уважает настройку размера шрифта в браузере.
       cqi считает от ширины списка. Отношение краёв 1.22 — в норматив 2.5x. */
    font-size: 1.05rem;
    font-size: clamp(0.92rem, 0.4rem + 3.5cqi, 1.125rem);
    font-weight: 200;
    text-decoration: none;
}

.comment-item-list li .blog_title:hover { 
    color: #1BA1E2;
    text-decoration: none; 
}

.comment-item-list li .blog_deskription { 
    color: #434343;
    font-style: italic;
    font-size: 14px;
    margin-top: 5px;
}

.comment-item-list li .blog_deskription .author { 
    color: #1BA1E2;
    font-style: normal;
    font-size: 14px;
    margin-top: 5px;
}


.comment-item-list li .blog_rating { 
    color: #777777;
    font-size: 12px;
    font-weight: 400;
}


/* =================  topic-item-list  =================== */


.topic-item-list li {
    min-height: 100px;
    padding: 9px 0 0;
    position: relative;
}

.topic-item-list li .preview {
  background: #FFFFFF;
  transition: all 0.3s ease 0.01s;
   -moz-transition: all 0.3s ease 0.01s;
   -webkit-transition: all 0.3s ease 0.01s;
   -o-transition: all 0.3s ease 0.01s;
}

.topic-item-list .preview:hover { 
  opacity: 0.7; 
  transition: all 0.3s ease 0.01s;
  -moz-transition: all 0.3s ease 0.01s;
  -webkit-transition: all 0.3s ease 0.01s;
  -o-transition: all 0.3s ease 0.01s;
}
.topic-item-list li .blog_title {
    color: #000000;
    font-size: 1.05rem;
    font-size: clamp(0.92rem, 0.4rem + 3.5cqi, 1.125rem);
    font-weight: 200;
    text-decoration: none; 
}

.topic-item-list li .blog_title:hover { 
    color: #1BA1E2;
    text-decoration: none; 
}

.topic-item-list li .blog_deskription { 
    color: #434343;
    font-size: 14px;
    margin-top: 5px;
}


.topic-item-list li .blog_rating { 
    color: #777777;
    font-size: 12px;
    font-weight: 400;
}

/* =================  blog-item-list  =================== */


.blog-item-list li {
    min-height: 100px;
    padding: 10px 0;
    position: relative;
}

.blog-item-list li .icon { 
    left: 0;
    position: absolute;
    top: 17px;
    z-index: 100;
}

.blog-item-list li .preview {
  background: #FFFFFF;
  aspect-ratio: 1;
  transition: all 0.3s ease 0.01s;
   -moz-transition: all 0.3s ease 0.01s;
   -webkit-transition: all 0.3s ease 0.01s;
   -o-transition: all 0.3s ease 0.01s;
}

.blog-item-list li .preview:hover { 
  opacity: 0.7; 
  transition: all 0.3s ease 0.01s;
  -moz-transition: all 0.3s ease 0.01s;
  -webkit-transition: all 0.3s ease 0.01s;
  -o-transition: all 0.3s ease 0.01s;
}

.blog-item-list li .blog_title {
    color: #000000;
    font-size: 1.15rem;
    font-size: clamp(0.92rem, 0.4rem + 4cqi, 1.25rem);
    font-weight: 200;
    text-decoration: none;
}

.blog-item-list li .blog_title:hover { 
    color: #1BA1E2;
    text-decoration: none; 
}

.blog-item-list li .blog_deskription { 
    color: #434343;
    font-size: 14px;
    margin-top: 5px;
}

.blog-item-list li .blog_rating { 
    color: #777777;
    font-size: 12px;
    font-weight: 400;
}

.mt-10 { margin-bottom: 10px !important; }
.mt-20 { margin-bottom: 20px !important; }

.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }

.ta-c { text-align: center !important; }
.ta-r { text-align: right !important; }
.va-m { vertical-align: middle; }
.fl-r { float: right !important; }
.fl-l { float: left !important; }

.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix 		{ zoom: 1; }

.word-wrap {
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap; 
	white-space: pre-wrap;
	word-wrap: break-word; 
	white-space: normal;
}

.system-message-error 	{ background: #f0c8c8; color: #b22626; padding: 10px 15px; margin-bottom: 15px; }
.system-message-notice 	{ background: #dafad8; color: #4bb23b; padding: 10px 15px; margin-bottom: 15px; }

.notice-empty 			{ color: #aaa; }

.loader { background: #fafafa url(https://neteye.ru/templates/skin/mirage/images/loader.gif) 50% 50% no-repeat; }

.user, .ls-user 	{ font-weight: bold; color: #333; }
.ls-user:before 	{ content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url(https://neteye.ru/templates/skin/mirage/images/icons.png) -168px 0 no-repeat; vertical-align: middle; }
.user.inactive 		{ color: #aaa; }



/* Четыре медиазапроса (1350/1330/1230/1130) удалены: они подкручивали
   padding под превью, размеры превью и кегль заголовков. Всё это теперь
   считается от ширины самого блока через grid + cqi, см. начало секции. */

/* Автор в описании прятался на узких экранах. Намерение сохранено, но
   условие теперь по ширине блока, а не окна — блок может быть узким и
   на широком мониторе. */
@container (max-width: 220px) {
  .comment-item-list li .blog_deskription .author { display: none; }
}
/* -------------------------------------------------------------------
	ФОРМАТИРОВАННЫЙ ТЕКСТ
------------------------------------------------------------------- */

.text {
    font-size: 1.1em;
    line-height: 1.6;
    color: #454545;
    overflow: hidden; 
}

.text a	{ text-decoration: underline; }

.text h4 { font-size: 24px; margin-bottom: 7px; font-weight: bold; }
.text h5 { font-size: 20px; margin-bottom: 7px; font-weight: bold; }
.text h6 { font-size: 18px; margin-bottom: 7px; font-weight: bold; }

.text p { margin-bottom: 1em; }
.text abbr[title] { border-bottom: 1px dotted; }
.text b, .text strong { font-weight: bold; }
.text blockquote {  
    border-left: 5px solid #5CBFD7;
    clear: both;
    color: #000000;
    font-style: italic;
    margin: 0 0 0 20px;
    padding: 15px 20px;
}
.text dfn { font-style: italic; }
.text hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
.text ins { background: #ff9; color: #000; text-decoration: none; }
.text mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

.text pre { margin: 0; padding: 10px 15px; border: none; background: #fafafa; font-size: 12px; line-height: 18px; overflow: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; }
.text q { quotes: none; clear: both; }
.text q:before, q:after { content: ""; content: none; }
.text small { font-size: 85%; }

.text sub, .text sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.text sup { top: -0.5em; }
.text sub { bottom: -0.25em; }

.text ul, .text ol { margin: 0; padding: 0 0 0 40px; }
.text ul { list-style-type: disc; }
.text ol { list-style-type: decimal; }
.text dd { margin: 0 0 0 40px; }

.text img[align="right"] { margin: 4px 0 5px 15px; }
.text img[align="left"] { margin: 4px 15px 10px 0; }
.text img.image-center { display: block; margin: 0 auto; }

.text object,
.text img { max-width: 100%; }

.text .ls-user { color: #333; }
.text .ls-user:visited { color: #333; }
.text .ls-user:hover { color: #555; }
/* -------------------------------------------------------------------
	ФОРМЫ
------------------------------------------------------------------- */
.markItUpEditor {
    font: 14px/18px SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.input-text {
	border: 1px solid #DDDDDD;
    border-radius: 4px;
    padding: 8px;
    width: 150px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.input-text:focus 	{ border-color: #4D90FE; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.07) inset, 0 0 3px #4D90FE; box-shadow: 0 2px 4px rgba(0,0,0,.07) inset, 0 0 3px #4D90FE; }
.input-checkbox 	{ position: relative; top: 1px; margin: 0 2px 0 1px; }

.input-width-full 	{ width: 100%; }
.input-width-50 	{ width: 50px; }
.input-width-100 	{ width: 100px; }
.input-width-150 	{ width: 150px; }
.input-width-200 	{ width: 200px; }
.input-width-250 	{ width: 250px; }
.input-width-300 	{ width: 300px; }
.input-width-400 	{ width: 400px; }
.input-width-500 	{ width: 500px; }
.input-width-380    { width: 380px; }

textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

select 		{ padding: 4px; border: 1px solid #ddd; border-radius: 3px; }

fieldset { margin-bottom: 30px; padding-top: 20px; border-top: 1px solid #eaeaea; }
fieldset legend { color: #000; font-size: 18px; padding-right: 10px; }

form p { margin-bottom: 20px; }
form label { display: block; margin-bottom: 3px; }
form .icon-question-sign { cursor: help; }

.note { display: block; margin-top: 3px; font-size: 12px; color: #aaa; }
.note.note-header { margin-bottom: 20px; }

.captcha-image { vertical-align: top; }

dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; }
dl.form-item dt { float: left; width: 135px; padding-top: 4px; padding-right: 15px; overflow: hidden; }
dl.form-item dd { float: left; width: 300px; }

.form-profile { position: relative; }
.form-profile .avatar-change { position: absolute; top: 40px; right: 0; padding: 10px; background: #f7f7f7; font-size: 11px; }

/* Placeholder */
:-moz-placeholder { color: #aaa; }
.placeholder { color: #aaa; }

.mceEditor { display: block; margin-bottom: 20px; }


/* Валидатор 
---------------------------------------------------------------*/
.validate-error-hide { display: none; }
.validate-error-show { display: block; color: #f00; font-weight: bold; font-size: 12px; }

.button {
	background: none repeat scroll 0 0 #5CBFD7;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: 100;
    line-height: 16px;
    padding: 14px 15px 12px;
    text-align: center;	
	*margin-right: 5px;
	transition: all 0.3s ease 0.01s; 
    -moz-transition: all 0.3s ease 0.01s;
    -webkit-transition: all 0.3s ease 0.01s;
    -o-transition: all 0.3s ease 0.01s;
}


.button:hover { 
  text-decoration: none; 
  background: none repeat scroll 0 0 #DC5A54;
  color: #FFFFFF; 
  transition: all 0.3s ease 0.01s; 
    -moz-transition: all 0.3s ease 0.01s;
    -webkit-transition: all 0.3s ease 0.01s;
    -o-transition: all 0.3s ease 0.01s;
}
  
  
.button:active { 
	background: none repeat scroll 0 0 #DC5A54;
    color: #FFFFFF; 
}

.button.fl-r { 
*margin-right: 0; 
}



.button.button-primary { 
  background: none repeat scroll 0 0 #DC5A54;
  transition: all 0.3s ease 0.01s; 
    -moz-transition: all 0.3s ease 0.01s;
    -webkit-transition: all 0.3s ease 0.01s;
    -o-transition: all 0.3s ease 0.01s;
}

.button.button-primary:hover { 
 background: none repeat scroll 0 0 #5CBFD7;
 transition: all 0.3s ease 0.01s; 
    -moz-transition: all 0.3s ease 0.01s;
    -webkit-transition: all 0.3s ease 0.01s;
    -o-transition: all 0.3s ease 0.01s; 
}

.button.button-primary.active { 
background: none repeat scroll 0 0 #5CBFD7; 
}


.button.button-icon 			{ padding: 7px 10px; }/* --------------------------------------------
	НАВИГАЦИЯ
-------------------------------------------- */

.nav{ 
  overflow: hidden;
  zoom: 1; 
}

.nav li { 
  float: left; 
}

.nav li:last-child { 
  border-right: none; 
}

.nav li a { 
  display: inline-block; 
  padding: 10px 15px;
  font-weight: 400; 
}


.nav.nav-pills { 
   margin-bottom: 15px; 
}

.nav.nav-pills li { 
   margin-right: 20px; 
}

.nav.nav-pills li a { 
    border-bottom: 4px solid #FFFFFF;
    color: #333333;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 1px; 
}


.nav.nav-pills li a:hover 	{ 
   border-bottom:4px solid #DC5A54;
   color: #777;
}
.nav.nav-pills li.active a 	{
	border-bottom:4px solid #DC5A54;
}


.nav.nav-pills.nav-pills-profile{ 
margin-bottom: 10px; 
}

.nav-sl{ 
  overflow: hidden;
  zoom: 1; 
}

.nav-sl li { 
  float: left; 
}

.nav-sl li:last-child { 
  border-right: none; 
}

.nav-sl li a { 
  display: inline-block; 
  padding-right: 20px;
}

.nav-sl.nav-slider { 
   margin-bottom: 10px; 
}

.nav-sl.nav-slider li a {
    color: #5CBFD7;
    font-weight: 400;
    font-size: 16px;
}
.nav-sl.nav-slider li a:hover {
    color: #5CBFD7;
    background: #fff;
}
.nav-sl.nav-slider li.active a {
    background: #fff;
    color: #DC5A54;
}

.nav.nav-filter { 
   margin-bottom: 15px; 
}

.nav.nav-filter li { 
   margin-right: 20px; 
}

.nav.nav-filter li a { 
    border-bottom: 4px solid #FFFFFF;
    color: #333333;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 1px; 
}

.nav.nav-filter li a:hover 	{ 
   border-bottom:4px solid #DC5A54;
   color: #777;
}
.nav.nav-filter li.active a 	{
	border-bottom:4px solid #DC5A54;
}

.nav.nav-seepage { 
    background: #F0F0F0;
    border-right: 8px solid #5CBFD7;
    height: 46px; 
}

.nav.nav-seepage li{ 
  margin-right: 1px; 
  position: relative; 
}

.nav.nav-seepage li a { 
  background: #eee; 
  color: #333; 
  padding: 13px;
  font-size: 16px; 
  float: left; 
}

.nav.nav-seepage li a:hover { 
   background: #5CBFD7;
   color: #fff;
}

.nav.nav-seepage li.active a { 
    background: #5CBFD7;
    color: #FFFFFF; 
    transition: all 0.3s ease 0.01s;
    -moz-transition: all 0.3s ease 0.01s;
    -webkit-transition: all 0.3s ease 0.01s;
    -o-transition: all 0.3s ease 0.01s;
}

.nav.nav-seepage li a.new { 
background: #DC5A54; 
color: #FFFFFF; 
}

.nav.nav-seepage li a.new:hover { 
background: #5CBFD7; 
transition: all 0.3s ease 0.01s;
-moz-transition: all 0.3s ease 0.01s;
-webkit-transition: all 0.3s ease 0.01s;
-o-transition: all 0.3s ease 0.01s;
}

.nav.nav-seepage li.active a.new { 
  background: #DC5A54;
}

.nav.nav-seepage li.active a.new:hover { 
background: #5CBFD7; 
transition: all 0.3s ease 0.01s;
-moz-transition: all 0.3s ease 0.01s;
-webkit-transition: all 0.3s ease 0.01s;
-o-transition: all 0.3s ease 0.01s;
}

.nav.nav-seepage.nav-seepage-sub li a{ 
padding: 5px 10px; 
font-size: 11px; 
color: #777; 
}

.nav.nav-seepage.nav-seepage-sub li.active a { 
color: #fff; 
}

.nav-seepage-wrapper { 
margin-bottom: 40px; 
}


/* Userbar */
#userbar {
	border-bottom: 1px solid #CCCCCC;
    height: 60px;
    line-height: 40px;
}

#userbar .share { 
float: left; 
margin: 16px 0 0 6px; 
*margin: 4px 0 0 4px; 
}

.nav.nav-userbar { 
   float: right; 
}

.nav.nav-userbar li{ 

}

.nav.nav-userbar li a { 
    color: #444444;
    font-size: 14px;
    font-weight: 200;
    border-bottom: 4px solid transparent;
    padding: 10px 12px 7px; 
}

.nav.nav-userbar li a:hover {
    border-bottom: 4px solid #D8514A;
    color: #999999;
    background: #fff;
}

.nav.nav-userbar li.nav-userbar-username a { 
position: relative; 
padding-left: 47px; 
font-weight: bold; 
color: #333; 
}

.nav.nav-userbar li.nav-userbar-username .avatar { 
    left: 10px;
    position: absolute;
    top: 18px; 
}

.nav.nav-userbar li .new-messages { 
  color: #DC5A54;  
}


.nav-menu-main{
	background: none repeat scroll 0 0 #373737;
    height: 60px;
    left: 0;
    line-height: 40px;
    position: absolute;
    right: 0; 
}

.nav.nav-main {
    margin: 0 auto;
    /* flex вместо float у .nav li — на узком экране пункты переносятся,
       а не уезжают за край. float у flex-элементов игнорируется. */
    display: flex;
    flex-wrap: wrap;
    /* Те же размеры, что у #container, чтобы меню совпадало с контентом. */
    width: auto;
    max-width: 1200px;
    padding-inline: 30px;
}

.nav.nav-main li a{ 
   color: #fff;
   font-size: 18px;
   font-weight: 100;
   transition: all 0.1s ease 0.01s;
}

.nav.nav-main li a:hover{ 
    background: none repeat scroll 0 0 #DC5A54;
    color: #fff;
    text-decoration: none; 
}
.nav.nav-main li:first-child a { 
   border-radius:0; 
}

.nav.nav-main li:last-child  a { 
   border-radius: 0; 
}

.nav.nav-main li.active a { 
   background: none repeat scroll 0 0 #5CBFD7;
   color: #FFFFFF; 
}


.showMenuUser{
    display: none;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 1000;
    
 }
 
.showMenuUser .dropdown-menu-username{
	color: #333333;
    font-size: 18px;
    font-weight: 200; 
}

.user-dropdown-menu-two{
    position: relative; 
    width: 180px;
    margin: 0 auto;
    padding: 10px 15px;
    background: #fff;
    border-left: 8px solid #5CBFD7;
    cursor: pointer;
    outline: none;
}

.user-dropdown-menu-two img{
    height: 24px;
    width: 24px;
    position: relative;
    margin-bottom: -5px;
    margin-left: -5px;
    margin-right: 10px;
}

.user-dropdown-menu-two:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #373737 transparent;
}

.user-dropdown-menu-two .dropdown {
    position: absolute;
    top: 100%;
    left: -8px;
    right: 0px;
    background: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    opacity: 0;
    pointer-events: none;
}

.user-dropdown-menu-two .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    border-left: 8px solid;
    padding: 10px;
    font-size: 18px;
    font-weight: 200;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.user-dropdown-menu-two .dropdown li .new-dropdown-messages{
  color: #DC5A54; 
}

.user-dropdown-menu-two .dropdown li:nth-child(1) a { 
    border-left-color: #00ACED;
}

.user-dropdown-menu-two .dropdown li:nth-child(2) a {
    border-left-color: #4183C4;
}

.user-dropdown-menu-two .dropdown li:nth-child(3) a {
    border-left-color: #3B5998;
}

.user-dropdown-menu-two .dropdown li:nth-child(4) a {
    border-left-color: #324b81;
}
.user-dropdown-menu-two .dropdown li:nth-child(5) a {
    border-left-color: #2a406e;
}

.user-dropdown-menu-two .dropdown li i {
    margin-right: 15px;
    color: inherit;
    vertical-align: middle;
}

.user-dropdown-menu-two .dropdown li:hover a {
    border-left: 8px solid #DC5A54;
}

.user-dropdown-menu-two.active:after {
    border-width: 0 6px 6px 6px;
}

.user-dropdown-menu-two.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.no-opacity       .user-dropdown-menu-two .dropdown,
.no-pointerevents .user-dropdown-menu-two .dropdown {
    display: none;
    opacity: 1; 
    pointer-events: auto;
}

.no-opacity       .user-dropdown-menu-two.active .dropdown,
.no-pointerevents .user-dropdown-menu-two.active .dropdown {
    display: block;
}

.nav.nav-profile { 
margin-bottom: 15px; 
}

.nav.nav-profile li { 
float: none; 
margin-bottom: 2px; 
}

.nav.nav-profile li a { 
padding: 7px 12px; 
color: #333; 
}


.nav.nav-pills li.dropdown 	{ 
position: relative; 
}

.nav.nav-pills li.dropdown a { 
padding-right: 25px; 
}

.nav.nav-pills li.dropdown i { 
  position: absolute; 
  top: 13px; 
  right: 9px;
  height: 0;
  width: 0; 
  border: 4px solid transparent; 
  border-top-color: #fff; 
  cursor: pointer; 
 }
  
.nav.nav-pills li.dropdown ul 		{ display: none; position: absolute; }
.nav.nav-pills li.dropdown.opened a { -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset;  }

.dropdown-menu 						{ position: absolute; top: 32px; overflow: hidden; background: #fff; border: 1px solid #ccc; min-width: 150px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 3px; }
.dropdown-menu li 					{ font-size: 14px; line-height: 1em; }
.dropdown-menu li a 				{ display: block; padding: 10px 15px; }
.dropdown-menu li a:hover 			{ background: #fafafa; }
.dropdown-menu li.active a 			{ color: #aaa; }
.dropdown-menu li.active a:hover 	{ cursor: default; }

.dropdown-create 		{ position: relative; margin-right: 120px; }
.dropdown-create a 		{ font-weight: 200; }
.dropdown-create h2 a 	{ text-transform: lowercase; }


/* Лесенка ширин главного меню убрана — её заменяет max-width в .nav.nav-main,
   он повторяет размеры #container. */




/* -------------------------------------------------------------------

	ИКОНКИ 
	
	Иконки Glyphicons
	http://glyphicons.com/

	
	Пример использования:
	
	<a href="#"><i class="icon icon-remove"></i> Remove</a>

------------------------------------------------------------------- */

[class^="icon-"],
[class*=" icon-"]  { 
	display: inline-block;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
	line-height: 14px;
	background: url(https://neteye.ru/templates/skin/mirage/images/icons.png) no-repeat;
}

.icon-white { background-image: url(https://neteye.ru/templates/skin/mirage/images/icons-white.png); }

.icon-glass              { background-position: 0      0; }
.icon-music              { background-position: -24px  0; }
.icon-search             { background-position: -48px  0; }
.icon-envelope           { background-position: -72px  0; }
.icon-heart              { background-position: -96px  0; }
.icon-star               { background-position: -120px 0; }
.icon-star-empty         { background-position: -144px 0; }
.icon-user               { background-position: -168px 0; }
.icon-film               { background-position: -192px 0; }
.icon-th-large           { background-position: -216px 0; }
.icon-th                 { background-position: -240px 0; }
.icon-th-list            { background-position: -264px 0; }
.icon-ok                 { background-position: -288px 0; }
.icon-remove             { background-position: -312px 0; }
.icon-zoom-in            { background-position: -336px 0; }
.icon-zoom-out           { background-position: -360px 0; }
.icon-off                { background-position: -384px 0; }
.icon-signal             { background-position: -408px 0; }
.icon-cog                { background: url(https://neteye.ru/templates/skin/mirage/images/gear.png) no-repeat; height: 24px; width: 24px;}
.icon-add-info           { background: url(https://neteye.ru/templates/skin/mirage/images/add-info.png) no-repeat; height: 24px; width: 24px;}
.icon-favorites-big      {
    background: url(https://neteye.ru/templates/skin/mirage/images/buzz-star-icon.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/buzz-star-icon.svg);
    height: 24px;
    width: 24px;
}
.icon-messages-big       { background: url(https://neteye.ru/templates/skin/mirage/images/big-message-icon.png) no-repeat; height: 24px; width: 24px;}
.icon-messages-new-big   { background: url(https://neteye.ru/templates/skin/mirage/images/big-message-new-icon.png) no-repeat; height: 24px; width: 24px;}
.icon-profile-big        { background: url(https://neteye.ru/templates/skin/mirage/images/big-profile-icon.png) no-repeat; height: 24px; width: 24px;}
.icon-exit-big           { background: url(https://neteye.ru/templates/skin/mirage/images/icon-exit-big.png) no-repeat; height: 24px; width: 24px;}
.icon-froinds-24         {
    background: url(https://neteye.ru/templates/skin/mirage/images/icon-froind-24.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/icon-froind-24.svg);
    height: 24px;
    width: 24px;
}
.icon-info-24            {
    background: url(https://neteye.ru/templates/skin/mirage/images/icon-info-24.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/icon-info-24.svg);
    height: 24px;
    width: 24px;
}
.icon-settings-24        { background: url(https://neteye.ru/templates/skin/mirage/images/icon-settings-24.png) no-repeat; height: 24px; width: 24px;}
.icon-stream-24          {
    background: url(https://neteye.ru/templates/skin/mirage/images/icon-stream-24.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/icon-stream-24.svg);
    height: 24px;
    width: 24px;
}
.icon-topics-24          {
    background: url(https://neteye.ru/templates/skin/mirage/images/icon-topics-24.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/icon-topics-24.svg);
    height: 24px;
    width: 24px;
}
.icon-comment-46         {
    background: url(https://neteye.ru/templates/skin/mirage/images/icon-comment-46.png) no-repeat #dc5954;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/icon-comment-46.svg);
    height: 46px;
    width: 46px;
    }
.icon-wall-24            {
    background: url(https://neteye.ru/templates/skin/mirage/images/icon-wall-24.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/icon-wall-24.svg);
    height: 24px;
    width: 24px;
}
.icon-join-blog          { background: url(https://neteye.ru/templates/skin/mirage/images/icons-join-blog.png) no-repeat; height: 24px; width: 24px;}
.icon-join-blog-red      { background: url(https://neteye.ru/templates/skin/mirage/images/icons-join-blog-red.png) no-repeat; height: 24px; width: 24px;}
.icon-draft-24           { background: url(https://neteye.ru/templates/skin/mirage/images/icon-draft-24.png) no-repeat; height: 24px; width: 24px;}
.icon-share-alt-24       { background: url(https://neteye.ru/templates/skin/mirage/images/icon-share-alt-24.png) no-repeat; height: 24px; width: 24px;}
.icon-lock-red-24        { background: url(https://neteye.ru/templates/skin/mirage/images/icon-lock-red-24.png) no-repeat; height: 24px; width: 24px;}
.icon-trash              { background-position: -456px 0; }

.icon-home               { background-position: 0      -24px; }
.icon-file               { background-position: -24px  -24px; }
.icon-time               { background-position: -48px  -24px; }
.icon-road               { background-position: -72px  -24px; }
.icon-download-alt       { background-position: -96px  -24px; }
.icon-download           { background-position: -120px -24px; }
.icon-upload             { background-position: -144px -24px; }
.icon-inbox              { background-position: -168px -24px; }
.icon-play-circle        { background-position: -192px -24px; }
.icon-repeat             { background-position: -216px -24px; }
.icon-refresh            { background-position: -240px -24px; }
.icon-list-alt           { background-position: -264px -24px; }
.icon-lock               { background-position: -287px -24px; }
.icon-flag               { background-position: -312px -24px; }
.icon-headphones         { background-position: -336px -24px; }
.icon-volume-off         { background-position: -360px -24px; }
.icon-volume-down        { background-position: -384px -24px; }
.icon-volume-up          { background-position: -408px -24px; }
.icon-qrcode             { background-position: -432px -24px; }
.icon-barcode            { background-position: -456px -24px; }

.icon-tag                { background-position: 0      -48px; }
.icon-tags               { background-position: -25px  -48px; }
.icon-book               { background-position: -48px  -48px; }
.icon-bookmark           { background-position: -72px  -48px; }
.icon-print              { background-position: -96px  -48px; }
.icon-camera             { background-position: -120px -48px; }
.icon-font               { background-position: -144px -48px; }
.icon-bold               { background-position: -167px -48px; }
.icon-italic             { background-position: -192px -48px; }
.icon-text-height        { background-position: -216px -48px; }
.icon-text-width         { background-position: -240px -48px; }
.icon-align-left         { background-position: -264px -48px; }
.icon-align-center       { background-position: -288px -48px; }
.icon-align-right        { background-position: -312px -48px; }
.icon-align-justify      { background-position: -336px -48px; }
.icon-list               { background-position: -360px -48px; }
.icon-indent-left        { background-position: -384px -48px; }
.icon-indent-right       { background-position: -408px -48px; }
.icon-facetime-video     { background-position: -432px -48px; }
.icon-picture            { background-position: -456px -48px; }

.icon-pencil             { background-position: 0      -72px; }
.icon-map-marker         { background-position: -24px  -72px; }
.icon-adjust             { background-position: -48px  -72px; }
.icon-tint               { background-position: -72px  -72px; }
.icon-edit               { background-position: -96px  -72px; }
.icon-share              { background-position: -120px -72px; }
.icon-share-24           {
    background: url(https://neteye.ru/templates/skin/mirage/images/share-24.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/share-24.svg);
    height: 24px;
    width: 24px;
}

.icon-check              { background-position: -144px -72px; }
.icon-move               { background-position: -168px -72px; }
.icon-step-backward      { background-position: -192px -72px; }
.icon-fast-backward      { background-position: -216px -72px; }
.icon-backward           { background-position: -240px -72px; }
.icon-play               { background-position: -264px -72px; }
.icon-pause              { background-position: -288px -72px; }
.icon-stop               { background-position: -312px -72px; }
.icon-forward            { background-position: -336px -72px; }
.icon-fast-forward       { background-position: -360px -72px; }
.icon-step-forward       { background-position: -384px -72px; }
.icon-eject              { background-position: -408px -72px; }
.icon-chevron-left       { background-position: -432px -72px; }
.icon-chevron-right      { background-position: -456px -72px; }

.icon-plus-sign          { background-position: 0      -96px; }
.icon-minus-sign         { background-position: -24px  -96px; }
.icon-remove-sign        { background-position: -48px  -96px; }
.icon-ok-sign            { background-position: -72px  -96px; }
.icon-question-sign      {
    background:url(https://neteye.ru/templates/skin/mirage/images/qestion-help.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/qestion-help.svg);
    height: 16px;
    width: 16px;
    margin-top: 3px;
}
.icon-info-sign          { background-position: -120px -96px; }
.icon-screenshot         { background-position: -144px -96px; }
.icon-remove-circle      { background-position: -168px -96px; }
.icon-ok-circle          { background-position: -192px -96px; }
.icon-ban-circle         { background-position: -216px -96px; }
.icon-arrow-left         { background-position: -240px -96px; }
.icon-arrow-right        { background-position: -264px -96px; }
.icon-arrow-up           {
    background: url(https://neteye.ru/templates/skin/mirage/images/arrow-up.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/arrow-up.svg);
    height: 24px;
    width: 24px;
}
.icon-arrow-down         {
    background: url(https://neteye.ru/templates/skin/mirage/images/arrow-down.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/arrow-down.svg);
    height: 24px;
    width: 24px;
}
.icon-arrow-down-48     { background: url(https://neteye.ru/templates/skin/mirage/images/arrow-down-48.png) no-repeat; height: 48px; width: 48px; }
.icon-arrow-down-r48     { background: url(https://neteye.ru/templates/skin/mirage/images/arrow-down-r48.png) no-repeat; height: 48px; width: 48px; }
.icon-share-alt          { background-position: -336px -96px; }
.icon-resize-full        { background-position: -360px -96px; }
.icon-resize-small       { background-position: -384px -96px; }
.icon-plus               { background-position: -408px -96px; }
.icon-minus              { background-position: -433px -96px; }
.icon-asterisk           { background-position: -456px -96px; }

.icon-exclamation-sign   { background-position: 0      -120px; }
.icon-gift               { background-position: -24px  -120px; }
.icon-leaf               { background-position: -48px  -120px; }
.icon-fire               { background-position: -72px  -120px; }
.icon-eye-open           { background-position: -96px  -120px; }
.icon-eye-close          { background-position: -120px -120px; }
.icon-warning-sign       { background-position: -144px -120px; }
.icon-plane              { background-position: -168px -120px; }
.icon-calendar           { background-position: -192px -120px; }
.icon-random             { background-position: -216px -120px; }
.icon-comment            { background-position: -240px -120px; }
.icon-magnet             { background-position: -264px -120px; }
.icon-go-to-top          {
    background: url(https://neteye.ru/templates/skin/mirage/images/go-top.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/go-top.svg);
    height: 24px;
    width: 24px;
}
.icon-chevron-down       { background-position: -313px -119px; }
.icon-retweet            { background-position: -336px -120px; }
.icon-shopping-cart      { background-position: -360px -120px; }
.icon-folder-close       { background-position: -384px -120px; }
.icon-folder-open        { background-position: -408px -120px; }
.icon-resize-vertical    { background-position: -432px -119px; }
.icon-resize-horizontal  { background-position: -456px -118px; }

.icon-contact				{ width: 16px; height: 16px; background: url(https://neteye.ru/templates/skin/mirage/images/icons-contact.png) no-repeat; } 
.icon-contact-default		{ background-position: 0 0; } 
.icon-contact-mail			{ background-position: -20px 0; } 
.icon-contact-icq			{ background-position: -40px 0; } 
.icon-contact-jabber		{ background-position: -60px 0; } 
.icon-contact-phone			{ background-position: -80px 0; } 
.icon-contact-skype			{ background-position: -100px 0; } 
.icon-contact-vkontakte		{ background-position: -120px 0; } 
.icon-contact-twitter		{ background-position: -140px 0; } 
.icon-contact-facebook		{ background-position: -160px 0; } 
.icon-contact-odnoklassniki	{ background-position: -180px 0; } 
.icon-contact-www			{ background-position: -200px 0; } 

.icon-ok-green 			{
    background: url(https://neteye.ru/templates/skin/mirage/images/icon-ok-green.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/icon-ok-green.svg);
    width: 14px;
    height: 14px;
}
/* -------------------------------------------------------------------
	ТАБЛИЦЫ
------------------------------------------------------------------- */

.table { 
  width: 100%; 
  margin-bottom: 15px; 
}

.table th { 
  text-align: left; 
  background: #F0F0F0; 
  font-weight: 200;
}

.table td, .table th{ 
border-bottom: 1px solid #eee; 
padding: 10px; 
font-size: 16px;
}
.table tr.active td 	{ background: #CBF4BC; }

.table a.asc:after{ 
  content: "▲"; 
  font-size: 13px;
  margin-left: 5px;
}

.table a.desc:after{ 
  content: "▼";
  font-size: 13px;
  margin-left: 5px; 
}

/* Table Blogs */
.table.table-blogs .cell-name .avatar { 
 float: left; 
 margin-right: 10px; 
 clear: right; 
}

.table.table-blogs .cell-name .avatar-lock { 
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10; 
}


.table.table-blogs .cell-name p	{ 
  overflow: hidden;
  position: relative; 
}

.table.table-blogs .cell-name .name-info-blog{ 
    display: block;
    padding-top: 13px; 
}
.table.table-blogs .cell-name .name-info-blog-text { 
    color: #333333;
    font-size: 18px;
    font-weight: 200;
    margin-left: 5px; 
}

.table.table-blogs .cell-rating { 
  width: 70px; 
}

.table.table-blogs .cell-readers 		{ width: 70px; text-align: center; vertical-align: middle; }
.table.table-blogs .cell-join 			{ width: 130px; text-align: center; vertical-align: middle; }
.table.table-blogs .cell-rating 		{ text-align: center; vertical-align: middle; }

/* Table Plugins */
.table.table-plugins .cell-checkbox 	{ width: 20px; padding: 12px 0 10px 10px; }
.table.table-plugins h3 				{ font-weight: bold; font-size: 17px; line-height: 20px; margin-bottom: 5px; }

/* Table Profile Notes */
.table.table-profile-notes 					{ border-top: 1px solid #eee; }
.table.table-profile-notes td 				{ vertical-align: top; }
.table.table-profile-notes .cell-username 	{ width: 20%; font-weight: bold; }
.table.table-profile-notes .cell-note 		{ width: 50%; }
.table.table-profile-notes .cell-date 		{ text-align: right; }


.table.table-profile-info 				{ margin-bottom: 40px; }
.table.table-profile-info td { 
  vertical-align: top;
}

.table.table-profile-info .cell-label { 
    color: #333;
    width: 30%;
 }


.table.table-users th { 
  font-size: 16px; 
}
.table.table-users .cell-name { 
  font-weight: 200; 
}

.table.table-users .cell-name img { 
  float: left; 
}

.table.table-users .cell-name .username { 
    margin-left: 60px;
    position: relative;
    top: 13px;
    width: 120px;
    font-weight: 400; 
}

.table.table-users tbody .cell-date { 
   font-size: 14px;
   font-weight: 200;
}
.table.table-users .cell-rating,
.table.table-users .cell-skill 			{ text-align: center; width: 50px; }

/* Table Talk */
.table.table-talk .cell-checkbox 		{ width: 20px; padding: 12px 0 10px 10px; }
.table.table-talk thead .cell-checkbox 	{ padding: 10px 0 10px 10px; }
.table.table-talk .cell-favourite 		{ width: 20px; padding: 10px 0; text-align: center; }
.table.table-talk .cell-recipients 		{ width: 100px; }
.table.table-talk tbody .cell-date 		{ font-size: 11px; width: 130px; }
.table.table-talk tbody td				{ vertical-align: top; }/* --------------------------------------------
	ТОПИК
-------------------------------------------- */

.topic { 
  overflow: hidden; 
  zoom: 1; 
  margin-bottom: 20px; 
}

.topic:last-child { 
  margin-bottom: 0; 
}

.topic .topic-header .topic-title { 
    color: #444;
    font-size: 26px;
    margin: 15px 0;
    font-weight: 200; 
       
}

.topic .topic-header .topic-title a { 
    text-decoration: none;
    color: #444;  
}
.topic .topic-header .topic-title a:hover { 
    text-decoration: none;
    color: #4991BB;
 }

.topic .topic-header .topic-title i { 
  position: relative; 
  top: 4px; 
  cursor: help; 
}

.topic .topic-header .topic-url { 
margin-bottom: 15px; 
}

.topic .topic-header .topic-url a { 
background: #eee; 
border-radius: 3px; 
padding: 3px 10px 4px; 
text-decoration: none; 
}

.topic .topic-header .topic-info { 
    color: #777777;
    font-weight: 200;
    margin-bottom: 25px; 
}
.topic .topic-header .topic-info time { 
margin-right: 15px; 
}

.topic .topic-header .topic-info .topic-blog { 
 margin-right: 15px;
 font-weight: 400; 
}

.topic .topic-header .topic-info .actions,
.topic .topic-header .topic-info .actions li{ 
display: inline; 
float: none; 
margin-bottom: 0; 
}

.topic .topic-header .topic-info .actions li{ 
margin-right: 10px; 
}

.topic .topic-content { 
margin-bottom: 15px; 
}

.topic .topic-content.text { 
    padding-bottom: 10px;
    color: #333333;
    text-rendering: optimizeLegibility;
    font-size: 1em;
    line-height: 1.6;
}
.topic .topic-content.text .topik-more-tipk{
	background: none repeat scroll 0 0 #DC5A54;
    color: #FFFFFF;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 200;
    padding: 10px 15px;
    text-decoration: none;	
    display: inline-block;
    margin-top: 10px;
}

.topic .topic-content.text .topik-more-tipk:hover{
	background: none repeat scroll 0 0 #5CBFD7;
    color: #FFFFFF;
    text-decoration: none;	
}

.topic .topic-footer .topic-tags { 
    margin-bottom: 25px;
    margin-top: 20px; 
}
.topic .topic-footer .topic-url a{
	color: #5CBFD7;
}

.topic .topic-footer .topic-url a:hover{
	color:#DC5A54;
}
.topic .topic-footer .topic-tags li { 
    color: #444;
    display: inline;
    font-size: 14px; 
}
.topic .topic-footer .topic-tags li a { 
    background: none repeat scroll 0 0 #F9F9F9;
    border: medium none;
    color: #999999;
    font-size: 14px;
    margin-left: 5px;
    padding: 5px 8px 8px; 
}

.topic .topic-footer .topic-tags li a:hover { 
    background: none repeat scroll 0 0 #5CBFD7;
    border: medium none;
    color: #FFFFFF; 
}

.topic .topic-footer .topic-tags li.topic-tags-edit { 
margin-left: 20px; 
}

.topic .topic-footer .topic-tags li.topic-tags-user a { 
color: #3CA023; 
}

.topic .topic-footer .topic-info { 
    border-bottom: 1px solid #DDDDDD;
    height: 46px;
    overflow: hidden; 
 }
 
.topic .topic-footer .topic-info li{ 
  float: left; 
  line-height: 28px; 
  padding: 8px 15px 8px 0; 
}

.topic .topic-footer .topic-info li i{ 
  margin-top: -2px; 
}

.topic .topic-footer .topic-info li a {
 text-decoration: none; 
 }

.topic .topic-footer .topic-info li.topic-info-author a { 
    color: #262626;
    font-weight: 400; 
}

.topic .topic-footer .topic-info li.topic-info-author a:hover { 
    color: #4991BB;
    text-decoration: none;
}

.topic .topic-footer .topic-info li.topic-info-comments a{
 font-size: 16px;
 font-weight: 200;
}
.topic .topic-footer .topic-info li.topic-info-comments a span { 
    color: #777; 
}

.topic .topic-footer .topic-info li.topic-info-comments a:hover { 
   text-decoration: none; 
}

.topic .topic-share { 
    background: none repeat scroll 0 0 #F0F0F0;
    /* display: none; */
    margin-bottom: 10px;
    padding: 10px;
    min-height: 28px;
}

.favourite-24 {
    background: url(https://neteye.ru/templates/skin/mirage/images/favourite-24.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/favourite-24.svg);
    cursor: pointer;
    display: inline-block;
    height: 24px;
    vertical-align: text-top;
    width: 24px;
    margin-top: -3px;
}
.favourite-24.active {
    background: url(https://neteye.ru/templates/skin/mirage/images/favourite-24-active.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/favourite-24-active.svg);
}

.favourite-count-24 {
    font-size: 16px;
    font-weight: 200;
    margin-left: 3px;
}
.favourite-count-24-active {
    font-size: 16px;
    font-weight: 200;
    margin-left: 3px;
    color: #269610;
}

.topic .poll { 
   background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding: 15px; 
}

.topic .poll .poll-vote { 
margin-bottom: 20px; 
margin-left: 0; 
list-style-type: none;	
}

.topic .poll .poll-vote li { 
margin-bottom: 10px; 
}

.topic .poll .poll-vote li:last-child { 
margin-bottom: 0; 
}

.topic .poll .poll-vote li label { 
display: inline; 
}

.topic .poll .poll-vote li input { 
position: relative; 
top: 1px; 
margin-right: 2px; 
}

.topic .poll .poll-result { 
margin-bottom: 10px; 
margin-left: 0; 
list-style-type: none; 
padding: 15px 15px 0; 
 
}


.topic .poll .poll-result li { 
margin-bottom: 20px; 
}

.topic .poll .poll-result li dl { 
overflow: hidden; 
zoom: 1; 
}

.topic .poll .poll-result li dl dt { 
float: left; 
width: 50px; 
text-align: right; 
padding-right: 20px; 
}

.topic .poll .poll-result li dl dt span { 
   color: #777; 
}

.topic .poll .poll-result li dl dd { 
  float: left; 
  width: 400px; 
}

.topic .poll .poll-result li dl dd div { 
    height: 20px;
    margin-top: 2px;
    overflow: hidden; 
}

.topic .poll .poll-result li.most dl dd div { 
    background: #60CC4E; 
}

.topic .poll .poll-total { 
    color: #333333;
    font-weight: 200;
    margin-left: 10px; 
}
.topic .poll .button.button-icon.active { 
    background: #43bb34; 
}

.topic.topic-type-photoset {  }
.topic.topic-type-photoset .topic-photo-preview { 
position: relative; 
margin-bottom: 15px; 
cursor: pointer; 
}

.topic.topic-type-photoset .topic-photo-preview img { 
  vertical-align: top;
  width: 788px; 
}

.topic.topic-type-photoset .topic-photo-preview .topic-photo-count { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-weight: 200;
    left: 0;
    padding: 5px 7px;
    position: absolute;
    top: 0; 
}

.topic.topic-type-photoset .topic-photo-preview .topic-photo-desc { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #FFFFFF;
    display: none;
    font-size: 18px;
    font-weight: 200;
    left: 0;
    line-height: 16px;
    padding: 15px 2%;
    position: absolute;
    width: 96%; 
}

.topic.topic-type-photoset .topic-photo-images { 
padding-top: 10px; 
margin-bottom: 15px; 
}

.topic.topic-type-photoset .topic-photo-images h2 { 
    background: url(https://neteye.ru/templates/skin/mirage/images/photoset.png) no-repeat scroll 0 0 #F0F0F0;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/photoset.svg);
    border-right: 8px solid #5CBFD7;
    font-size: 20px;
    font-weight: 200;
    height: 46px;
    line-height: 45px;
    margin-bottom: 15px;
    padding-left: 60px; 
}

.topic.topic-type-photoset .topic-photo-images ul { 
overflow: hidden; 
zoom: 1; 
}

.topic.topic-type-photoset .topic-photo-images ul li { 
float: left; 
margin: 0 9px 9px 0; 
position: relative; 
}

.topic.topic-type-photoset .topic-photo-images ul li .image-number { 
display: none; 
position: absolute; 
top: 0px; 
left: 0px; 
background: #000; 
color: #6bd24b; 
padding: 1px 6px; 
font-size: 14px; 
font-weight: 200;
background: rgba(0,0,0,.6); 
}

.topic.topic-type-photoset .topic-photo-images ul li:hover .image-number { 
display: block; 
}

.topic.topic-type-photoset .topic-photo-images ul li img { 
    height: 100px;
    vertical-align: top;
    width: 140px;
    background: none repeat scroll 0 0 #FFFFFF;
    transition: all 0.3s ease 0.01s; 
    -moz-transition: all 0.3s ease 0.01s;
    -webkit-transition: all 0.3s ease 0.01s;
    -o-transition: all 0.3s ease 0.01s;  
}

.topic.topic-type-photoset .topic-photo-images ul li img:hover { 
    opacity: 0.8;
    transition: all 0.3s ease 0.01s; 
    -moz-transition: all 0.3s ease 0.01s;
    -webkit-transition: all 0.3s ease 0.01s;
    -o-transition: all 0.3s ease 0.01s; 
}



.topic.topic-type-photoset .topic-photo-images .topic-photo-more { 
display: block; 
border-top: 1px solid #dbe6f0; 
text-align: center; 
padding: 10px 0; 
margin-bottom: 15px; 
text-decoration: none;
 background: #f3f7fa; 
 color: #7b90a5; 
 }
 
.topic.topic-type-photoset .topic-photo-images .topic-photo-more:hover { 
background: #eaf2f8; 
}

.topic-photo-upload { 
background: #fafafa; 
padding: 15px 15px 15px;
 margin-bottom: 20px; 
 }
 
.topic-photo-upload h2 { 
margin-bottom: 15px; 
}

.topic-photo-upload ul { 
 overflow: hidden;
 zoom: 1; 
 }
 
.topic-photo-upload ul li { 
min-height: 100px; 
_height: 100px; 
margin-bottom: 10px; 
padding-left: 110px; 
position: relative; 
}

.topic-photo-upload ul li img { 
position: absolute; 
top: 0; 
left: 0; 
}


.topic-photo-upload ul li label { 
color: #aaa; 
}

.topic-photo-upload ul li textarea { 
border: 1px solid #ddd; 
width: 350px; 
height: 60px; 
padding: 3px; 
font-size: 12px; 
font-family: Arial, sans-serif; 
color: #333; 
}


.topic-photo-upload ul li .image-delete { text-decoration: none; margin-right: 15px; }
.topic-photo-upload ul li .image-delete:hover { color: #f00; }
.topic-photo-upload ul li.marked-as-preview .mark-as-preview { display: inline; color: #43c70f; font-weight: bold; }
.topic-photo-upload ul li .mark-as-preview { display: none; text-decoration: none; }
.topic-photo-upload ul li:hover .mark-as-preview { display: inline; }
.topic-photo-upload .topic-photo-upload-rules { color: #888; margin-bottom: 15px; }
.topic-photo-upload .topic-photo-upload-input { margin-bottom: 20px; }
.topic-photo-upload .topic-photo-upload-input input { margin-top: 3px; }

/* Topic Talk */
.topic.topic-type-talk { }
.topic.topic-type-talk .topic-header { background: #f7f7f7; padding: 10px 15px 15px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #eee; }
.topic.topic-type-talk .topic-header .topic-title { margin-bottom: 13px; font-size: 20px; }
.topic.topic-type-talk .topic-header .topic-info { margin-bottom: 0; position: relative; min-height: 30px; padding-left: 40px; line-height: 14px; }
.topic.topic-type-talk .topic-header .topic-info .avatar { position: absolute; top: 0; left: 0; }
.topic.topic-type-talk .topic-header .topic-info .author-wrapper { margin-bottom: 4px; position: relative; top: -2px; }
.topic.topic-type-talk .topic-header .topic-info .author-wrapper .author { font-weight: bold; margin-right: 15px; }
.topic.topic-type-talk .topic-header .topic-info .recipient { margin-right: 10px; }
.topic.topic-type-talk .topic-content { font-size: 13px; padding: 15px; background: #fafafa; margin-bottom: 1px; border-top: 1px solid #fff; }
.topic.topic-type-talk .topic-footer .topic-info { border-radius: 0; background: #fafafa; }

.topic.topic-type-talk .talk-recipients 	{ padding: 15px; background: #fafafa; display: none; border-top: 1px solid #fff; border-bottom: 1px solid #eee; }
.topic.topic-type-talk .talk-recipients h3 	{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }

/* Topic Preview */
.topic-preview { margin-top: 30px; }
.topic-preview .profile-page-header { border-top: 1px solid #ddd; }
.topic-preview .topic { margin-bottom: 20px; }

@media screen and (max-width: 1350px) {
  .topic.topic-type-photoset .topic-photo-preview img { 
    vertical-align: top;
    width: 788px; 
} 
}

@media screen and (max-width: 1330px) {
.topic.topic-type-photoset .topic-photo-preview img { 
  vertical-align: top;
  width: 788px; 
}
}

@media screen and (max-width: 1230px) {
.topic.topic-type-photoset .topic-photo-preview img { 
  vertical-align: top;
  width: 728px; 
}
}

@media screen and (max-width: 1130px) {
.topic.topic-type-photoset .topic-photo-preview img { 
  vertical-align: top;
  width: 660px; 
}
}

@media screen and (max-width: 1024px) {
.topic.topic-type-photoset .topic-photo-preview img { 
  vertical-align: top;
  width: 594px; 
}
}
/* --------------------------------------------
	КОММЕНТАРИИ
-------------------------------------------- */

/* Блок с комментариями */
.comments-header { 
  margin-bottom: 20px;
  position: relative;
  }

.comments-header h3 { 
    background: none repeat scroll 0 0 #F0F0F0;
    border-right: 8px solid #5CBFD7;
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 5px;
    padding: 6px 10px 6px 60px;
 }
 
 .comments-header i { 
    position: absolute;
    left: 0;
    top:0; 
 }

.comments { margin-bottom: 30px; }

.comment-wrapper { position: relative; }
.comment-wrapper .comment-wrapper { padding-left: 25px; }

.comment-preview { padding: 5px 10px 6px; margin-bottom: 10px; background: #fafafa; border: 1px solid #eee; border-radius: 3px; }
.comment-preview { font-size: 13px; line-height: 18px; }


.comments.comment-list .comment { margin-bottom: 15px; }

.comments.comment-list .comment-path { 
    background: none repeat scroll 0 0 #f0f0f0;
    padding: 5px 10px 6px; 
 }
 
.comments.comment-list .comment-path .blog-name { 
    color: #333;
    font-size: 16px;
    font-weight: 200;
}

.comments.comment-list .comment-path .blog-name a { 
    color: #333;
    font-size: 16px;
    font-weight: 200;
}


/* Комментарий */
.comment { 
 min-height: 48px; 
 margin-bottom: 40px; 
 padding: 10px 10px 10px 68px; 
 position: relative;
 background: #f0f0f0;  
 }
 
.comment .deleted { 
 padding: 5px 10px; 
 color: #777; 
 background: #f4f4f4; 
}
.comment .comment-avatar { 
position: absolute; 
top: 10px; 
left: 10px; 
}


.comment:after {
    border-color: #f0f0f0 #f0f0f0 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    width: 0;
    bottom: -24px;
}


.comment.comment-deleted { 
  background: #f0f0f0;
  border: 1px solid #DC5A54; 
}


.comment.comment-deleted:after {
    border-color: #f0f0f0 #f0f0f0 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 11px;
    content: "";
    height: 0;
    left: 31px;
    position: absolute;
    width: 0;
    bottom: -22px;
}

.comment.comment-deleted:before {
    border-color: #DC5A54 #DC5A54 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    width: 0;
    bottom: -24px;
}


.comment.comment-self{ 
  background: #f0f0f0;
  border: 1px solid #5CBFD7; 
}

.comment.comment-self:after {
    border-color: #f0f0f0 #f0f0f0 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 11px;
    content: "";
    height: 0;
    left: 31px;
    position: absolute;
    width: 0;
    bottom: -22px;
}

.comment.comment-self:before {
    border-color: #5CBFD7 #5CBFD7 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    width: 0;
    bottom: -24px;
}

.comment.comment-new { 
  background: #f0f0f0;
  border: 1px solid #39b924; 
}


.comment.comment-new:after {
    border-color: #f0f0f0 #f0f0f0 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 11px;
    content: "";
    height: 0;
    left: 31px;
    position: absolute;
    width: 0;
    bottom: -22px;
}

.comment.comment-new:before {
    border-color: #39b924 #39b924 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    width: 0;
    bottom: -24px;
}


.comment.comment-current { 
   background: #f0f0f0;
  border: 1px solid #39b924; 
}

.comment.comment-current:after {
    border-color: #f0f0f0 #f0f0f0 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 11px;
    content: "";
    height: 0;
    left: 31px;
    position: absolute;
    width: 0;
    bottom: -22px;
}

.comment.comment-current:before {
    border-color: #39b924 #39b924 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    width: 0;
    bottom: -24px;
}

.comment.comment-bad 				{ opacity: 0.3; filter: alpha(opacity=30); }
.comment.comment-bad:hover 			{ opacity: 1; filter: alpha(opacity=100); }

.ls-user-role-not-admin .comment.comment-deleted { 
  padding: 10px 15px; 
  min-height: 0; 
  background: #f0f0f0; 
  color: #DC5A54; 
}

.ls-user-role-not-admin .comment.comment-deleted:after {
    border: none;
    content: "";
    position: absolute;
}

.ls-user-role-not-admin .comment.comment-deleted:before {
    border: none;
    content: "";
    position: absolute;

}


.comment-info-autor-date { 
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    margin-bottom: -25px;  
}
 .comment-info-autor-date .comment-author a { 
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
}

.comment-info-autor-date .comment-author .comment-topic-author { 
    background: #5CBFD7;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 10px;
    padding: 1px 7px; 
}

.comment-info-autor-date .comment-date a { 
    color: #999999;
    margin-left: 10px;
    font-size: 13px;
}

/* ================ Стена пользователя =================== */



.user-wall-view{
 min-height: 48px; 
 margin-bottom: 20px; 
 padding: 10px 10px 10px 68px; 
 position: relative;
 background: #f0f0f0;	
}

.user-wall-view .user-wall-view-avatar { 
position: absolute; 
top: 10px; 
left: 10px; 
}

.user-wall-view .user-wall-view-info {    
    float: right;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: -5px;
}

.user-wall-view .user-wall-view-info .wall-date { 
    color: #999999;
    margin-left: 10px;
    font-size: 13px;
}

.user-wall-view .wall-content.text { 
    font-size: 16px;
    font-style: italic;
    color: #333333;
}

.user-wall-view .wall-actions{ 
 display: inline; 
 margin-right: 10px; 
 font-size: 14px;
 }

.user-wall-view .wall-actions .del-wall-linc{ 
 color: #DC5A54; 
}

.user-wall-view .wall-actions .comment-repair { 
 color: #5CBFD7;
 margin-right: 10px; 
}

/* ================ Прямой эфир =================== */



.live_broadcast{
 min-height: 48px; 
 margin-bottom: 20px; 
 padding: 10px 10px 10px 68px; 
 position: relative;
 background: #f0f0f0;	
}

.live_broadcast .live_broadcast_avatar { 
position: absolute; 
top: 10px; 
left: 10px; 
}

.live_broadcast .comment_info {    
    float: right;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: -5px;
}

.live_broadcast .comment_info .comment-author { 
    color: #999999;
    margin-left: 10px;
    font-size: 13px;
}

.live_broadcast .comment_info .comment-date { 
    color: #999999;
    margin-left: 10px;
    font-size: 13px;
}

.live_broadcast .comment-content.text { 
    font-size: 16px;
    font-style: italic;
    color: #333333;
}






.comment .comment-info {    
    float: right;
    height: 34px;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: -5px;
    width: 130px;
}

.comment .comment-info li { float: left; height: 18px; padding-top: 3px; margin-right: 10px; }
.comment .comment-info li a { text-decoration: none; }
.comment .comment-info li.comment-author a { font-weight: bold; }
.comment .comment-info li.comment-author .comment-topic-author { background: #C9A518; color: #fff; font-size: 11px; border-radius: 3px; padding: 1px 7px; margin-right: 5px; }
.comment .comment-info li.comment-date a { color: #999; border-color: #999; }
.comment .comment-info li.vote { position: absolute; top: 0; right: 0; margin: 0; }
.comment .comment-info li.goto-comment-child { display: none; }


.comment .comment-content { margin-bottom: 10px; }

.comment .comment-content.text { 
    font-size: 16px;
    font-style: italic;
    color: #333333;
}

.comment .comment-content.text blockquote { background: #f0f0f0; border-color: #ccc; padding: 5px 10px; margin-bottom: 5px; }


.comment .comment-actions li { 
 display: inline; 
 margin-right: 10px; 
 font-size: 14px;
 }

.comment .comment-actions li .comment-delete { 
 color: #DC5A54; 
}

.comment .comment-actions li .comment-repair { 
 color: #5CBFD7; 
}

.comment .comment-actions li .reply-link { 
 color: #5CBFD7; 
}


.reply-header { font-size: 16px; line-height: 1.3em; margin-bottom: 15px; }

.reply { padding-bottom: 10px; }
.reply textarea { height: 100px; }
.reply textarea.loader { background: #f7f7f7 url(https://neteye.ru/templates/skin/mirage/images/loader.gif) no-repeat center; }

.reply .mceEditor { display: block; margin-bottom: 10px; }/* -------------------------------------------------------------------
	БЛОКИ
------------------------------------------------------------------- */

.block { 
    background: #fff;
    margin-bottom: 30px; 
}


.block:last-child 		{ margin-bottom: 0; }
.sidebar-left .block 	{ margin-bottom: 10px; }

.block .block-header { 
    border-top: 1px solid #CCCCCC;
    padding: 13px 0;
    position: relative; 
}

.block .block-header h3 {
    color: #000000;
    font-size: 26px;
    font-weight: 200;
    line-height: 1em;
}
.block .block-header h3 a {
    color: #333;
    text-decoration: none;
}


.block .block-header h3 a.link-dotted { 
color: #5055B2; 
}

.block .block-content { 
    padding: 10px 0; 
}

.block footer { 
  font-size: 15px;
  font-weight: 200;
  margin-top: 15px; 
}

.block .max-height-200{ 
overflow: auto; 
max-height: 200px; 
_height: expression( this.scrollHeight > 200 ? "200px" : "auto" ); 
position: relative; 
}


/* Block Type - Stream */
.block .block-update { 
  position: absolute; 
  top: -1px; 
  right: 0px; 
  width: 46px; 
  height: 46px; 
  background: url(https://neteye.ru/templates/skin/mirage/images/update_cont.png) no-repeat scroll 0 0; 
  background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/update_cont.svg);
  background-size: 138px 46px;
  cursor: pointer;
  transition: background-position 0.3s ease 0.01s;
    -moz-transition: background-position 0.3s ease 0.01s;
    -webkit-transition: background-position 0.3s ease 0.01s;
    -o-transition: background-position 0.3s ease 0.01s;
}
.block .block-update:hover { 
  background-position: -46px 0;
  will-change: transition;
}
  
.block .block-update.active{ 
  background-position: -92px 0;
}

.block.block-type-blog {
    /* включает единицы cqi — размеры считаются от ширины блока */
    container-type: inline-size;
}

.block.block-type-blog .blog_info{
    /* запасное значение для браузеров без cqi: объявление ниже станет
       невалидным и отбросится, останется это */
    font-size: 1.05rem;
    /* было лесенкой 20px → 1.1em → 1em на четырёх брейкпоинтах */
    font-size: clamp(0.92rem, 0.4rem + 4cqi, 1.25rem);
    font-weight: 200;
    line-height: 1.3;
    margin-left: 10px;
}

.block.block-type-blog .preview{
    width: min(100px, 100cqi);
    aspect-ratio: 1;
    height: auto;
    /* аватар блога может быть неквадратным — обрезаем, а не плющим */
    object-fit: cover;
}

/* Виджеты подгружаются по прокрутке и подставляют iframe уже после того,
   как раскладка посчитана. Резервируем высоту заранее, иначе содержимое
   под ними подпрыгивает (вклад в CLS ~0.03 по замеру Lighthouse).
   Значения — фактические размеры iframe: VK 400, FB 130, voffka 199. */
#vk_groups     { min-height: 400px; }
.fb-page       { min-height: 130px; }
#voffka-random { min-height: 200px; }

.block.block-type-activity p 		{ margin-bottom: 15px; }
.block.block-type-activity ul li 	{ margin-bottom: 5px; }
.block.block-type-activity .note 	{ display: block; margin-bottom: 15px; color: #aaa; }


/* Block Type - Profile */
.block.block-type-profile 							{ background: none; border: none; padding: 0; }
.block.block-type-profile .profile-photo-wrapper 	{ position: relative; min-height: 50px; }
.block.block-type-profile .profile-photo 			{ vertical-align: top; }

.block.block-type-profile .status { 
   font-size: 13px;
    font-weight: 200;
    left: 0;
    padding: 3px 8px;
    position: absolute;
    top: 0; 
}

.block.block-type-profile .status.status-online { 
    background: #008000;
    color: #FFFFFF;
    opacity: 0.6;
}

.block.block-type-profile .status.status-offline { 
  background: #333; 
  color: #fff; 
  opacity: .5; 
  filter: alpha(opacity=50); 
}

.block.block-type-profile .upload-photo { 
    padding: 7px 10px 10px; 
    background: #F0F0F0; 
}

.block.block-type-profile-note{ 
    background: #F0F0F0;
    border: 1px solid #CCCCCC;
    padding: 15px; 
}

.block.block-type-profile-note p 			{ margin-bottom: 10px; }
.block.block-type-profile-note .actions 	{ margin-bottom: 0; }

.block.block-type-profile-nav 				{ padding: 0; background: none; }

.block.block-type-profile-actions .block-content 		{ padding: 10px 15px; }
.block.block-type-profile-actions ul li					{ margin-bottom: 5px; }
.block.block-type-profile-actions ul li:last-child		{ margin-bottom: 0; }
.block.block-type-profile-actions ul li a.followed		{ color: #f00; }


.block.block-type-foldable { background: none; }
.block.block-type-foldable .block-header { background: none; border: none; padding: 0 0 10px; }
.block.block-type-foldable .block-content { display: none; background: #fafafa; }

.block.block-type-talk-search { margin-bottom: 10px; }
.block.block-type-talk-friends { margin-bottom: 10px; }


/* Лесенка 1350/1330/1230/1130 удалена: она меняла кегль .blog_info
   (20px → 1.1em → 1em) и размер превью (100 → 90 → 85 → 70px).
   Теперь и то, и другое считается от ширины блока через cqi. */
/* --------------------------------------------
	��������� ����
-------------------------------------------- */

.modal {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    color: #333333;
    display: none;
    left: 50%;
    margin-left: -150px;
    overflow: hidden;
    position: fixed;
    top: 25%;
    width: 300px;
}
.modal .close { 
	position: absolute; 
	top: 14px; 
	right: 14px; 
	width: 16px; 
	height: 16px;
	background: url(https://neteye.ru/templates/skin/mirage/images/close-icon.png)no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/close-icon.svg);
	opacity: .3;
	filter: alpha(opacity=30);
}
.modal .close:hover { opacity: 1; filter: alpha(opacity=100); }

.modal .modal-header { 
    background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 20px; 
}

.modal .modal-header h3 { 
    font-size: 22px;
    font-weight: 200;
    margin-right: 20px; 
 }
 
 
.modal .modal-content { padding: 20px; }

.jqmOverlay {
  background-color: #fff;
}

* html .modal { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }



/* ����� ����� */
.modal.modal-login { width: 450px; margin-left: -225px; top: 50px; }
.modal.modal-login .nav { margin-bottom: 30px; }


/* ���������� ������ */
.modal.modal-write { width: 740px; margin-left: -370px; top: 50px; }
.modal.modal-write .modal-content { padding: 20px 10px 0; *padding: 20px 10px 15px; }
.modal.modal-write .write-list { *overflow: hidden; *zoom: 1; }
.modal.modal-write .write-list li { width: 100px; margin: 0 10px 20px; text-align: center; overflow: hidden; display: inline-table; *float: left; }

.modal.modal-write .write-list li a { 
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}
.modal.modal-write .write-list li a:hover { 
    color: #DC5A54;
}

.modal.modal-write .write-list li .write-item-image { 
  display: block; 
  width: 100px; 
  height: 100px; 
  text-align: center; 
  background: url(https://neteye.ru/templates/skin/mirage/images/write.png) no-repeat; 
  margin-bottom: 10px;
  margin-left: -7px; 
}

.modal.modal-write .write-list li.write-item-type-topic .write-item-image 		{ background-position: 0 0; }
.modal.modal-write .write-list li.write-item-type-topic .write-item-image:hover { background-position: 0 -115px;}

.modal.modal-write .write-list li.write-item-type-poll .write-item-image 		{ background-position: -115px 0; }
.modal.modal-write .write-list li.write-item-type-poll .write-item-image:hover 	{ background-position: -115px -115px;}

.modal.modal-write .write-list li.write-item-type-link .write-item-image 		{ background-position: -230px 0; }
.modal.modal-write .write-list li.write-item-type-link .write-item-image:hover 	{ background-position: -230px -115px; }


.modal.modal-write .write-list li.write-item-type-photoset .write-item-image 	{ background-position: -346px 0; }
.modal.modal-write .write-list li.write-item-type-photoset .write-item-image:hover{ background-position: -346px -115px; }

.modal.modal-write .write-list li.write-item-type-blog .write-item-image 		{ background-position: -579px 0; }
.modal.modal-write .write-list li.write-item-type-blog .write-item-image:hover 	{ background-position: -579px -115px; }

.modal.modal-write .write-list li.write-item-type-draft .write-item-image 		{ background-position: -686px 0; }
.modal.modal-write .write-list li.write-item-type-draft .write-item-image:hover { background-position: -686px -115px; }


/* Upload Image */
.modal-image-upload { width: 500px; margin-left: -250px; }




#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	background:#fff;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	box-shadow: 0 0 90px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 90px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 90px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 0 0 90px rgba(0, 0, 0, 0.8);
	
}

#fancybox-title {
	z-index: 1102;
}
.fancybox-title-over {
	position: absolute;
	top: 0;
	left: 0;
}

.fancybox-ie .fancybox-bg { background: transparent !important; }

#fancybox-close {
    background: url(https://neteye.ru/templates/skin/mirage/images/close.jpg) 0 0 no-repeat #dd5954;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/close.svg);
    cursor: pointer;
    display: none;
    height: 46px;
    position: absolute;
    right: 0px;
    top:0px;
    width: 46px;
    z-index: 1103;
}
#fancybox-left {
    background: url(https://neteye.ru/templates/skin/mirage/images/portfolio-prev.jpg) 0 0 no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/portfolio-prev.svg);
    top: 45%;
	left:0;
    cursor: pointer;
    display: none;
    height: 46px;
    outline: medium none;
    position: absolute;
    width: 46px;
    z-index: 1102;
}
#fancybox-right {
    background: url(https://neteye.ru/templates/skin/mirage/images/portfolio-next.jpg) 0 0 no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/portfolio-next.svg);
    top: 45%;
	right:0;
    cursor: pointer;
    display: none;
    height: 46px;
    outline: medium none;
    position: absolute;
    width: 46px;
    z-index: 1102;
}
#fancybox-right:hover, #fancybox-left:hover {background-position:0 bottom;}
/* --------------------------------------------
	БЛОГ
-------------------------------------------- */

.blog { 
    background: none repeat scroll 0 0 #F0F0F0;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden; 
}


.blog .blog-header { 
    padding: 8px 130px 5px 110px;
    position: relative;
    background: none repeat scroll 0 0 #F0F0F0;
    border-right: 8px solid #5CBFD7;
}


.blog .blog-header h2 { 
    color: #000;
    font-size: 26px;
    font-weight: 200;
    line-height: 1em;
    margin-bottom: 9px; 
    display: inline-block;
}
.blog .blog-title-rss{
	color: #C4AD2E;
    font-size: 20px;
    margin-left: 10px;
}


.blog .blog-header .avatar { 
    left: 0;
    position: absolute;
    top: 0;
    background: #DC5A54;
}

.blog .blog-header .avatar-lock {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}


.blog .blog-header .vote-label	{ 
text-transform: uppercase; 
text-align: right; 
font-size: 11px; 
color: #aaa; 
}

.blog .blog-header .count { 
    font-size: 18px;
    font-weight: 200;
    line-height: 1em;
    text-align: right; 
}

.blog .blog-header .vote { 
    position: absolute;
    right: 35px;
    top: 15px; 
}

.blog .blog-header .vote .vote-count { 
    color: #777777;
    display: block; 
}

.blog .blog-header .vote .vote-up { 
    display: block;
    left: -30px;
    position: absolute;
    top: -6px;
    z-index: 10; 
}

.blog .blog-header .vote .vote-down { 
    display: block;
    position: absolute;
    top: -6px;
    right: -30px;
    z-index: 10; 
}
.link-join{
	font-size: 16px;
	font-weight: 200;
}
.blog .blog-header .vote:hover .vote-up,
.blog .blog-header .vote:hover .vote-down,
.blog .blog-header .vote.voted .vote-up,
.blog .blog-header .vote.voted .vote-down 					{ display: inline-block; }
.blog .blog-header .vote.vote-count-positive .vote-count 	{ color: #5055B2; }

.blog .blog-header .actions { margin-bottom: 0; }


.blog .blog-content { 
    border-top: 1px solid #FFFFFF;
    color: #777777;
    font-size: 14px;
    padding: 30px 15px 15px; 
}

.blog .blog-footer { padding: 15px; }

.left-column-desc-blog{
	color: #0072C6;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 0;
}

.right-column-desc-blog{
	color: #333;
    font-size: 16px;
    font-weight: 200;
    margin-left: 30px;
    padding: 10px 0;
 }
 
 .blog-more-content .actions-user{
  margin-top: 20px;	
 }
 
 .blog-more-content .actions-user li{
  display: inline;	
 }
 
 .blog-more-content .actions-user li a{
    text-decoration: none;	
 }
 
 .blog-more-content .actions-user .edit{
    color: green;
    text-decoration: none;
    padding-right: 10px;	
 }
 
 .blog-more-content .actions-user .delete{
    color: #DC5A54;   
    text-decoration: none;	
 }
 
 .blog-more-content .actions-user .blog-join{
    color: green;   
    text-decoration: none;	
 }

 
 .right-column-desc-blog a{
	color: #777777;
    text-decoration: underline;
 }



.blog-more { 
    display: block;
    height: 48px;
    left: 49px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 48px; 
    background: url(https://neteye.ru/templates/skin/mirage/images/arrow-down-48.png) no-repeat #2AC2D7;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/arrow-down-48.svg);
    transition: background-color 0.3s ease 0.01s;
    -moz-transition: background-color 0.3s ease 0.01s;
    -webkit-transition: background-color 0.3s ease 0.01s;
    -o-transition: background-color 0.3s ease 0.01s;
}


.blog-more:hover{ 
   background-color: #ED5857
}/* --------------------------------------------
	СТРАНИЦА ПОЛЬЗОВАТЕЛЯ
-------------------------------------------- */

.profile { 
    background: none repeat scroll 0 0 #F0F0F0;
    border-right: 8px solid #5CBFD7;
    margin-bottom: 20px;
    min-height: 48px;
    padding: 0 300px 0 65px;
    position: relative; 
 }

.profile .avatar 		{ position: absolute; top: 0; left: 0; }

.profile .vote-label	{ text-transform: uppercase; text-align: right; font-size: 11px; color: #aaa; }

.profile .count { 
    font-size: 18px;
    font-weight: 200;
    line-height: 1em;
    text-align: right; 
}


.profile .vote{ 
    position: absolute;
    right: 100px;
    top: 14px; 
}

.profile .vote .vote-count 						{ padding-left: 25px; display: block; }

.profile .vote .vote-up { 
    left: -13px;
    position: absolute;
    top: -5px; 
}
.profile .vote .vote-down { 
    position: absolute;
    top: -5px;
    right: -30px; 
}

.profile .vote:hover .vote-up,
.profile .vote:hover .vote-down,
.profile .vote.voted .vote-up,
.profile .vote.voted .vote-down 				{ display: inline-block; }
.profile .vote.vote-count-positive .vote-count 	{ color: #5055B2; }

.profile .strength 	{ 
  position: absolute; 
  top: 14px; 
  right: 10px; 
}

.profile .user-login { 
    font-size: 24px;
    font-weight: 200;
    line-height: 26px;
    margin-bottom: 3px; 
}
.profile .user-login.no-user-name 	{ position: relative; top: 9px; }
.profile .user-name 				{ color: #777; }

.profile-page-header { 
    border-bottom: 1px solid #CCCCCC;
    color: #000000;
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 25px;
    padding: 5px 10px 6px 0; 
}


.fronid-list-user {
    border-bottom: 1px solid #CCC;
    color: #333333;
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.fronid-list-user a {
    color: #333333;
    font-size: 22px;
    font-weight: 200;
}


.menu_naw { 
  overflow: hidden; 
  zoom: 1; 
}
.menu_naw li { 
  float: left; 
}

.menu_naw li:last-child{ 
   border-right: none; 
}

.menu_naw li a { 
  display: inline-block; 
  padding: 10px 15px;
  font-weight: 200; 
}

.menu_naw.nav-profile { 
  margin-bottom: 15px; 
}

.menu_naw.nav-profile li { 
  float: none; 
  margin-bottom: 2px; 
}

.menu_naw.nav-profile li i{ 
  margin-right: 10px; 
  margin-top: -2px;
}

.menu_naw.nav-profile li a { 
  padding: 7px 12px 7px 0; 
  color: #000;
  font-size: 16px; 
}


.profile-info-about { 
    background: #F0F0F0;
    color: #000000;
    margin-bottom: 30px;
    padding: 13px 20px 20px; 
    position: relative;
}

.profile-info-about:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F0F0F0 #F0F0F0;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 25px;
    position: absolute;
    top: -23px;
    width: 0;
}

.profile-info-about h3 { 
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 5px; 
}




div.dropdown-photo-menu {
    height: 25px;
    margin: -25px 0 0 15px;
    position: relative;
    text-align: left;
    width: 32px;
}
div.submenu-photo-menu{
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    display: none;
    left: -24px;
    margin-left: 10px;
    padding: 40px 0;
    position: absolute;
    top: -14px;
    width: 200px;
    z-index: 100;
}

.dropdown-photo-menu  li a {  
    color: #333333;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 200;
    padding: 10px 15px;
    text-decoration: none;
}

.dropdown-photo-menu li a:hover{
    background: #DC5A54;
    color: #FFFFFF;
    text-decoration: none;
    
}
a.account-photo-menu {
    background: url(https://neteye.ru/templates/skin/mirage/images/profile-more-menu.png) no-repeat;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 32px;
    line-height: 16px;
    margin: -11px 0 0 -10px;
    position: absolute;
    text-decoration: none;
    width: 32px;
    z-index: 110;
}

.bacic-photo-menu {
    border-top: 1px solid #DEDEDE;
    list-style: none outside none;
    margin-bottom: -40px;
    padding: 0;
}/* --------------------------------------------
	СТЕНА
-------------------------------------------- */

.wall-submit 									{ margin-bottom: 30px; }
.wall-submit.wall-submit-reply 					{ margin: 2px 0 2px 25px; padding: 7px; background: #fafafa; }
.wall-submit.wall-submit-reply textarea 		{ height: 28px; *height: 16px; *width: 590px; margin: 0; }
.wall-submit.wall-submit-reply button 			{ display: none; }
.wall-submit.wall-submit-reply.active textarea 	{ height: 80px; margin-bottom: 5px; }
.wall-submit.wall-submit-reply.active button 	{ display: block; }
.wall-submit p 									{ margin-bottom: 5px; }

.comments.wall,
.wall .comment 					{ margin-bottom: 2px; }
.wall .comment .comment-info	{ padding-bottom: 0; }
.wall .comment .comment-content	{ margin-bottom: 3px; }

.comment.wall-comment-reply 					{ min-height: 0; padding-left: 48px; }
.comment.wall-comment-reply .comment-avatar 	{ width: 30px; height: 30px; }

.wall-more 							{ display: block; background: #f7f7f7; text-align: center; padding: 7px 0; font-size: 11px; margin-bottom: 2px; }
.wall-more:hover 					{ background: #eee; }
.wall-more.wall-more-reply 			{ margin-left: 25px; }
.wall-more.loader 					{ background: #fafafa url(https://neteye.ru/templates/skin/mirage/images/loader.gif) 50% 50% no-repeat; }
.wall-more.loader .wall-more-inner 	{ visibility: hidden; }

.wall-note h3 { font-size: 15px; margin-bottom: 20px; font-family: Verdana, sans-serif; }/* --------------------------------------------
	ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
-------------------------------------------- */

.infobox {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	text-align: left;
	padding: 15px;
	min-width: 50px;
	max-width: 300px;
	color: #fff;
	background: #5CBFD7;
	font-size: 16px;
	font-weight: 200;
}

.infobox .tip-arrow { 
position: absolute; 
width: 0; 
height: 0; 
border-width: 6px; 
border-style: solid; 
border-color: #5CBFD7; 
}

.infobox .tip-arrow.tip-arrow-top { 
top: -11px; 
left: 15px; 
border-top-color: transparent !important; 
border-left-color: transparent !important; 
border-right-color: transparent !important; 
}

.infobox .tip-arrow.tip-arrow-bottom { 
  bottom: -11px; 
  left: 15px; 
  border-bottom-color: transparent !important; 
  border-left-color: transparent !important; 
  border-right-color: transparent !important; 
}
.infobox .tip-arrow.tip-arrow-right { 
top: 50%; 
margin-top: -6px; 
right: -11px; 
border-bottom-color: transparent !important; 
border-top-color: transparent !important; 
border-right-color: transparent !important; 
}

.infobox .tip-arrow.tip-arrow-left { 
top: 50%; 
margin-top: -6px; 
left: -11px; 
border-bottom-color: transparent !important; 
border-top-color: transparent !important; 
border-left-color: transparent !important; 
}

.infobox a 			{ color: #fff; }
.infobox a:hover 	{ color: #DC5A54; }


/* Default Tip */
.infobox.infobox-standart { background: #5CBFD7; }
.infobox.infobox-standart .tip-arrow 	{ border-color:#5CBFD7; }/* --------------------------------------------
	ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ
-------------------------------------------- */

#notifier { 
	width: 250px; 
	
	position: fixed; 
	top: 10px; 
	right: 10px; 
	
	font-size: 12px;
	z-index: 9999; 
	
	/* IE 6 Fix */
	_position: absolute; 
	_top: expression( eval(document.documentElement.scrollBottom) + 10 +"px" );
}

#notifier .n-box { 
	position: relative; 
	
	padding: 10px 15px 11px; 
	margin-bottom: 10px;
	
	color: #fff; 
	background: #000; 
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	cursor: pointer;
}
#notifier .n-box h3 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 3px; }
#notifier .n-box p { margin: 0; }

#notifier .n-box.n-notice { background: #FFF1A8; color: #333; }
#notifier .n-box.n-notice h3 { color: #333; }
#notifier .n-box.n-error { background: #000; color: #fff; opacity: 0.8; filter: alpha(opacity=80); }/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://neteye.ru/templates/skin/mirage/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Autocomplete 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

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

/*
 * jQuery UI Menu 1.8.14
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.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;
}
/*
 * jQuery UI Datepicker 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-autocomplete-loading {
	background: #fafafa url(https://neteye.ru/templates/skin/mirage/images/loader.gif) 50% 50% no-repeat;
}/* --------------------------------------------
	СТИЛИ ДЛЯ ПЕЧАТИ
-------------------------------------------- */

@media print {
	@page 			{ margin: 0.5cm; }

	* 				{ background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	
	body, .text 	{ font-size: 14pt; }
	
	a, a:visited 	{ text-decoration: underline; }

	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead 			{ display: table-header-group; }
	tr, img 		{ page-break-inside: avoid; }
	img 			{ max-width: 100% !important; }
	
	h1 				{ font-size: 30pt !important; }
	h4 				{ font-size: 26pt !important; }
	h5 				{ font-size: 23pt !important; }
	h6 				{ font-size: 20pt !important; }
	p, h3, h4, h5 	{ orphans: 3; widows: 3; }
	h3, h4, h5 		{ page-break-after: avoid; }
	
	#header, #userbar, #nav, #sidebar, #footer, #comments, .toolbar, .nav-filter-wrapper, 
	.topic-footer, .stat-performance, .actions, .reply-header { display: none !important; }
	
	#wrapper { -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; }
	#content { width: 100%; margin: 0; }
	
	.topic { margin-bottom: 100px; }
}/* -------------------------------------------------------------------
	МОБИЛЬНАЯ РАСКЛАДКА

	Подключается последним в settings/config/config.php, поэтому
	специфичность добирать не нужно — достаточно того же веса селектора.

	Порог 860px выбран не случайно: это последняя ступень старой лесенки
	контейнера. Выше него раскладка уже проверена и не меняется.
------------------------------------------------------------------- */

/* Вне медиазапроса: на широком экране работает форма, ссылка не нужна */
.site-search-link {
    display: none;
}

@media screen and (max-width: 860px) {

/* --- Одна колонка ------------------------------------------------- */

/* Все три варианта раскладки схлопываются одинаково. Порядок берётся
   из разметки: при сайдбаре справа он уходит под контент, при сайдбаре
   слева (профиль) остаётся сверху — там это аватар и навигация. */
#wrapper,
#wrapper:has(#sidebar.sidebar-left),
#wrapper:has(#content.content-full-width) {
    grid-template-columns: 1fr;
    row-gap: 30px;
}

/* Вертикальный разделитель у левого сайдбара превращается в горизонтальный */
#sidebar.sidebar-left {
    width: auto;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

/* --- Шапка -------------------------------------------------------- */

/* Логотип 230px и поиск 375px рядом не помещаются: форму убираем,
   вместо неё ссылка-иконка на страницу поиска. */
#header {
    height: auto;
}

#header .site-info-search {
    display: none;
}

.site-search-link {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    width: 46px;
    height: 46px;
    background: url(https://neteye.ru/templates/skin/mirage/images/searchico.png) no-repeat;
    background-image: linear-gradient(transparent, transparent), url(https://neteye.ru/templates/skin/mirage/images/searchico.svg);
}

/* --- Главное меню ------------------------------------------------- */

/* Пять пунктов в 375px в строку не помещаются и переносятся. На десктопе
   тёмная полоса позиционирована абсолютно и имеет жёсткие 60px — вторая
   строка оказывалась за её пределами, белым по белому.

   Возвращаем полосу в поток: тогда она растёт по содержимому сама, без
   подгонки высоты под число строк. Отрицательные margin компенсируют
   боковые отступы #container, чтобы фон остался от края до края. */
.nav-menu-main {
    position: static;
    height: auto;
    margin-inline: -30px;
    padding-inline: 30px;
}

.nav.nav-main {
    padding-inline: 0;
    max-width: none;
}

/* margin-top у #wrapper компенсировал выпадение полосы из потока.
   Теперь она в потоке, компенсация не нужна. */
#wrapper {
    margin-top: 20px;
}

/* --- Сайдбар ------------------------------------------------------ */

/* Наверх поднимается то, чего нет в главном меню: «Прямой эфир» — это
   единственный вход на /comments/, а облако тегов — вообще единственная
   точка входа в просмотр по тегам, страницы-индекса тегов на сайте нет. */
#sidebar {
    display: flex;
    flex-direction: column;
}

#sidebar .block.block-type-stream { order: -2; }
#sidebar .block.block-type-tags   { order: -1; }

/* Соцвиджеты на телефоне не показываем. Побочный эффект важнее самого
   скрытия: их загрузчики висят на IntersectionObserver, а скрытый элемент
   никогда не пересекается с областью просмотра — значит SDK Facebook и VK
   не будут загружены вообще, без единого запроса. */
#vk_groups,
.fb-page {
    display: none;
}

/* --- Комментарии -------------------------------------------------- */

/* 25px на уровень вложенности съедали пол-экрана на глубоких ветках */
.comment-wrapper .comment-wrapper {
    padding-left: 10px;
}

/* --- Таблицы ------------------------------------------------------ */

/* Таблица профиля не сжимается — пусть прокручивается сама,
   а не распирает страницу */
.table.table-profile-info {
    display: block;
    overflow-x: auto;
}

}
.openid-block { width: 500px; margin: 0 auto; padding-top: 50px; }
.openid-block.wide { width: 650px; }
.openid-title { font-size: 22px; line-height: 28px; margin-bottom: 10px; }

.openid-services { padding-top: 20px; }
.openid-services p { margin-bottom: 5px; }
.openid-services img.google { position: relative; top: 2px; }

.step-two label { display: block; font: normal 18px Arial, Sans-Serif; }
.step-two a.openid-mail { text-decoration: none; color: #70aae0; border-bottom: 1px dashed #70aae0; }
.step-two p { margin-bottom: 10px; }

.step-three span { color: #afafaf; }

.openid-img { position: relative; top: 4px; margin-right: 3px; }

.openid-block ul { overflow: hidden; zoom: 1; margin-bottom: 15px; }
.openid-block ul li { float: left; margin-right: 5px; }
.openid-block ul li a { display: block; text-decoration: none; color: #69909b; background: url(https://neteye.ru/plugins/autoopenid/templates/skin/default/img/openid_nav.png) no-repeat; }
.openid-block ul li a span { display: block; padding: 7px 15px 8px 0; margin-left: 15px; background: url(https://neteye.ru/plugins/autoopenid/templates/skin/default/img/openid_nav.png) no-repeat top right; }
.openid-block ul li.active a { color: #363f42; background: url(https://neteye.ru/plugins/autoopenid/templates/skin/default/img/openid_nav.png) no-repeat 0 -33px; }
.openid-block ul li.active a span { background: url(https://neteye.ru/plugins/autoopenid/templates/skin/default/img/openid_nav.png) no-repeat 100% -33px; }

.openid-service-list {
	list-style: none outside none;
	display: table;
}

.openid-service-list li {
	float: left;
	margin-right: 5px;
 }

.openid-service-facebook {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABXklEQVRoge3VQUvCYBzHcd9XBJNuvYMIR5fegocu3YIISryUPhFKh8ioW5QRkaGycrDFTCWKKMfAQkMQV7P57xbEHrVk7nke+A9+twee72eHLTQ1twUiL8Q6AAGsAxAw6QskmcDSehYOTg0oas+gVy3QqxaUDBOuSk9wnKvBKsnxCVhJXEKr3YVRj2qY/AGOzsojw7kFxNKFP8dzB5hdTEHXdsQF/PftcwdQ9Jehsde3ddg5VGFzT/nZcvycH0Cj2RkYH98t+nrXRACfzhc13um5IMmEf4Dr9qmAt1bH9/hAAa9NBCDg16RIEsIy8WwYgHY+LBOYnk8ED9AqFjV0nGcjlRcbEF07ERsQiWbEBswsbIsLeG/bY8dzAbh7aLABJPdvIJu/96xP/4qC/dGjno+lC2wAgybMjwwBCEAAAhCAAAQgAAEIQIDvALVsglaxPLtQHsUABD0EsB4CWO8brIggDPqQd+0AAAAASUVORK5CYII=');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-facebook-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAyUlEQVRIiWOwjpzxn5aYYdBZ4Ju56H/NhF3/22ce+N80bd//3OZN1LNg3toz///8+fsfGTx58ZE6FrRO3/8fG6CaBTfuvUIx+Oa91//PXH7yf/uhm9Sx4NevP3DDN+69Rv1IRgYTFx0dIhZMXnLs/4L1Z/8vWH8WxYJTlx7DxZun7SPfguevP2FNOchgy/7rtLVg1spT5Ftw/Pyj/7cfvPl/+8EbFENfv/sCFy/t2jaII3nUglELhpgFrdP3w3F0yUrqW0AuprkFANeVh/CLwJGxAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-vkontakte {
	 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADWUlEQVRoge2X/U9SURjH/QOvU9vS36xsttWqae6iNvGHNNOmlbkscyvzIqlDpFJ8S1RMURQFQRBfABWuokb5BuLL/faDwzTgAIretd1ne357vg/fD+eec56TQNEM/udM4NuAAMC3AQGAbwMCAN8GBAC+DQgAfBsQAOLV6G75V0i7DVDpbBidXsaYxQmt2Qm13oFmlREPXrRdHcCrpmGMW1yYnGVhmFvB1PwqjAtumGxu1HdOBtVnliqw69sHKXz+A6SKG0OaSMqVoG1oBiPTyxidXobW7MSYxYlxiws6qwsTVhZlEnX0AIMGB9FMwfvvQZq0wibo51aIuuxKZUgTZRI1UQcAQ1OL0QM8rukhNtOanSGbid50EXWPXocGMNncEQGeNwzGtgdmlzfCNuM44H7Ft+BVEDcSTYTS5FR1RDRvYz1IFEliAyiu6yc2HTYuBWkSRRKiJrNUEaSZsLJEDcdxyKnqiG0TH5thsODyEJvnVncF6Q4Oj8LWZ5S0nqktrO0l9geAZpUx9lMokE8+9hGb21kPknLPLi3HcWHrbxa3nNRdy5eC3dgi9p9ZXEdyXsP5ASiagdm+RvyRT8q/x+r1AvIeSC+SndTKB8zE2q3dPdx6Kid6iwog0iY7ODw6+UazKtuJtVmV7aBoBkV1/SAsFDiOQ2Ftb0TzUQFQNIP+CTvR2ObOHkolaqj15PtjxLSEGoUW/v1DYl1TL/m7jxkgvUgG7x75po1XsBtbEb/7mAEomsHbVu2VAKh0tqjNxwSQKGJgXFi9dACf/wD3yoMvvAsDUDSDjBI5drz+S4f4te0LeWtfGICij29o0gkSr9j2+sPOThcCoGgGki79uY1ZHGv4uemNqnbXt4/sCBDnftB8GbTEbD4wxaaJG6OaQIHjIzrUDHVhAIpmUN85SRwd/o3Tj5JUcSPsLHnWCoSd9SAlXxp/AIpmkP+uG6518kwTiIcvzz4rbxS3wO3ZiUr7oU13OQAUzSA5rwFVMk3Ef/T0LBTI289asbT6OyKAxhQ8vscN4HTeKVOgsnkYsj4TlBorOjSzUGqsqPj8I6wmJV+Kavko1HoHBg0ODEzaodItoGdsHp0jc5B2G0LCXwrAVacAwHcKAHynAMB3CgB8pwDAdwoAfOcfdZWV2cYOx+gAAAAASUVORK5CYII=');
	 width: 48px;
	 height: 48px;
	 cursor: pointer;
 }
.openid-service-vkontakte-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABrElEQVRIie2UyUtCURjF+wOfKA2IRZvatY1nZuWQYC2EFm2qR4M8taxINErIoWwg0CZKMhvIBg1zKBx6mtVpUVg3LXURFHjhbc733vndd7/z3RqKZvGbT00VUAWAolm0aebRr1uFxrAO5ZgT9V2TlQO6R+wIRRMIx1OI3KUxYvaAolnUSg3Y9F7i8zK5DvMGzb2zOA/FEYwkEIomcBNLonNoqRAglBnxkHnMmyTSGdRJ33baqJgmANbN47zBpG2fqHHZHJoUM8WPaMbpJV7WLu6ColnwxCyhm9d8oGgWIrkRqYcsURsyub/vgUhuRIr7+Asum0OLeg78Dh1hMvd+RDbPKaG7D6/BE5do8vjCDvHR0UUEqokVQtv2B8FYPIQWjichlBlLp0gg0eMyfI9K18DURvkxbR+04un5pSLAwVm4aHy/nQPGsvWj4X2KK9B8gVs0dE+VP2hfI/h5t/wOHdb2AgW1HX+IaHTJSZYxDpxcxQgTy3tMBRI9PL7rAoh81FH5XdTaZ4KMcUA55kST8mOQeGIduoZtUGtdUI0vo4exQyDR/7HLrgr434BXpuYlclNf/dEAAAAASUVORK5CYII=');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-twitter {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACIUlEQVRoge3YO2gUURSA4bHRwlR2IWAfFWyEtAFtLCKCrYWFTcTSJqS1NGCtjYoKsixLSNRsjLCrSUASVsKKEMWw6ysviczszs57fqtFxJCZOw/nDs6B092B8zF35tx7FKWkkuvMvIACkHUBBUDwgZGXXe5sWNR2XGa+O4w3DA6XcwKYaJr4/B0rey7HpjW5AReW9H1K/x3T3xy5AfVd90AAwHC1Iy9AtffbPH/G5Tc9eQGmF1g/V1cLQAEoAAUgS8DUusW5ui6UZ+s6J+L0jyQBcaLx0+VUFIgsAIAfls/xp4IImQAAdzfsfAM+drx8A1p6zgFPvuR4C5kenJ7v5hOwY/qcf62LFZ804FHb5vpbQyivNQwuLukcrUS8kiYJyP1RQmqAEXwllhugOcF34htrhryAT93gPTS/lcFoJezCZ5tO8B4CxhYj/Ar/BWDynRkK0HPhykqPQ7IBTlY7oQD9aOse5a82D9vBeb9lM9E0GZqN0AtEFr8KMZ2LE13H59Ky4J9MZPFo7eD5aBJhe3BmQeA8JPrK7rXs1BEVkUGxKGCgotFU0z3ZbZt+egClpDI0q4XqC1FjN22AUlIZnNFY3Uvno54TaYhRAUpJ5UhZ5da6hRt8yggdPjBaE2iGcQD9HK52eNCy6cV8Ia4P4w3B81QSgH4OVDTGFnVuvjd5/Nnm+abDi22HhYCc23K4/cFKd7AlbWZeQAHIuoD/HfALI3fCRwbbJMMAAAAASUVORK5CYII=');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-twitter-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABKklEQVRIie3UP0sDMRgG8NPFD+Dq7CYOHRzFD+BkXUTopou4+HlEByevhRY7SGmhg1haKMXFtUp7h0uH1OsbmjN5nATT+9Mc5tDBB54lw/1I8l4cx2XItb8G7LQClHqEjfq7feDiieMr01BhuxHYBSZzhe+5Ggq7wIf+fVS98B9IB0YkcfMqYns5FNhtpwyBCbAsQgJbjYRxtgEAwPmA5wdIBRSaCcdkArxxhbofxrY8Fth/mP2xKRJSB+58y4BH+hYmc4X12tQecDsSkYt8ZhInfY5ih7QePBI271Ne3LjFvfYs8xSVemQOOC7D9Ut0F2kZk8oGrFUYal5oDPg8I+C4DCsuw9mARy59MQrAaT/Dn7zY1TJDoRngsEM47uo96lLyO2QK/Kh5A5/CS7B+y8mcwgAAAABJRU5ErkJggg==');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-google {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEf0lEQVRoge3Y+09TZxgHcP+eikxdNjddslhCFUVBd8GVjS7gvGGMGIKW6ZawzHXBLZNMJ05luuEczM3pGE4TLlkIiBfO6Y1CL0hr6QVK6ZWeXs53P2grh1OhPaftkYQ3eX7q+7zn+Zz37XvevCsIsQhLOVYIXcAyQOgClgHZGHRk77uwnlHA1dEOz0Av/OR9+FWPFomHsJ5rBCl5RRgAuXkNrGcVoGwWAEDENYmIaxKptKBeC0ONTLgZGK3eBcpqBgC4uzsxXLEl8Zu2XILpuzdZRU/f+QvkptUgC1cJu4SMR/eApkIAgMkbV1/Yz9bSxEK4/r3B++XxAgzLtiIWDAAAoj4vlFteXbC/p6+LhTB/XS8cwEcMJgpxd3cu2l8rLQQdiTAA4SkHSEl+7gGjBz9gFOJoPZ9Snrv7H9YsGOt25x7gbGthFGH/+YeU8sZOHGQBbJeacg/wDd1jFDF1qy2lPNW2dQBNM3Inr1/JPSBo0DGKCGiIlHMpu5XT8ssowK98wCiCjkah2rYupdyAlmTkjn9Zl3vA5PUrrLVs+fbz1AA6dSInFpqFquTN3APm70IAELKMLf5lLchD1DvzfPlc/ZFz8bwAhFgEz0Ave0e5eHrBHJN8X6KvX/kg7cNbRgGa995G2GljCugYxhXypP21UgkoxwQAwDd0D8ri13gVzxsQL2r+jgQAM713YKzbDa1UgtEDZXC0NiMW8AMApv5u5/X1zSiAEItASvLx5PQXSSHzm7urIyOFZxQwN9Sl6zFavQuGGhks3zWwAMMfFb3cgLnhaG1mAbTSwqUDmH9eAoDpuzdBFOQtDUCygxsAePp7oNqe2ldbUABRkAe/ZigpgrKaoasqefkA6h0boD9cAbNCjonz38Dd1fHCHSka8MFYWyUwoGAlDLWVmLrVlriRmFtgyDKGoEGHsNOeFEGHKV4IXgCTfB9mx/SJYsJOOxzXLsBYWwV16XpGX7JwFey/nAPoGHsmfF5oyjbmDkBK8uHqaH/+FqkQnnx/MqWvq6G2EpGZaRbCdfvP3AHmrms6Eob+cEVa+VqpJHGPFG+x0CzITauzDzAr5IwHO369wOnNaaUSRL0exlgjn+zIPmD+m9NVbucEIMQiWM8qGGPpD32YXYDu42LW2l3sMmvBWSiXMMYalm3NLsB4bC8LoHmf2+5BiJ/dUDxrkZlpTkeMtAD6Q+UsgLnxBGfAyJ53EuM4f7/MaYy0AMqitYjNBhkAymaBqvh1Tg93tv8EAIh6PVDvfCv7AEIsguPaRdYs+IhBqEreSGscQ40MdCQCOhaFqX4/51lMG6AsWsu4Fom38JQD5lOfgdy8ZtH8ieZToKkQ6DCFxw1HOBfPCUCIn/75PP09LAQAxAJ+ePq6YL98BubG43jccATjXx3DRPPTg13U5wUABLQkdFWlvIrnDIiH6Xg1/KqHSSHJGh2Lwjv4H0yfHgBRsJJ38bwB8dCUbcT4yaNw/nYJ7u5OeO/3wfdoAJ7+Hrg6/4CtpQmm+v0pXz3mHCBkLAOEjmWA0PE/xpRXFLQ8kdYAAAAASUVORK5CYII=');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-google-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACMklEQVRIic2U3UuTcRTH/XsqwQzWC3ZRZmYNFaVIKYiSYGQZVF4o1dACtZKIHAkVeRG5vJEmkRRllNgr7fF5pntxOjdXU5853ZtbW/t0IS7GWG6PCf3g3JzD+X0453zPyTPu3cRGWt5/AxDVKuyX6nC2N+G8eSXFpi7XYyzerAwgqlXIBj2+oRe4dW0svn/F6vO9eY5b146oVimrYPTgNsK2cRYG+1P8c/qHAMS880jVu5W3yNPTBcBkkybFLxzYSsznBWC294FywLJjAgB7Y11aTDY8BSAofFYOiHnnAXDfu5EWm7lzDYClD2+VA5ZGhgAIT5jTVOLWtQHg7GhWDrBqDpP4GQXge/etP8MvKyRsNeEd7M8oz6xlams4TthqAiDw7SOyQU/U42aur2fNz7MCrJpYvp3JJk1yB8SKHVnl5XQqrPU1SYD8rBehJP/fAaSqIqxnjhKZmU5CAsZPa1byV4BUuYvZJ/eJOCdZGn7Nj0d3cd1uQR7oS0JCZgmhtCB3gPlUJbEFmZBZxHRkT1p8SnueRDQCgKtTmztg2W4BwHyyPGOys6N5ZR4DfbkBxmr2JVswWlaYWVlq1co9etydG0Cs2AmJXwBMaRsyJltOV5OIxxk/cSj3FskGPQDxoB9HywWMxVtSq6zdT9gi4eq8qkxFQkk+np4u4kH/yu33efF/GWbx3UtCYwKBryPYzh1b/x4IpQXYztbiaL3I9PVG7I11SFVFWe1OVoD12oYDfgMgKZYDLqDJQgAAAABJRU5ErkJggg==');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-yandex {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACfUlEQVRoge3Z70tTURgHcP+f6YLpLCIsISnYi4iQCBEp7IUVlRBJYEILSmGL2UAkwZRBSJJkWLMhlVhk24rofc6Cum7ux/2xu7vbPPfbmxg9u7nWi9g5sAPPq/ucy/dzOPdyttskuRwQuZrqHaABqHeABuC/3by1GZn+PmhTkzBWIjCj6zDjMVsZz8P8AbKDF1BKbKCWYWkaR4C2FujzczUF5xJQeLxgC7jz9QvyoRmo/jGovlGovlFYep4/gOwdockZg+ofg9TWYutlmTRfgK2OvWCKQvIrt2/u2s8dQL17h4Q347Gq/dwBShufCSB7cUAcQMrTRd8qug6pfY84gNzVwX/aPtwB1GCAAAqLC2IB9AchAsiHZgQDPHpIAbPTggEqjg76/JxYAO3eBAEUX6+KBchdu0IALJOB1NosDiB5pBOwLILInOkVByC5HDDfx+g2Wqu+jbgDZC+dQ+WQvdfFAUguB4qvXlABY1DH/ZDcTjEAyUP7bYc6ANj5/g350H3I3hHIw0OQh4dgaRp/AMnlQPJwB358+mhDVBtcASSXA5LbCTUYID8bxQL8KjXgo4+EoqC0mUBpMwEwxjcgeXAfmJwjgMxAf/k6lw/x75WfnSbhzQ9xcp1rQMrTBcs06eqf7RMHYISX6OpH12093ALSPd22c1H6dI84ADMeJeGLb9b+2MclIHv5PCpHuvekIAC30/ZvdHH15a793AGUWzfo0lsW0qdOiAHYOtBOAgGAsRKpOocrgDY1SVefMWx3HxMDkDraCcsw6OqHn/51HjeAwmLFBw3GsH3cIw7AWH4G893bcmkTwdrgS0/Kc4zIcv0APFQDUO9qAOpdPwFC3Jns9zIecwAAAABJRU5ErkJggg==');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-yandex-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABX0lEQVRIic3UvUtCURjHcf8fo8DoZYmiIYpQCBNKkCBcbMihQlHLpSFoEIREjKIoaosiiIYgeiOiJYKalYKbetWr17fC27fhgmBtdS504FmeM3zO4fyeY5IsZows078C0v295L0zKEsBlHAQJRwkO24TAHS2ocaifNbrfF+laOTvgLoeB6CRSlIILCBPOans74oBMrZh0DS0Uon00ECzX4qsigHU+BoAlb2dlr4woH59CUDBP2cM8PH8BEDO4zYIeHzQbzDvNQaoHh4AUN7aMAbIedwAaEXFmBRJFjO10xN9Dl5fUBb9yE4H5d1tcYDU3aEPlqYZM8mSxYzU1U4jlQRATcSonZ+JBYorywC839+Jf4O3vh60fF6fh2mXeKC8mQCgfnsjPkWZkcHmNy27JsQD1eMj/fRXFy19IYA8aW9GU3Y6xANZuxUl5CM/6/m5NzaKEvKRtVvFxPS3ZTjwBbu3pnnP6NWfAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-mailru {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGIklEQVRoge2Z+28UVRTH+St2SxURIgbwGYygVo0GgtGYUCExookSEzEaEmuCIVB+ANTgg9mlD8qjtEVKkbZSaEVqSx+2pVDBQqGp3cUW7Ox7u7uz233P7MzXH2Dp3jszu7NtoJL0JOeH5t6993zmnnset3N0DIsHWefMtAGzADNtwCzATBvwvwDQMyxWVTuxo4tDkzkMk4cHFxWRkICEBARiIkZ8AlpGI9hzMYD8OhceMlpmHmDpfht2n/djzC8gW/FFRRy+GsSLlfb7D7Cg2AJjXwBRQcracFokAHVDITx7yHZ/APLrXFP64pkkGJdQ0OKF/l4B6BkWO7o4qH3zYFxCozmMre0+5Ne6sLzCjiVlVjx5wIa8Kgc+ODWO73r96LXEIKY5uJrBEB7aq/1+aALQMywO9U8obnjDy2NTsxfzirRv+tQBG77v9YOLioprto5GNK+nCcDQF5BtwosSdnVzyDVO/QIuKrWiciCoCNEwHNbkThkBNjSOyxbnoiLe/tmlOP+ZgzZsPOPB7vN+FP0ZwK5uDu83uLGwRP2Lrm9wwx+Tn8b2Tm56AEvKrLJjDvMSVtc4ZXPX1rvRMxZV/JoAEBMknBgKYUWFcth85YgDnogo+43afE0ANYMhmSGf/Ooh5iwssaD+77Cq4bTwCQk7uzjoGRaVA0FwURFN5jByjSxWVjsRT5A3/JQpPDWA58rtoNZCwzC52OIyK6674pqNT5XW0Qjx99p6N3QMi20dPtncF9IkO1WAfZfJqBNPSESyeXivBf12ufF/2ePY2u7DmloXVlU7sa7eja+7/Rhy82mBPmoch45hkWtkYfKQc/ddnsgOIMfAwjaRIBapvh5KCxgVJGw841GNHHqGxaZmLyIq2TsJoGNYFLR4ibExv6C6riLAa0cdsg3eSLm4KypI95IArG9wZ4wYOobFmloXeIVMlgqwsMQim/OSihspAnx1jvRDZyhBfIHDV8nYTZ9OJv3xgjyvpALoGBYXLDFi/POzHu0Ah66Q7tFknry8OQYW7jDpXnlVjqwAHiu1Ika5Eg1A21BySfkeKAI0j5ARYs/FAOE+qTLmF7IyPql//EvmDBpgZxdHjNMRMC0AnZC2tPnujq2rdxNj525GpwRQfoV0QxpgM+XGavtoAth8bhLgvZMkQKp7ZaPFl8h7QANsaSMBuseyAGihkszOrsmaZHWNU9PCmfTEEJnlaYAfLviJ8bP/RLQDVFEVYuVA8O7YgmILhJSSxRsRkWPIzng9w8qaIhqALk+OqUQ6RYDCDvIC9dvjxHgX5WLr6rXlgKS++wvphkoAN7xkNk71gowAbx4n3USUgMVl1rvjHzeRJXa/PY65Gk/h0WKLzDga4OmDNtn4O3XK5bsiQK6RlZXRhSm1eY6BxRUHWQcduRbM6EoLii1ov6VccqcC0AVdTJDwiEqHplrM0aW0JSAQvWpelQNhnkxGPWNRrKyW9wq5xtuN0ahP/TEgCTDXIHefxjSRThVg9TGnbBPaD9c3uMHTNTeAEZ+AJnMYtUMhtN+KKva+9O823AH4stUrm5vujqVtaNpukscdEyS8fpQsG/LrXBinSotMYvbw+PA0eY/abkbxxe9e2an2WWNpe+O0AHlVDlmHZJtIYFk5WRkuKbPi2PWQrAGiJcxLMPYFML/IgqX75ReVFl6U8OpP6eusjE09XZMkIeiTSEaP7Z0cmkciGB7nMeYXcM0Vx8nhMApavFhUaiXm97IxBbMnpaDFmzGqZQTIMbBoNMt73qggobCT0xw+lXR5hR32oLL7FXZkfpHQBKBjWMwvssiSV1JMHh6f/ubJ6jUtVReXWVF6eQImDw/bRAKtoxGsqVWO+VMG0DEs5hVZcFrhJJLijYioGQzhs7MevHzEgfl34raeYfH4PiveOu7Etz1+DDjjCMaltH1uNprV466euZ1ktL5K86KU9h30+cPTe1rPGiCpy8rtOGUKqz70apGEBDyxf2pP6tMGSGpelQMH+ydkL2qZRBCBbR2+aRs/bYCkzjXcLgC/6fGjyRzGoJuHJyIiJkiIJyRwUREmD48mcxiFndyU/5lxzwBmUmcBZlpnAWZaH3iA/wDvtU1Tv6+SqgAAAABJRU5ErkJggg==');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-mailru-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC90lEQVRIid2UyU8TYRjG/SsGt6jRYIwxbolL4OJ2cTvoycSDB40aMQaNidGDS6LHgSogCgJJiWAwRgWxUpVAPIhLFLeYqohO2+mUzrTQlbbT+XmYdqRSxBg96CTvZTLf83vm/Z73nSKIEn+zpvzfgBk2N3vvqLS7YnjCOroBGQPkiE7XQJzyLo3Z592/B9h5M4A0kmayJxDTKXNoFP0qoEiUsPWNWAL9SpKj94OUNvmYW+WmuNrD+maFM70hPoe+G2jqjzC14hcA5x4NA6AbcOxB0HK2rM7LtjY/6+w+pldmW1jp5uyjYXTDhNiejPwcsNbuI5P9uMyhIYgSa+w+HntG89qiRHWOODVKGmWO3g+yu0PFAAxgQ7MyMeDOhzgAHR/iCKLEllY/8bRhterqmyidH+PWu1AiA8DqRpn6FxEA2l2xwoB5VR5SWfsbmhXmXHDji+gAHHZqeYcWXfLy0pe0/qi0ycfSOi8Ao2mDWWOSZQG2tfkB8IZ1ikSJ8i4NAMeneMF0rGyQMcYABFHCpaYA2NiijAeUOUzB7sEEgihx9U20oPux9T6QygN0DyYA2NOhTgxwDpiO296ZgP2d6oSAfiWZB+j9agL2dRYAbL8+BIBLTSGIEqd6QgDUPg8XFF9w0UMqm88cIDeY268PjQcUV3usPC+vl1lY6yWaMoimDEsgV9MrJW65YnmXvLJBhmxU59d4CsfUOWDGtLE/giBK7O9UAQgnM9j6RtjToXKiO8hrf9ISywHqXoQB6PmSmHgONrYo1sDsvBlAECV23Q6gRPW8QcsY5mqwvzKz/0xOWrDNrf6fr4qqp6aTlG5wxGkusZk2NztuDHH8YZADd1WWXPYiiBKbWhTrHgBO94Ym30XTKiSaX0etQy+VJOVdGiuuyEyrMFf4WruPkz0hVjXIlDTKnOgOsvWaf5x4QUBuox66pxGI5bfmx6fmWeGETQrI1ezzbg46NNpdMQZDaRJpg0TaYDCUpvVtlMXZVv024E/Uvw/4Bm1tk+ulcilSAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-odnoklassniki {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADlklEQVRoge3Y20sUURwH8P4UtaCIrkoWFPQSQYl2hy7QS1AUEUQPFUkX2RXL21p09ZbY1c2N7rmVlGH2UrprQVKWkWUSmbpzzszsOXO+PZhizUw77c7ObODAeTu/Od/PuTCXSZInDf9zm+R2gAmA2wEmAHbfkPiyod7LBwv5wbtbwLtbwEJ+KHcPgPjmpS6AlGeBdTQAGofppTGw9isgZZmpBaC1qyCkb+bB/7hEpB+0Ji81ALQ6F0IllsOPIZQIaOUylwFHp0MMfvrn8KOXNtADqWiaewD1SblxsN52yP6tIL5sEF82ZP82aJ9Dhn3V5mMuAQonG+57Fg5A8k427M9e3dBvpeGvkLwZzgPk82v0YQY/QSqaal5XNA1iqE9XR6tznQeo9/L12+FJecy6aOtJXZ1ye68LgMcl+iCBnTHrlBu79fBHRS4AHhbqAXf2x667f1APCBY4D1CubdcF4W+aYtbxt826OvnqFucBpDwLENofUQTkCxtNa+RLm3XhoXGQ0jnOA8xmUygRKI079Ct2fZfhE5t3BeMeP2EArckzWIVfE/v9A1g4ABYOQBvoMewDwUErl7sHkDxpiLaeMg5n4Yq2+BIa2xaA5EkHC/n/OTxrvwLJk54KgBGE+sADMNnCtFOowSM2jGkrYKSRigWItp01fEMVPz4i+uw0SMV828aLGyDXr4f2uQPalzCUO/uMMWWZoFU5oFU5Jl9g6VDuHoDW1wmt9yXkunXOAEjxDAhl+LfZ5e8eg55ZYvke9OxS8PdPf18h+gPS0enJB8gXNplsbgH+oRVq8AhoTR5I8Yxx6JmgNSugBgvAe9oACMM7yHVrHViBsrkQ8lDswwqMHGorBxuAoAMgJbOcOQO0diVEpN8awkr4ob64vwnifxcqnQvWeT3R6GDhRpCS2XFlSAgwthrVuWDhRgglYj22MgzW0QBalZPQ2LYAxlrhFNDa1VCbDoG9uAhobFxiDvbyMtSmw6C1qyEVTrFnTFsBo82bARZu1M06e33L+GM/pQDeDLBwwHTrJANhH8CbYelQ242wB2AxfDIQiQP+El4M9UEM9iYVkRggRnh6cjHIiUVJRcQP+MuBHQ0/2jeZiPh/q9zcYym8FYTZK3lSAUa/CM3Cx0JEn59zHkArlwNctRzeFMGj7vzclTxpkOvWgb9pAgtdAzmx0HIdOb4ArKMBvCsIuX5D3OMnDEiFNgFwu00A3G4/AVtAquUJzraMAAAAAElFTkSuQmCC');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-odnoklassniki-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB30lEQVRIic2UTU8TURSG+SkFokREYSUb4x8gYeNPcNGFLDT6E0qgtCQ2laQhhoAuCGkErKgbFoLYEiCEBCgfsYGwK0pC5N7O5M7H42JwyqS2pTMl8SZ3c8/c88x9z3lPi4iEuMnd8t8A5OtH6LMD6O+fIpMPmweQsS6M3Y94l42xM48c6QwIGGzHPFmj2jKPs4jBNv8Aff6Zm8zYnEa+eoBM9GJszbjn+uyAf4CRXwDA+nmIiLReeVkb1tmRA96e8w8wj1acJHtfKmOHi45MP74GeMHmtFNSeYaM3y8XfrQHWzsHQK1P+Qdok49dra3iPnrmBXrmJdbpgdtNpYn+YG2qsqmqXaRWksF9ICIh568viwpg/Sqgf3he915NgJYOY18UUd/HENE7jvbxbmS82/km2onKprAvimgzTxoHqLXJsm+1c4z8Amo5gVpOYOQ/Yeu/y1KtjjcOkCN3MXYzVfV3Dbg9h4hWHxl1a1Ca6EflxjGPc4B9OSJyqGyK0pu+5hRZREKo9amyJBvv8Dg7GKAVtfG2skWvCakD8CY3C0uYhaWGIDUB6lvSk1wMdyCGO7yQOmarPYv2PnuT/41dgfxrEF4bIGNdaOkwYuhWZXzoNlo6jIzda04X+d03DvgDDNxqjFcvb3kAAAAASUVORK5CYII=');
	width: 24px;
	height: 24px;
	cursor: pointer;
}.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }