/* ===== СПИСОК ТЕМ ===== */

td.dotted { background-image: url('/img/dot.gif'); background-repeat: repeat-x; background-position: left center; }

div.sprites {
	display: -moz-inline-stack; display: inline-block; overflow: hidden;
}
div.sprites div {
	background: url(/img/forum_topic_v5.png?v2) left top no-repeat transparent;
	width: 16px;
	height: 16px;
}
div.sprites div.k1 { background-position: 0 -16px; }
div.sprites div.k2 { background-position: 0 -32px; }
div.sprites div.usr { background-position: 0 -48px; }
div.sprites div.spec { background-position: 0 -64px; }
div.sprites div.b17 { background-position: 0 -80px; }
div.sprites div.b17_2 { background-position: -32px -48px; }
div.sprites div.other { background-position: -16px -16px; }
div.sprites div.key { background-position: -16px -32px; }
div.sprites div.top { background-position: -16px -48px; }
div.sprites div.home { background-position: -16px -64px; }
div.sprites div.hid { background-position: -16px -80px; }
div.sprites div.last { background-position: -16px -96px; }
div.sprites div.access { background-position: 0 -96px; }
div.sprites div.access2 { background-position: 0 -112px; }
div.sprites div.vote { background-position: -16px -112px; }
div.sprites div.lock { background-position: -16px -128px; }
div.sprites div.bl { background-position: 0 -128px; }
div.sprites div.print { background-position: -32px 0px; }
div.sprites div.edit { background-position: -32px -16px; }
div.sprites div.del { background-position: -32px -32px; }
div.sprites div.mail { background-position: -16px -0; }


.forum-topiclist { font-size: 1.06rem; color: #666; }
.forum-topiclist small { font-size: 0.76rem; }

td.forum-last { font-size: 0.76rem; color: #666; padding: 3px 0 4px 4px; }
td.forum-last div { background: url(/img/latest.gif) no-repeat left center; white-space: nowrap; padding: 0 0 3px 22px; }
td.forum-last div a { font: 13px Tahoma,Verdana; }
.forum-last small { text-decoration: none; color: #666; font-size: 0.76rem; }

#typing_message { font-size: 0.82rem; margin: 0 0 10px; color: #777; font-family: Verdana; display: none; line-height: 100%; }



/* ====== ПРОСМОТР ТЕМЫ - V2 ===== */

/* Разрыв нумерации страниц */
.page_list_brake { height: 15px; margin-top: 15px; border-top: 1px dashed #aaa; position: relative; line-height: 100%; }
.page_list_brake > div { position: absolute; top: -10px; left: 0; right: 0; text-align: center; }
.page_list_brake > div > span { background-color: #ecf0f6; padding: 1px 10px; border-radius: 3px; color: #888; font-size: 0.7rem; }

/* Список сообщений */
h1.h1_topic { text-shadow: 1px 2px 2px #eee; }
h1.h1_topic a { color: #000; text-decoration: none; }

.topic_post_v4 { border: 1px solid #ddd; border-color: #e6e6e6 #bbb #b7b7b7 #e6e6e6; border-radius: 5px; margin: 0 0 8px 0; background-color: #fff; padding: 5px; position: relative; }
.topic_post_v4 .yak { position: absolute; top: -50px; opacity: 0.01; }
.topic_post_start { background-color: #e4eff9; border: 2px solid #b8cedf; }
.topic_post_start .topic_post td.fio { border-right-color: transparent; }
#post1_menu { position: absolute; top: 0px; left: 0px; width: 700px; margin-top: 180px; box-shadow: 0px 0px 30px 30px #e7eef4; background-color: #e7eef4; padding-top: 10px; z-index: 5; }


table.topic_post { border: 0; border-spacing: 0; padding: 0; border-collapse: collapse; table-layout: fixed; width: 100%; }
/* .topic_post:nth-of-type(2n) { background-color: #eff3f7; } */
.topic_post td { padding: 5px; }

.topic_post_hid td.fio { display: none; opacity: 0.7; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.topic_post_hid td.mes { display: none; opacity: 0.7; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.topic_post_hid td.bot { display: none; opacity: 0.7; }
.topic_post_hid td.hid { padding: 15px 10px 15px 140px; color: #666; font-size: 0.82rem; }
.topic_post_hid td.hid div { float: right; margin: 0 0 10px 10px; border-bottom: 1px dotted #666; cursor: pointer; opacity: 0.5; transition: opacity 0.3s ease 0s; }
.topic_post_hid td.hid:hover div { opacity: 1; }

.topic_post td.fio { width: 130px; font-size: 0.88rem; border-right: 1px solid #fff; vertical-align: top; }
.topic_post td.fio img { margin-bottom: 5px; max-width: 100px; border-radius: 3px; }
.topic_post td.fio a { text-decoration: none; }
.topic_post td.fio a.fio_gray { color: #333; }
.topic_post td.fio a.foto {  }
.topic_post td.fio a.foto .foto_auto { display: inline-block; background-color: #eee; padding: 10px 0; text-align: center; font-size: 40px; border-radius: 4px; width: 100px; margin-bottom: 5px; text-transform: uppercase; opacity: 0.8; filter: saturate(80%); }
.topic_post td.fio a.foto .foto_auto span { color: #fff; opacity: 0.7; }
.topic_post td.fio p { margin: 3px 0 0 0; padding: 0; color: #666; font-size: 11px; overflow: hidden; }
.topic_post td.fio p.fio { margin: 0 0 5px; font-size: 0.82rem; }
.topic_post td.fio p.online { margin-top: 3px; color: #2c9835; font-family: Tahoma, Arial; white-space: nowrap; }
.topic_post td.fio p.online span { background: url(/img/online-mobile.png) no-repeat left center; padding-left: 11px; }
.topic_post td.fio p.date { margin-top: 10px; font-family: Tahoma, Arial; }
.topic_post td.fio p.cons { overflow: visible; }
.topic_post td.fio p.cons a { border-bottom: 1px dotted #666; color: #325683; font-size: 0.7rem; }
/* .topic_post:hover td.fio p.cons a { border-bottom: 1px dotted #c60; color: #c60; font-size: 0.7rem; } */
.topic_post td.fio p a.ban, .topic_post_v4 .fio_mobile a.ban { color: #c85757; text-decoration: none; }

.topic_post_del  { opacity: 0.5; }


.topic_post_v4 .hid { padding: 8px 10px; color: #666; font-size: 0.82rem; line-height: 130%; }

.topic_post_v4 .fio_mobile { padding: 5px; }
.topic_post_v4 .fio_mobile a.foto { float: left; margin: 0 8px 7px 0; display: block; position: relative; box-sizing: border-box; } /* border: 1px solid #ccc; border-radius: 27px; padding: 1px; */
.topic_post_v4 .fio_mobile a.foto img { margin-bottom: 0; width: 50px; padding: 0; border-radius: 4px; }
.topic_post_v4 .fio_mobile a.foto span.online { position: absolute; display: block; left: 1px; bottom: 1px; width: 9px; height: 9px; border-radius: 5px; border: 1px solid #fff; background-color: #39b54a; }
.topic_post_v4 .fio_mobile a.foto .foto_auto { display: inline-block; text-align: center; font-size: 30px; border-radius: 4px; width: 50px; height: 50px; color: #fff; box-sizing: border-box; padding-top: 8px; overflow: hidden; text-transform: uppercase; opacity: 0.8; filter: saturate(80%); margin-bottom: 0; }
.topic_post_v4 .fio_mobile a.foto .foto_auto span { color: #fff; opacity: 0.7; }
.topic_post_v4 .fio_mobile p { margin: 4px 0 0 0; padding: 0; color: #666; font-size: 0.82rem; overflow: hidden; }
.topic_post_v4 .fio_mobile p.fio { margin: 0; white-space: nowrap; text-overflow: ellipsis; }
.topic_post_v4 .fio_mobile p.fio a { text-decoration: none; font-size: 0.88rem; font-weight: 500; }
.topic_post_v4 .fio_mobile p.fio_avt { padding: 2px 0; }
.topic_post_v4 .fio_mobile p.fio_avt a { background: #d6e1e9; padding: 2px 5px; border-radius: 4px; }
.topic_post_v4 .fio_mobile p.fio_gray a { color: #333; }
.topic_post_v4 .fio_mobile p.ban { color: #c85757; opacity: 0.7; }
.topic_post_v4 .fio_mobile p.date { margin-top: 6px; font-family: Tahoma, Arial; }
.topic_post_v4 .fio_mobile p.time { font-size: 0.76rem; }

.topic_post_hid { display: none; opacity: 0.8; filter: grayscale(1); user-select: none; }



.topic_post_mobile td.fio a.foto { float: left; margin: 0 5px 5px 0; display: block; position: relative; }
.topic_post_mobile td.fio a.foto img { border: 1px solid #ccc; padding: 1px; border-radius: 27px; margin-bottom: 0; width: 50px; }
.topic_post_mobile td.fio a.foto .foto_auto { display: inline-block; text-align: center; font-size: 30px; border-radius: 25px; width: 50px; height: 50px; color: #fff; box-sizing: border-box; padding-top: 8px; overflow: hidden; text-transform: uppercase; opacity: 0.8; filter: saturate(80%); margin-bottom: 0; }
.topic_post_mobile td.fio a.foto .foto_auto span { color: #fff; opacity: 0.7; }
.topic_post_mobile td.fio p.date { margin-top: 6px; font-family: Tahoma, Arial; }
.topic_post_mobile td.hid { padding: 15px 5px; }

.forum_post_new { box-shadow: 0 1px 0 #fff inset; }
.forum_post_new td { background-color: #faf1d8; }
.forum_post_new td.fio { background-color: #faf1d8; }

.topic_post_new { background-color: #faf1d8 !important; }

.topic_post_light { background-color: #faf1d8 !important; }
.topic_post_bl { opacity: 0.6; filter: grayscale(30%); }

.topic_post td.mes { vertical-align: top; word-wrap: break-word; line-height: 130%; }
.topic_post td.mes img { max-width: 100%; }
.topic_post td.mes div.quote { margin: 10px 0 10px 10px; box-shadow: none; color: #030303; border: 1px solid #ccc; border-left-width: 3px; border-color: #ddd #ccc #bbb #ccc; background: #f3f3f3; overflow: auto; max-height: 300px; border-radius: 3px; }
.topic_post td.mes div.quote:first-child { margin-top: 5px; }
.topic_post td.mes div.quote a { color: #111; }
.topic_post td.mes audio { width: 100%; border-radius: 5px; }

.topic_post td.bot { vertical-align: bottom; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.topic_post td.bot .forum-buttons { font-size: 0.76rem; color: #666; height: 20px; padding-right: 10px; opacity: 0.5; transition: opacity 0.3s ease 0s; }
.topic_post td.bot .forum-buttons a { color: #666; }
.topic_post:hover td.bot .forum-buttons { opacity: 0.8; }
.topic_post td.bot:hover .forum-buttons { opacity: 1; }
.topic_post td.bot .bot1 > table { border-collapse: collapse; border-spacing: 0; border: 0 none; padding: 0; width: 100%; }
.topic_post td.bot .bot1 > table td { padding: 0; }
.topic_post td.bot .bot1 > table td:nth-child(1) { width: 100%; }
.topic_post td.bot .bot1 > table td:nth-child(2) { white-space: nowrap; }
.topic_post td.bot .bot1 > table td:nth-child(3) { padding-left: 4px; width: 16px; white-space: nowrap; opacity: 0.5; transition: opacity 0.2s ease 0s; }
.topic_post:hover td.bot .bot1 > table td:nth-child(3) { opacity: 1; }

.topic_post td.bot .bot2 { border-top: 1px dashed #999; display: block; font-size: 0.94rem; margin-top: 5px; padding: 5px 0 0 2px; display: none; color: #999; }
.topic_post td.bot .bot2 div.i { margin: 8px 0; }
.topic_post td.bot .bot2 div.i a { position: relative; padding: 2px 0 2px 21px; }
.topic_post td.bot .bot2 div.r { float: right; margin: 5px; opacity: 0.7; background: url('/img/icons.png') no-repeat scroll -80px -48px; width: 16px; height: 16px; cursor: pointer; }
.topic_post td.bot .bot2 div.r:hover { opacity: 1; }
.topic_post td.bot .bot2 div.ip { margin: 7px 0 7px 21px; color: #999; color: #999; font-size: 0.82rem; opacity: 0.7; }
.topic_post td.bot .bot2 div.adm { margin: 9px 0 9px 21px; }
.topic_post td.bot .bot2 div.adm a { opacity: 0.7; }
.topic_post td.bot .bot2 div.adm a:hover { opacity: 1; }
.topic_post td.bot .bot2 a { text-decoration: none; color: #325683; margin-right: 15px; white-space: nowrap; display: inline-block; }
.topic_post td.bot .bot2 a:hover { color: #c33; }

.topic_post td.fio p.topic_author { background: #d6e1e9; padding: 3px 0; border-radius: 3px; display: inline-block; color: #111;line-height: 100%; width: 100px; text-align: center; }
.topic_post_mobile span.topic_author { background: #d6e1e9; padding: 1px 5px; border-radius: 3px; color: #232; margin-left: 3px; }

.topic_post .club_100_master { position: relative; height: 7px; margin: 0 auto 5px auto; max-width: 100px; }
.topic_post .club_100_master > a { display: block; background: url(/img/psy_list_club100.svg) no-repeat 0 0; background-size: 100px 30px; height: 30px; width: 100px; height: 30px; overflow: hidden; position: absolute; width: 100%; bottom: 0; }

.topic_post .club_100_master > div { height: 28px; overflow: hidden; position: absolute; width: 100%; bottom: 0; }
.topic_post .club_100_master > div img { position: absolute; right: 0; opacity: 0.9; bottom: 0; margin-bottom: 0 !important; border-radius: 0 !important; max-width: none !important; }
.topic_post .club_100_master > div img:hover { opacity: 1; }

.topic_post .user_rating { width: 100px; height: 3px; border-radius: 2px; background-color: #ddd; margin: 0 auto 5px auto; opacity: 0.8; }
.topic_post .user_rating > div { height: 3px; border-radius: 2px; background-color: #999; }
.topic_post:hover .user_rating { opacity: 1; }

/* Якорь - номер сообщения */
div.yak { height: 0; width: 10px; opacity: 0; position: relative; font-size: 4px; pointer-events: none; line-height: 100%; }
div.yak div { height: 1px; position: absolute; top: -7px; left: 0; }

@media screen and (max-device-width: 580px) { /* 640 */
	/* Ширина первой колонки топика на форуме*/
	.topic_post td.fio { width: 100px; }
	table.table-forum-post-th td { font-size: 0.82rem; }
	table.table-forum-post-th td:nth-of-type(1) { width: 100px; border-right: 1px solid #7b9cbd; }
}


/* Запись аудио */
#audio_rec_box { background-color: #fbfff3; max-width: 750px; color: #000; padding: 15px; overflow: hidden; display: none; border: 1px solid #ccc; border-top-width: 0; }
#audio_rec_box table { color: #888; }
#audio_rec_box table .td2 { width: 100%; padding-right: 10px; }
#audio_rec_box table .td3 { padding: 2px 1px 2px 0; }

#audio_rec_box .btn_rec { display: inline-block; position: relative;  padding: 5px 7px 5px 21px; font-size: 0.94rem; background-color: #f6dfdf; border-radius: 2px; line-height: 100%; color: #111; cursor: pointer; display: none; box-shadow: 1px 1px 1px #d7a9a9; margin-right: 15px; white-space: nowrap; }
#audio_rec_box .btn_rec::after { position: absolute; display: block; content: ''; top: 50%; margin-top: -5px; left: 7px; width: 10px; height: 10px; border-radius: 5px; background-color: #f33838; }
#audio_rec_box .btn_stop { display: inline-block; position: relative;  padding: 5px 7px 5px 21px; font-size: 0.94rem; background-color: #dddddd; border-radius: 2px; line-height: 100%; color: #111; cursor: pointer; display: none; box-shadow: 1px 1px 1px #bbb; margin-right: 15px; white-space: nowrap; }
#audio_rec_box .btn_stop::after { position: absolute; display: block; content: ''; top: 50%; margin-top: -5px; left: 7px; width: 10px; height: 10px; background-color: #444; }
#audio_rec_box .btn_del { display: inline-block; width: 19px; height: 19px; opacity: 0.6; cursor: pointer; display: none; }
#audio_rec_box .btn_del:hover { opacity: 1; }
#audio_rec_box audio { display: none; opacity: 0.5; }

#video_rec_box { background-color: #fbfff3; max-width: 750px; color: #000; padding: 10px; overflow: hidden; display: none; border-bottom: 1px solid #ccc; }

/* Прослушивание аудио */
#sound_rec_player { background-color: #eaefdf; overflow: hidden; margin: 0; border-radius: 4px; }
#sound_rec_player .play { float: left; width: 40px; height: 40px; background: url(/img/audio_play.svg) no-repeat 50% 50%; opacity: 0.7; cursor: pointer; }
#sound_rec_player .play:hover { opacity: 1; }
#sound_rec_player .play_on { background-image: url(/img/audio_pause.svg); }
#sound_rec_player .progress { margin: 0 50px 0 40px; padding: 12px 0 0 0; }
#sound_rec_player .progress > div { height: 16px; background-color: #fdfdfc; border-radius: 4px; box-shadow: inset 1px 1px 1px #d1d7c4; overflow: hidden; }
#sound_rec_player .progress > div > div { height: 16px; display: inline-block; background-color: #63a64c; }
#sound_rec_player .time { float: right; width: 50px; text-align: center; font-size: 1rem; color: #666; padding-top: 12px; line-height: 100%; }



/* Предупреждение */
#post_moderator_warning { background-color: #faedb7; border: 1px solid #dfd39f; border-radius: 2px; clear: right; font-size: 0.88rem; margin: 5px 0 10px; overflow: hidden; padding: 5px 7px; }
#post_moderator_warning .cancel { margin-left: 15px; color: #666; border-bottom: 1px dotted #999; cursor: pointer; }
span.sound_off { opacity: 0.8; }

div.box-grey span img { vertical-align: bottom; margin: 0 0 1px 0; }



/* Цитирование, плавающая форма ответа */
div.box-fly-reply {	position: fixed; left: 50%; margin: 0 0 0 -480px; padding: 8px 30px 5px 30px; border-width: 0; border-top: 7px solid #fff; z-index: 1000; bottom: 0; width: 700px; background: url('/img/bg-forum-reply.gif') repeat #c6d8e8; }
#reply-form-hide { display: none; background: url('/img/bg-forum-reply.gif') repeat scroll 0 0 #c6d8e8; position: absolute; right: -37px; top: 10px; border-radius: 0px 5px 5px 0px; padding: 8px 10px; cursor: pointer; opacity: 0.8; }
#reply-form-hide:hover { opacity: 1; }
#reply-form-chk { display: none; font-size: 0.88rem; opacity: 0.8; }

/* Ссылка на сообщение */
#topic_post_list .comment_link_copy { background-color: #fff0b2; color: #4a4531; border-radius: 2px; margin: 5px 0 10px; padding: 5px 7px; clear: right; overflow: hidden; font-size: 0.82rem; box-shadow: 1px 1px 0 #cabe8b; }
#topic_post_list .comment_link_copy > div { margin-top: 4px; }

/* Доступ к теме */
#forum_access { background-color: #f1f7fd; border: 1px solid #d3d9df; border-radius: 2px; overflow: hidden; font-size: 0.94rem; margin: 15px 0; opacity: 1; }
#forum_access div.access_list { margin: 8px 0 0; }
#forum_access div.access_list div.i { display: inline-block; border: 1px solid #ccc; padding: 1px; position: relative; margin: 0 8px 8px 0; font-size: 0; }
#forum_access div.access_list div.i img { height: 50px; width: 50px; }
#forum_access div.access_list div.i .d { position: absolute; top: -6px; right: -6px; width: 22px; height: 22px; background: url(/img/access_del.png) no-repeat right top; opacity: 0; transition: opacity 0.3s ease 0s; cursor: pointer; }
#forum_access div.access_list div.i:hover .d { opacity: 0.7; }
#forum_access div.access_list div.i .d:hover { opacity: 1; }

#forum_access_find_result { margin: 0 0 25px 0; }
#forum_access_find_result .i { padding: 7px 0; margin: 0 2px; border-bottom: 1px solid #ccc; overflow: hidden; }
#forum_access_find_result .f { float: left; margin: 0 10px 0 0; border: 1px solid #ccc; padding: 1px; opacity: 0.9; transition: opacity 0.3s ease 0s; }
#forum_access_find_result .i:hover .f { opacity: 1; }
#forum_access_find_result .ok { margin-top: 5px; opacity: 0.6; transition: opacity 0.3s ease 0s; }
#forum_access_find_result .i:hover .ok { opacity: 1; }

/* Форма ответа */
#reply-form #forum_message_view { opacity: 0.5; transition: opacity 0.3s ease 0s; }
#reply-form:hover #forum_message_view { opacity: 1; }

/* Кнопки под темой */
#f-buttons .bookmark_off, #f-buttons .bookmark_on { padding-left: 0; }
#f-buttons .bookmark_off a, #f-buttons .bookmark_on a { padding-left: 21px; }

#f-buttons .sound_on a, #f-buttons .sound_off a { padding-left: 21px; position: relative; }
#f-buttons .sound_on a:after  { content: ''; display: block; position: absolute; margin-top: -8px; top: 50%; left: 0; width: 16px; height: 16px; background: url('/img/icons.png') no-repeat 0 -112px; }
#f-buttons .sound_off a:after { content: ''; display: block; position: absolute; margin-top: -8px; top: 50%; left: 0; width: 16px; height: 16px; background: url('/img/icons.png') no-repeat -16px -112px; }