﻿body
{
  font-family: Verdana,Arial,sans-serif;
  font-size: 13px;
}
body, table, td, th, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, img
{
  padding: 0;
  margin: 0;
  border: 0;
}
table
{
  border-collapse: collapse;
}
h1
{
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 26px;
  font-weight: normal;
  padding: 0;
  margin: 5px 0 10px 0;
  border-bottom: 1px solid #e5e5e5;
  height: 28px;
  overflow: visible;
  letter-spacing: .5px;
  white-space: nowrap;
}
h2
{
  margin: 10px 0 10px 0;
  font-size: 19px;
  font-weight: bold;
}
h3
{
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
h4
{
  margin: 0 0 10px 0;
  font-size: 12px;
  font-weight: bold;
}
h5
{
  font-size: 12px;
  font-weight: bold;
}
h6
{
  font-size: 12px;
  font-weight: normal;
}
a
{
  text-decoration: none;
  color: #46289f;
}
a:hover
{
  text-decoration: underline;
  color: #4f2da4;
}
b a
{
  text-decoration: none;
  color: #392196;
}
b a:hover
{
  text-decoration: underline;
  color: #46289f;
}
p
{
  padding: 0 10px 15px 0;
  text-indent: 15px;
  text-align: justify;
}
ol
{
  padding-left: 20px;
}
ul
{
  list-style-type: square;
  padding-left: 20px;
}
blockquote
{
  font-style: italic;
  color: #8c8681;
  background: #faf9f4;
  padding: 3px 7px 5px 7px;
  border-radius: 2px;
  border: 0;
  margin: 5px 0 5px 0;
  display: block;
}
blockquote blockquote
{
  border: 1px solid #8c8681;
  margin-left: 5px;
}
table.wrapper
{
  width: 100%;
  background: url("//static.nonograms.ru/i/head_background.jpg") 984px top repeat-x;
}
table.wrapper td.document
{
  width: 100%;
  vertical-align: top;
  padding: 0 8px 0 0;
  background: url("//static.nonograms.ru/i/document_background.jpg") left top no-repeat;
}
table.wrapper td.document div.content
{
  padding: 10px 30px 15px 25px;
}
table.wrapper td.leftcolfooter
{
  background: url("//static.nonograms.ru/i/leftcol_footer_background.png") 203px top no-repeat;
}
table.wrapper td.leftcolfooter div
{
  font-size: 0;
  height: 12px;
}
table.wrapper td.documentfooter
{
  background: url("//static.nonograms.ru/i/document_footer_background.png") left top repeat-x;
}
table.wrapper td.documentfooter div
{
  background: url("//static.nonograms.ru/i/leftcol_footer_background.png") -5px top no-repeat;
  font-size: 0;
  height: 12px;
}
div.message_ok
{
  font-size: 15px;
  font-weight: bold;
  color: #090;
  padding: 10px 0 10px 0;
}
div.message_error
{
  font-size: 15px;
  font-weight: bold;
  color: #f00;
  padding: 10px 0 10px 0;
  list-style-type: disc;
}
div.message_error ul
{
  list-style-type: disc;
  padding-left: 20px;
}
div.message_error p
{
  padding: 0;
  text-indent: 0;
}
.message_info
{
  border: 1px solid #00529b;
  padding: 10px;
  margin-top: 15px;
  background: #f4f4ff;
}
.message_info .buttons
{
  margin-top: 6px;
}
.message_info .buttons a
{
  font-weight: bold;
  color: #00529b;
  display: inline-block;
  margin-right: 40px;
  text-decoration: none;
  border: 0;
}
.message_info .buttons a:hover
{
  text-decoration: underline;
  color: #46289f;
}
form label
{
  display: block;
  margin-bottom: 3px;
}
form label SPAN
{
  color: #f00;
}
form input, form textarea, form select
{
  width: 302px;
  margin: 0 0 6px 0;
  box-sizing: border-box;
}
form div.recaptcha
{
  margin-top: 5px;
  margin-bottom: 4px;
  min-height: 78px;
  min-width: 304px;
  background-image: url(data:image/gif;base64,R0lGODlhKwALAPEAAP///wAAAIKCggAAACH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADs=);
  background-position: 129px 33px;
  background-repeat: no-repeat;
}
form input.button_submit
{
  margin: 4px 0 0 0;
  width: 302px;
  height: 31px;
}
form .submit_wrapper
{
  clear: left;
}
form .submit_wrapper input.button_submit
{
  width: 130px;
}
form div.button_wrapper
{
  margin-top: 8px;
}
form div.button_wrapper input
{
  height: 30px;
}
a.button_icon_delete
{
  padding: 0;
  margin: 0;
  border: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  vertical-align: bottom;
  display: inline-block;
  font-size: 0;
  background: #d70a28 url("//static.nonograms.ru/i/icon_delete.gif") left top no-repeat;
}
a.button_icon_delete:hover
{
  background-color: #bc0823;
  background-position: left -24px;
  text-decoration: none;
}
div.search_error
{
  font-size: 15px;
  font-weight: bold;
  color: #f00;
  padding: 20px 0 10px 0;
  list-style-type: disc;
}
.form_mail form img.image_avatar
{
  max-width: 200px;
  max-height: 200px;
  display: block;
  margin: 10px;
}
.form_mail form .birthday_day
{
  width: 30px;
}
.form_mail form .birthday_month
{
  width: 100px;
}
.form_mail form .birthday_year
{
  width: 40px;
}
.content_underheader_back
{
  display: block;
  margin: 20px 0 0 0;
  background: url("//static.nonograms.ru/i/icon_back.png") left center no-repeat;
  padding-left: 53px;
  height: 34px;
  line-height: 30px;
  font-size: 16px;
  opacity: .7;
  color: #000;
  text-decoration: none;
}
.content_underheader_back:hover, .content_underheader_back:focus
{
  opacity: 1;
  color: #000;
  text-decoration: none;
}
#register_login_check_result, #user_nickname_check_result
{
  display: inline-block;
}
#register_login_check_result .message_error, #user_nickname_check_result .message_error
{
  font-size: 15px;
  font-weight: bold;
  color: #f00;
}
#register_login_check_result .message_ok, #user_nickname_check_result .message_ok
{
  font-size: 15px;
  font-weight: bold;
  color: #090;
}
.nonogram_list td.nonogram_descr a.nonogram_title_adult:after, h1.nonogram_title_adult:after
{
  content: ' ';
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNpi/P//PwMMPOZnZMANZD8iVDLCteHXg6YTqo0YPcg6QdqI1wPXyYSsR/byfbgzZPefArJBaP8pNG0gLY/4oOj/w/v/wQDEPnvqPzI4ewquDIKQtMEAnI0sDmUDjQMbwYQ99B89QHEWnGtkCkIMDChWY1qCy9lM2MNKVBwPFxQBIP+hxgnQtXAGsiAym4WkGGM4dxpC49AGDAM5BUQihAXJY0czCAO73x7rKiJC79EDEBfNb+QlLgqSMvkZh9RsChBgAP7UynHvexnnAAAAAElFTkSuQmCC) right center no-repeat;
  width: 25px;
  height: 18px;
  vertical-align: bottom;
}
h1.nonogram_title_adult:after
{
  vertical-align: baseline;
}
#microlightbox_content #nonograms_similar a.nonogram_addsimilar_link
{
  font-size: 11px;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-bottom: 3px;
}
a.dialog_back
{
  display: block;
  font-size: 16px;
}
.form_dialog
{
  width: 550px;
}
.form_dialog textarea
{
  width: 500px;
}
.form_dialog input
{
  width: 500px;
  height: 30px;
  margin-top: 5px;
}
.content .action_message
{
  border: 1px solid #fa5c1d;
  background: #ffffea;
  padding: 8px 10px 11px 10px;
}
.content .mlpic
{
  padding-top: 3px;
}
.content .solution_method_image
{
  margin: 0 40px 10px 0;
}
div#announcement_show_name .buttons a:hover
{
  color: #4f2da4;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #46289f;
  text-decoration-skip-ink: none;
}
.nonogrampage_top_links
{
  font-size: 14px;
}
.nonogrampage_top_links a.lightbox, .nonogrampage_top_links a.lightboxform, .nonogrampage_top_links a#nonogram_skip_button
{
  text-decoration: none;
  color: #46289f;
}
.nonogrampage_top_links a.lightbox:hover, .nonogrampage_top_links a.lightboxform:hover, .nonogrampage_top_links a#nonogram_skip_button:hover
{
  color: #4f2da4;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #46289f;
  text-decoration-skip-ink: none;
}
#timer
{
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.nonogram_share
{
  margin: 2px 0 5px 0;
}
.profile_image_avatar_wrap
{
  display: block;
  margin: 0 20px 20px 0;
  float: left;
}
.profile_image_avatar_wrap .profile_image_avatar
{
  max-width: 200px;
  max-height: 200px;
  display: block;
  margin: 0;
  float: none;
}
a.button_private_new
{
  display: block;
  width: 185px;
  padding: 6px 10px 7px 10px;
  margin-top: 10px;
  text-decoration: none;
  border: 1px solid #afafaf;
  text-align: center;
  color: #000;
  background: #f0f0f0;
}
a.button_private_new:hover
{
  border: 1px solid #777;
  background: #f2f2f2;
  text-decoration: none;
}
.leftcol .full_screen_hide
{
  background: url("//static.nonograms.ru/i/logo2.jpg") left top no-repeat;
}
body.full_screen .leftcol .full_screen_hide
{
  display: none;
}
body.full_screen td.document div.content
{
  padding-left: 10px;
}
td.leftcol
{
  vertical-align: top;
  padding-bottom: 15px;
  background: url("//static.nonograms.ru/i/menu_background.png") right top repeat-y;
}
td.leftcol div.banner_left
{
  padding: 0 22px 10px 22px;
}
td.leftcol div.vkbutton
{
  margin-bottom: 15px;
  padding-left: 38px;
}
td.leftcol div.gplaybutton
{
  padding-left: 24px;
  margin-bottom: 20px;
}
td.leftcol div.pay_nng_panel
{
  margin-bottom: 25px;
  padding-left: 47px;
}
td.leftcol a.leftcol_logo
{
  display: block;
  width: 100%;
  height: 192px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;
}
.head
{
  font-size: 0;
  height: 145px;
}
.head table
{
  width: 100%;
}
.head .head_logo
{
  padding: 38px 30px 0 40px;
  vertical-align: top;
  box-sizing: border-box;
  min-height: 145px;
  padding-top: 45px;
}
.head td.head_banner
{
  padding: 46px 25px 0 0;
  vertical-align: top;
  width: 100%;
  padding-top: 16px;
}
.head .panel_lang
{
  text-align: right;
  padding-bottom: 17px;
}
.head .panel_lang img
{
  margin: 0 0 0 6px;
}
div.question_item
{
  color: #555;
  font-weight: bold;
  padding-bottom: 20px;
}
div.question_item .question
{
  font-style: italic;
  color: #000;
}
div.question_item .answer
{
  color: #8d8d8d;
}
ul.menu
{
  width: 208px;
  list-style: none;
  font-size: 11px;
  font-weight: bold;
  padding: 0 0 30px 0;
  font-family: Tahoma,Geneva,sans-serif;
}
ul.menu li
{
  padding: 0;
  font-size: 0;
}
ul.menu li.menu_head
{
  color: #000;
  background: #d8d8d8 url("//static.nonograms.ru/i/menu_head_background.png") left top no-repeat;
  text-align: left;
  padding: 6px 0 0 30px;
  margin: 7px 0 3px 0;
  height: 22px;
  font-size: 11px;
  line-height: normal;
  box-sizing: border-box;
  height: 28px;
  overflow: hidden;
}
ul.menu li.menu_head_first
{
  color: #000;
  background: #d8d8d8 url("//static.nonograms.ru/i/menu_head_background.png") left -2px no-repeat;
  text-align: left;
  padding: 4px 0 0 30px;
  margin: 0 0 3px 0;
  height: 22px;
  font-size: 11px;
  line-height: normal;
  box-sizing: border-box;
  height: 26px;
  overflow: hidden;
}
ul.menu a
{
  display: block;
  font-size: 13px;
  line-height: normal;
  color: #363636;
  background: none;
  padding: 5px 0 5px 36px;
  box-sizing: border-box;
}
ul.menu a:hover
{
  background: #e5e5e5;
}
ul.menu a.select
{
  background: #f0f0f0;
}
ul.menu a.select:hover
{
  background: #e5e5e5;
}
ul.menu a:hover
{
  color: #000;
  text-decoration: none;
}
td.footer
{
  text-align: center;
  padding-top: 9px;
}
td.footer div.counters
{
  float: left;
  padding: 7px 43px 14px 16px;
}
td.footer div.copyright
{
  float: left;
  padding: 3px 0 0 10px;
  font-size: 8pt;
  text-align: left;
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 12px;
}
td.footer div.copyright span
{
  font-size: 11px;
  color: #676767;
  line-height: 23px;
}
.nonogram_list
{
  margin: 15px;
  margin-left: 25px;
  margin-top: 25px;
}
.nonogram_list .nonogram_list_separator
{
  padding: 3px 0 3px 0;
}
.nonogram_list hr
{
  color: #afafaf;
  background-color: #afafaf;
  border: 0 none;
  height: 1px;
}
.nonogram_list td.nonogram_num
{
  padding: 10px;
}
.nonogram_list td.nonogram_img
{
  width: 100px;
  height: 100px;
  background: url("//static.nonograms.ru/i/nonogram_rand_background.png") repeat-x scroll 0 0 #f0f0f0;
  border: 1px solid #d4d4d4;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
}
.nonogram_list td.nonogram_img a img
{
  padding: 4px;
}
.nonogram_list td.nonogram_img a:hover img
{
  border: 1px solid #555;
  padding: 3px;
}
.nonogram_list td.nonogram_descr
{
  padding-left: 10px;
  padding-right: 15px;
  vertical-align: top;
}
.nonogram_list td.nonogram_descr a.nonogram_title
{
  font-size: 15px;
  font-weight: bold;
  display: block;
  padding: 4px 11px 4px 9px;
  margin-top: 8px;
  margin-bottom: 10px;
  color: #392196;
}
.nonogram_list td.nonogram_descr a.nonogram_title:hover
{
  background: #fafafa;
  border: #d8d4ce 1px solid;
  padding: 3px 10px 3px 8px;
  text-decoration: none;
}
.nonogram_list td.nonogram_descr table td
{
  padding-right: 5px;
}
.nonogram_list td.nonogram_descr table td.nonogram_stat
{
  padding: 0;
}
.nonogram_list td.nonogram_descr a span.solved
{
  color: #00a000;
}
.nonogram_list td.nonogram_descr a span.started
{
  color: #a0a000;
}
.nonogram_list td.nonogram_descr .nonogram_stat a
{
  font-size: 10px;
  text-decoration: none;
  color: #46289f;
}
.nonogram_list td.nonogram_descr .nonogram_stat a:hover
{
  color: #4f2da4;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #46289f;
  text-decoration-skip-ink: none;
}
.nonogram_list td.nonogram_descr a.nonogram_print
{
  color: #46289f;
  float: right;
  display: block;
  font-size: 0;
  width: 14px;
  height: 14px;
  background: url(data:image/gif;base64,R0lGODlhDgAOAIAAAP///wcHUSH5BAAAAAAALAAAAAAOAA4AAAIjhIOJxhB9oJPvqHslrXot3XyYWHFMWTrJpK6QcraPGb0bxhQAOw==) 0 0 no-repeat;
}
.nonogram_list td.nonogram_descr a.nonogram_print:hover
{
  background-image: url(data:image/gif;base64,R0lGODlhDgAOAIAAAP///5UHByH5BAAAAAAALAAAAAAOAA4AAAIjhIOJxhB9oJPvqHslrXot3XyYWHFMWTrJpK6QcraPGb0bxhQAOw==);
}
.pager
{
  padding: 20px 0 0 0;
  font-size: 0;
}
.pager span
{
  color: #363636;
  font-size: 14px;
  padding: 2px 5px 0 2px;
}
.pager div
{
  padding-top: 4px;
}
.pager div a, .pager div span
{
  padding: 6px 8px;
  min-width: 32px;
  margin: 2px;
  font-size: 14px;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  background: #f0f0f0;
  color: #101080;
  text-align: center;
  border-radius: 2px;
}
.pager div a:hover
{
  text-decoration: none;
  background: #8f8f8f;
  color: #fff;
}
.pager div a.pager_child_form_active
{
  text-decoration: none;
  background: #8f8f8f;
  color: #fff;
}
.pager div span
{
  background: #676767;
  color: #fff;
}
.pager div #pager_form_wrapper
{
  position: relative;
  font-size: 0;
  vertical-align: bottom;
}
.pager div #pager_form_wrapper div
{
  display: inline-block;
  position: absolute;
  left: 2px;
  top: 7px;
  background: #f0f0f0;
  padding: 7px;
  border-radius: 3px;
  z-index: 1000;
}
.pager div #pager_form_wrapper div form
{
  white-space: nowrap;
}
.pager div #pager_form_wrapper div form label
{
  color: #363636;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}
.pager div #pager_form_wrapper div form input
{
  margin: 0;
  box-sizing: border-box;
}
.pager div #pager_form_wrapper div form input#pager_form_value
{
  width: 90px;
  box-sizing: border-box;
}
.pager div #pager_form_wrapper div form input[type=submit]
{
  margin-left: 5px;
  width: 40px;
}
.nav_tabs
{
  padding: 0 0 0 0;
  font-size: 0;
}
.nav_tabs a
{
  min-width: 32px;
  font-size: 14px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  border: none;
  margin: 2px 0;
  border-radius: 0;
  background: #f0f0f0;
  padding: 8px 10px 8px 10px;
  color: #101080;
}
.nav_tabs a:hover
{
  background: #f0f0f0;
  color: #101080;
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 3px solid #8f8f8f;
  color: #363636;
}
.nav_tabs span
{
  min-width: 32px;
  font-size: 14px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  border: none;
  margin: 2px 0;
  border-radius: 0;
  background: #f0f0f0;
  padding: 8px 10px 5px 10px;
  color: #363636;
  border-bottom: 3px solid #676767;
}
.nonogram_color_table
{
  margin-bottom: 20px;
}
.nonogram_color_table td
{
  border: 1px solid #000;
  width: 80px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
form.search
{
  margin: 25px 0 5px 0;
}
form.search .field_content .checkbox_wrapper
{
  margin-bottom: 7px;
}
form.search .field_content .checkbox_wrapper input
{
  display: inline;
  width: 13px;
  margin: 0 3px 3px 2px;
  vertical-align: -2px;
}
form.search .field_content .checkbox_wrapper label
{
  display: inline;
}
.nonogram_rand
{
  width: 170px;
  text-align: center;
  background: #f0f0f0 url("//static.nonograms.ru/i/nonogram_rand_background.png") 0 0 repeat-x;
  border: 1px solid #d4d4d4;
  padding-bottom: 0;
  margin-left: 15px;
  margin-bottom: 24px;
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 11px;
  color: #000;
  font-weight: bold;
}
.nonogram_rand div
{
  padding: 8px 0 4px 0;
  margin-bottom: 6px;
}
.nonogram_rand div.bottom
{
  font-weight: normal;
  padding: 2px 0 9px 0;
  margin: 3px 0 0 0;
}
.nonogram_rand div.bottom span
{
  font-weight: bold;
}
.nonogram_rand a img
{
  padding: 4px;
}
.nonogram_rand a:hover img
{
  border: 1px solid #555;
  padding: 3px;
}
.news .news_date
{
  font-weight: bold;
  color: #8f8f8f;
}
.news .news_separator
{
  font-weight: normal;
  color: #8f8f8f;
}
.news .news_name
{
  font-weight: bold;
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 15px;
}
.news .news_text
{
  padding-top: 5px;
  font-size: 14px;
}
div.wrapper_print
{
  padding: 10px;
}
div.wrapper_print .print_select_size
{
  padding: 7px 0 15px 0;
  color: #363636;
}
div.wrapper_print .print_select_size div
{
  display: inline-block;
  font-size: 0;
  padding-right: 20px;
}
div.wrapper_print .print_select_size div a, div.wrapper_print .print_select_size div span, div.wrapper_print .print_select_size div a.selected
{
  padding: 6px 8px;
  min-width: 32px;
  margin: 2px;
  font-size: 14px;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  background: #f0f0f0;
  color: #101080;
  text-align: center;
  border-radius: 2px;
}
div.wrapper_print .print_select_size div a:hover
{
  text-decoration: none;
  background: #8f8f8f;
  color: #fff;
}
div.wrapper_print .print_select_size div span, div.wrapper_print .print_select_size div a.selected
{
  background: #676767;
  color: #fff;
}
div.wrapper_print .print_select_size input
{
  vertical-align: middle;
  margin-left: 10px;
  min-height: 40px;
  box-sizing: border-box;
  min-width: 90px;
}
.index_panel
{
  padding-left: 10px;
  padding-top: 10px;
  font-size: 14px;
}
.news_panel
{
  padding-top: 20px;
}
.news_panel h3
{
  text-align: left;
  padding: 0;
  margin: 0;
  font-family: Tahoma,Geneva,sans-serif;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 21px;
  height: 20px;
  overflow: visible;
  letter-spacing: .5px;
}
.news_panel h3 span
{
  padding-right: 4px;
  background: #fff;
}
.news_panel .news
{
  padding-left: 10px;
}
.auth_panel_login
{
  margin: 0 0 28px 15px;
  width: 172px;
}
.auth_panel_login a
{
  display: block;
  font-size: 11px;
  margin-bottom: 10px;
  padding: 4px;
  text-decoration: none;
  border: 1px solid #afafaf;
  text-align: center;
  color: #000;
  background: #f0f0f0;
}
.auth_panel_login a:hover
{
  border: 1px solid #777;
  background: #f2f2f2;
  text-decoration: none;
}
.auth_panel_logout
{
  margin: 0 0 20px 15px;
  border: 1px solid #d4d4d4;
  text-align: center;
  padding: 6px 0 5px 0;
  font-size: 13px;
  line-height: 17px;
  width: 170px;
}
.auth_panel_logout input.button_submit
{
  width: 132px;
  height: auto;
  margin: 9px 0 6px 0;
  text-decoration: none;
  border: 1px solid #afafaf;
  text-align: center;
  color: #000;
  background: #f0f0f0;
}
.auth_panel_logout input.button_submit:hover
{
  border: 1px solid #777;
  background: #f2f2f2;
  text-decoration: none;
}
.auth_panel_logout .profile
{
  margin-top: 3px;
}
.auth_panel_logout .private
{
  margin-top: 3px;
}
.auth_page_logout div.name, .auth_page_logout div.login
{
  display: inline;
}
.auth_page_logout .profile
{
  margin: 3px 0 6px 0;
}
.nonogram_table
{
  border: 2px solid #000;
}
.nonogram_table td
{
  border: 1px solid #000;
  cursor: pointer;
}
.nonogram_table td table
{
  border: 0;
}
.nonogram_table td table td
{
  width: 18px;
  height: 17px;
  text-align: center;
  color: #000;
  cursor: pointer;
  font-size: 0;
  border: 1px solid #8f8f8f;
  vertical-align: middle;
}
.nonogram_table td.num
{
  background: #d0d0d0;
  border-color: #808080;
}
.nonogram_table td.num_empty
{
  background: #dadada;
  border-color: #808080;
  cursor: default;
}
.nonogram_table td table .nmt_tr5 td
{
  border-bottom: 2px solid #8f8f8f;
}
.nonogram_table td table td.nmt_td5
{
  border-right: 2px solid #8f8f8f;
}
.nonogram_table td div
{
  width: 18px;
  height: 17px;
  text-align: center;
  font-size: 11px;
  line-height: 15px;
  padding: 0;
  vertical-align: top;
}
.nonogram_table td.num_light_on
{
  background: #eee;
}
.nonogram_table td.num_light_on_color div
{
  width: 16px;
  height: 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  line-height: 13px;
}
.cell_highlight td div:hover
{
  box-shadow: inset 0 0 0 1px #8f8f8f;
}
.cell_highlight td.num_empty div:hover
{
  box-shadow: none;
}
.nonogram_table_size5 td table td
{
  width: 22px;
  height: 21px;
}
.nonogram_table_size5 td div
{
  width: 22px;
  height: 21px;
  font-size: 13px;
  line-height: 19px;
}
.nonogram_table_size5 td.num_light_on_color div
{
  width: 20px;
  height: 19px;
  line-height: 17px;
}
.nonogram_table_size4 td table td
{
  width: 20px;
  height: 19px;
}
.nonogram_table_size4 td div
{
  width: 20px;
  height: 19px;
  font-size: 12px;
  line-height: 17px;
}
.nonogram_table_size4 td.num_light_on_color div
{
  width: 18px;
  height: 17px;
  line-height: 15px;
}
.nonogram_table_size2 td table td
{
  width: 16px;
  height: 15px;
  font-size: 9px;
  line-height: 13px;
}
.nonogram_table_size2 td div
{
  width: 16px;
  height: 15px;
  font-size: 9px;
  line-height: 14px;
}
.nonogram_table_size2 td.num_light_on_color div
{
  width: 14px;
  height: 13px;
  line-height: 11px;
}
.nonogram_table_size1 td table td
{
  width: 14px;
  height: 13px;
}
.nonogram_table_size1 td div
{
  width: 14px;
  height: 13px;
  font-size: 8px;
  line-height: 12px;
  font-family: Arial,Helvetica,sans-serif;
}
.nonogram_table_size1 td.num_light_on_color div
{
  width: 12px;
  height: 11px;
  line-height: 10px;
}
.nonogram_table_size0 td table td
{
  width: 12px;
  height: 11px;
}
.nonogram_table_size0 td div
{
  width: 12px;
  height: 11px;
  font-size: 7px;
  line-height: 10px;
  font-family: Arial,Helvetica,sans-serif;
}
.nonogram_table_size0 td.num_light_on_color div
{
  width: 10px;
  height: 9px;
  line-height: 8px;
}
table.table
{
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}
table.table td
{
  border: 1px solid #afafaf;
  color: #000;
  padding: 7px 11px 5px 11px;
  text-align: center;
  text-align: left;
  font-weight: normal;
}
table.table th
{
  border: 1px solid #afafaf;
  padding: 6px 11px 6px 11px;
  font-weight: normal;
  color: #000;
  background: #f0f0f0;
  text-align: center;
  font-size: 13px;
}
table.dialog_list_table
{
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}
table.dialog_list_table td
{
  border: 1px solid #afafaf;
  color: #000;
  padding: 7px 11px 5px 11px;
  text-align: center;
}
table.dialog_list_table span.message_date
{
  font-size: 7pt;
  color: #565656;
}
table.dialog_list_table td.user_name
{
  width: 30%;
  text-align: left;
}
table.dialog_list_table td.unread_count
{
  padding: 0;
  width: 60px;
}
table.dialog_list_table td.button_delete
{
  padding: 0;
  width: 46px;
}
table.dialog_list_table td.message_incoming_read, table.dialog_list_table td.message_incoming_unread
{
  background: url("//static.nonograms.ru/i/icon_message_in.png") 6px center no-repeat;
  padding-left: 35px;
}
table.dialog_list_table td.message_outgoing_read, table.dialog_list_table td.message_outgoing_unread
{
  background: url("//static.nonograms.ru/i/icon_message_out.png") 6px center no-repeat;
  padding-left: 35px;
}
table.dialog_list_table td.message_incoming_read
{
  text-align: left;
}
table.dialog_list_table td.message_incoming_unread
{
  text-align: left;
  background-color: #ffd;
}
table.dialog_list_table td.message_outgoing_read
{
  text-align: left;
}
table.dialog_list_table td.message_outgoing_unread
{
  text-align: left;
}
table.dialog_table
{
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}
table.dialog_table td
{
  border: 1px solid #afafaf;
  color: #000;
  padding: 7px 11px 5px 11px;
  text-align: center;
}
table.dialog_table span.message_date
{
  font-size: 7pt;
  color: #545454;
}
table.dialog_table td.user_name
{
  width: 30%;
  text-align: left;
}
table.dialog_table td.message_incoming_read
{
  text-align: left;
}
table.dialog_table td.message_incoming_unread
{
  text-align: left;
  background-color: #ffd;
}
table.dialog_table td.message_outgoing_read
{
  text-align: left;
}
table.dialog_table td.message_outgoing_unread
{
  text-align: left;
}
table.user_comments_table
{
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}
table.user_comments_table td
{
  border: 1px solid #afafaf;
  color: #000;
  padding: 7px 11px 5px 11px;
  text-align: center;
}
table.user_comments_table td.message
{
  text-align: left;
}
table.user_comments_table td.date
{
  white-space: nowrap;
}
table.user_comments_table th
{
  border: 1px solid #afafaf;
  padding: 6px 11px 6px 11px;
  font-weight: normal;
  color: #000;
  background: #f0f0f0;
  text-align: center;
  font-size: 13px;
}
table.tutorial_table td
{
  padding: 5px;
}
table.content_list_table
{
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
  width: 500px;
  margin-bottom: 10px;
}
table.content_list_table td
{
  border: 1px solid #afafaf;
  color: #000;
  padding: 6px 7px 6px 7px;
  text-align: center;
  white-space: nowrap;
}
table.content_list_table td.date
{
  width: 170px;
}
table.content_list_table th
{
  border: 1px solid #afafaf;
  padding: 6px 7px 6px 7px;
  font-weight: normal;
  color: #000;
  background: #f0f0f0;
  text-align: center;
  font-size: 13px;
}
table.user_saves_table
{
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
  width: 500px;
  margin-bottom: 10px;
}
table.user_saves_table td
{
  border: 1px solid #afafaf;
  color: #000;
  padding: 6px 7px 6px 7px;
  text-align: center;
  white-space: nowrap;
}
table.user_saves_table td.date
{
  width: 170px;
}
table.user_saves_table th
{
  border: 1px solid #afafaf;
  padding: 6px 7px 6px 7px;
  font-weight: normal;
  color: #000;
  background: #f0f0f0;
  text-align: center;
  font-size: 13px;
}
table.user_saves_table td.button_delete
{
  padding: 0;
  width: 46px;
}
table.nonograms_queue
{
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}
table.nonograms_queue td
{
  border: 1px solid #afafaf;
  color: #000;
  padding: 6px 7px 6px 7px;
  text-align: center;
}
table.nonograms_queue td a.lightbox:hover
{
  color: #4f2da4;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #46289f;
  text-decoration-skip-ink: none;
}
table.nonograms_queue td.date
{
  white-space: nowrap;
}
table.nonograms_queue th
{
  border: 1px solid #afafaf;
  padding: 6px 7px 6px 7px;
  font-weight: normal;
  color: #000;
  background: #f0f0f0;
  text-align: center;
  font-size: 13px;
}
table.nonograms_queue td.button_delete
{
  padding: 0;
  width: 46px;
}
table.author_list_table
{
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 12px;
  width: 600px;
  margin-bottom: 10px;
}
table.author_list_table td
{
  border: 1px solid #afafaf;
  color: #000;
  padding: 6px 7px 6px 7px;
  text-align: center;
  white-space: nowrap;
}
table.author_list_table td.date
{
  width: 170px;
}
table.author_list_table th
{
  border: 1px solid #afafaf;
  padding: 6px 7px 6px 7px;
  font-weight: normal;
  color: #000;
  background: #f0f0f0;
  text-align: center;
  font-size: 13px;
}
table.author_list_table td.nonogram_count
{
  padding: 1px 7px 1px 7px;
  vertical-align: middle;
}
table.author_list_table td.nonogram_count a
{
  display: inline-block;
  min-width: 100px;
  padding: 5px 0 5px 0;
}
form.simple_search
{
  margin: 0;
}
form.simple_search label
{
  display: inline-block;
  margin: 0;
}
form.simple_search input[type=submit]
{
  width: 100px;
  margin: 0;
}
form.search .field_rangeslider
{
  width: 600px;
  height: 50px;
}
form.search .field_rangeslider .field_title
{
  display: block;
  width: 195px;
  float: left;
  text-align: right;
  font-family: Verdana,Arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding-top: 1px;
  padding-top: 13px;
}
form.search .field_rangeslider .field_content
{
  margin-left: 200px;
  overflow: visible;
}
form.search .field_rangeslider .field_content .noUi-target, form.search .field_rangeslider .field_content .noUi-target *
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
form.search .field_rangeslider .field_content .noUi-target
{
  position: relative;
  direction: ltr;
}
form.search .field_rangeslider .field_content .noUi-base
{
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
form.search .field_rangeslider .field_content .noUi-origin
{
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
form.search .field_rangeslider .field_content .noUi-handle
{
  position: relative;
  z-index: 1;
}
form.search .field_rangeslider .field_content .noUi-stacking .noUi-handle
{
  z-index: 10;
}
form.search .field_rangeslider .field_content .noUi-state-tap .noUi-origin
{
  -webkit-transition: left .3s,top .3s;
  transition: left .3s,top .3s;
}
form.search .field_rangeslider .field_content .noUi-state-drag *
{
  cursor: inherit !important;
}
form.search .field_rangeslider .field_content .noUi-horizontal
{
  height: 7px;
  width: 233px;
}
form.search .field_rangeslider .field_content .noUi-horizontal .noUi-handle
{
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
form.search .field_rangeslider .field_content .noUi-vertical
{
  width: 18px;
}
form.search .field_rangeslider .field_content .noUi-vertical .noUi-handle
{
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
form.search .field_rangeslider .field_content .rangeslider10 .noUi-background
{
  background: #fff url("//static.nonograms.ru/i/slider-scale2.png") no-repeat right -255px;
}
form.search .field_rangeslider .field_content .rangeslider50 .noUi-background
{
  background: #fff url("//static.nonograms.ru/i/slider-scale2.png") no-repeat right -274px;
}
form.search .field_rangeslider .field_content .rangeslider100 .noUi-background
{
  background: #fff url("//static.nonograms.ru/i/slider-scale2.png") no-repeat right -274px;
}
form.search .field_rangeslider .field_content .rangeslider200 .noUi-background
{
  background: #fff url("//static.nonograms.ru/i/slider-scale2.png") no-repeat right -293px;
}
form.search .field_rangeslider .field_content .noUi-connect
{
  background: rgba(0,0,0,.4);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
form.search .field_rangeslider .field_content .noUi-draggable
{
  cursor: w-resize;
}
form.search .field_rangeslider .field_content .noUi-vertical .noUi-draggable
{
  cursor: n-resize;
}
form.search .field_rangeslider .field_content .noUi-handle
{
  background: #fff;
  cursor: default;
}
form.search .field_rangeslider .field_content .noUi-horizontal .noUi-handle-lower
{
  background: url("//static.nonograms.ru/i/slider-track.png") no-repeat 1px 0;
  width: 18px;
  height: 24px;
  border: 0;
  box-shadow: none;
  top: 0;
  left: -17px;
}
form.search .field_rangeslider .field_content .noUi-horizontal .noUi-handle-upper
{
  background: url("//static.nonograms.ru/i/slider-track.png") no-repeat -19px 0;
  width: 18px;
  height: 24px;
  border: 0;
  box-shadow: none;
  top: 0;
  left: -2px;
}
form.search .field_rangeslider .field_content input
{
  box-sizing: border-box;
}
form.search .field_rangeslider .rangeslider_inputs
{
  padding: 12px 0 0 0;
  margin: 0 0 0 280px;
}
form.search .field_rangeslider .rangeslider_inputs input
{
  width: 27px;
  font-size: 11px;
  margin: 0;
  padding: 1px 3px;
  border: 1px solid #8f8f8f;
  color: #363636;
}
form.search .field_rangeslider .rangeslider_inputs span
{
  font-size: 12px;
}
form.search .field_rangeslider .rangeslider10, form.search .field_rangeslider .rangeslider50, form.search .field_rangeslider .rangeslider100, form.search .field_rangeslider .rangeslider200
{
  padding: 20px 0 17px 10px;
  background: url("//static.nonograms.ru/i/slider-scale2.png") no-repeat -2px 2px;
  margin: 0 0 0 0;
  width: 260px;
  float: left;
  box-sizing: border-box;
}
form.search .field_rangeslider .rangeslider50
{
  background: url("//static.nonograms.ru/i/slider-scale2.png") no-repeat -2px -57px;
}
form.search .field_rangeslider .rangeslider100
{
  background: url("//static.nonograms.ru/i/slider-scale2.png") no-repeat -2px -116px;
}
form.search .field_rangeslider .rangeslider200
{
  background: url("//static.nonograms.ru/i/slider-scale2.png") no-repeat -2px -175px;
}
form.search .field
{
  width: 600px;
  margin-bottom: 8px;
}
form.search .field .field_title
{
  display: block;
  width: 195px;
  float: left;
  text-align: right;
  font-family: Verdana,Arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding-top: 1px;
}
form.search .field .field_content
{
  margin-left: 209px;
  overflow: visible;
}
form.search .field .field_content input, form.search .field .field_content select
{
  box-sizing: border-box;
  width: 235px;
}
form.search .field .field_content input[type=submit]
{
  padding: 2px;
}
form.search .field .field_content .checkbox_wrapper input
{
  width: 13px;
}
.nonogram_clear, .nonogram_load, .nonogram_save
{
  width: 100px;
}
.nonogram_undo
{
  width: 72px;
}
.nonogram_check
{
  width: 180px;
}
.nonogram_buttons
{
  margin-top: 10px;
}
.nonogram_buttons input
{
  min-width: 100px;
  min-height: 25px;
  margin-right: 5px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.nonogram_buttons input:first-child
{
  padding-left: 5px;
  padding-right: 5px;
  min-width: 72px;
}
.modal-content
{
  font-size: 13px;
}
.modal-content .setting_modal_item
{
  padding: 10px 8px;
  border-bottom: 1px solid #676767;
  overflow: hidden;
  text-align: right;
}
.modal-content .setting_modal_item a
{
  text-decoration: none;
  background: #f0f0f0;
  color: #101080;
  text-align: center;
  border-radius: 2px;
  padding: 6px 8px;
}
.modal-content .setting_modal_item a:hover
{
  text-decoration: none;
  background: #8f8f8f;
  color: #fff;
}
.modal-content .setting_modal_item label
{
  float: left;
  text-align: left;
  display: block;
}
.modal-content .setting_modal_item select
{
  width: 100%;
  padding: 5px 0;
  border: 0;
  color: #808080;
  box-sizing: border-box;
}
.modal-content .setting_modal_item .setting_modal_adjust
{
  display: block;
  float: right;
  box-sizing: border-box;
  margin-top: 15px;
  margin-bottom: 5px;
}
.modal-content .setting_modal_item .setting_input_color
{
  border: 1px solid #000;
  width: 60px;
  height: 60px;
  text-align: center;
  margin: 0 1px 1px 0;
  box-sizing: border-box;
}
.modal-content .setting_modal_item .setting_modal_settings_reset
{
  display: inline-block;
  margin-top: 15px;
}
.modal-content .setting_modal_item:first-child
{
  margin-top: 2px;
}
.modal-content .setting_modal_item:last-child
{
  border-bottom: 0;
  margin-bottom: 16px;
}
.modal-content h6
{
  font-size: 16px;
  margin: 40px 0 0 0;
  padding: 0 0 10px 0;
  text-align: center;
  border-bottom: 1px solid #676767;
  font-weight: bold;
}
.modal-content .setting_modal_back
{
  display: block;
  margin: 16px 0 0 0;
  background: url("//static.nonograms.ru/i/icon_back.png") left center no-repeat;
  padding-left: 53px;
  height: 34px;
  line-height: 30px;
  font-size: 16px;
  opacity: .7;
  color: #000;
  text-decoration: none;
}
.modal-content .setting_modal_back:hover, .modal-content .setting_modal_back:focus
{
  opacity: 1;
  color: #000;
  text-decoration: none;
}
.modal-content .setting_modal_group label
{
  width: 100%;
}
.modal-content .setting_modal_group select
{
  width: 47%;
  margin-top: 5px;
  margin-right: 2%;
  float: left;
  box-sizing: border-box;
}
.comments_caption
{
  padding: 0 0 0 15px;
  font-size: 0;
  margin-top: 20px;
  border-bottom: 1px solid #afafaf;
  width: 70%;
  max-width: 900px;
}
.comments_caption span
{
  color: #fff;
  background: #afafaf;
  font-size: 11px;
  padding: 0 12px;
}
.comments
{
  padding: 0 4px 6px 4px;
  margin: 0;
  font-size: 13px;
  color: #161616;
  width: 70%;
  max-width: 900px;
  border: 0;
}
.comments .comment_item
{
  margin: 10px 0 0 0;
  padding: 0;
}
.comments .comment_item .comment_header
{
  font-weight: bold;
  margin-bottom: 3px;
  padding-left: 3px;
}
.comments .comment_item .comment_header .comment_date
{
  font-size: 11px;
  color: #676767;
  font-weight: normal;
}
.comments .comment_item .comment_header .comment_abuse
{
  display: none;
  font-weight: normal;
}
.comments .comment_item .comment_header .avatar_small img
{
  border-radius: 100%;
  vertical-align: -5px;
  opacity: .9;
}
.comments .comment_item .comment_header .user_name
{
  color: #676767;
}
.comments .comment_item .comment_header a
{
  text-decoration: none;
}
.comments .comment_item .comment_header a .user_name
{
  color: #676767;
}
.comments .comment_item .comment_header a:hover
{
  text-decoration: none;
}
.comments .comment_item .comment_header a.comment_follow
{
  font-weight: normal;
  line-height: 13px;
  overflow: visible;
  display: inline-block;
  text-decoration: none;
  color: #46289f;
}
.comments .comment_item .comment_header a.comment_follow:hover
{
  text-decoration: underline;
  color: #4f2da4;
}
.comments .comment_item:hover .comment_header a .avatar_small img
{
  opacity: 1;
}
.comments .comment_item:hover .comment_header a .user_name
{
  text-decoration: none;
  color: #392196;
}
.comments .comment_item:hover .comment_header a:hover .user_name
{
  text-decoration: underline;
  color: #46289f;
}
.comments .comment_item:hover .comment_header .comment_abuse:before
{
  content: "";
  display: inline-block;
  background: url("//static.nonograms.ru/i/icon_abuse.png") left center no-repeat;
  height: 14px;
  width: 18px;
  vertical-align: bottom;
  vertical-align: middle;
}
.comments .comment_item:hover .comment_header .comment_abuse
{
  display: inline;
  opacity: .4;
}
.comments .comment_item .comment_header .comment_abuse:hover
{
  opacity: 1;
  text-decoration: none;
}
.comments .comment_item .comment_header .comment_abuse span
{
  display: none;
}
.comments .comment_item .comment_header .comment_abuse:hover span
{
  display: inline;
  color: #e00000;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #e00000;
  text-decoration-skip-ink: none;
}
.comments .comment_item .comment_text
{
  font-size: 14px;
  color: #000;
}
.comments .comment_item .comment_text img
{
  display: block;
  margin: 5px 0 5px 0;
}
.comments .comment_item .comment_text .comment_images_wrapper a
{
  text-decoration: none;
}
.comments .comment_item .comment_text .comment_images_wrapper a:hover
{
  text-decoration: none;
}
.comments .comment_item .comment_text .comment_images_wrapper img
{
  display: inline-block;
  border: 1px solid #afafaf;
  border-radius: 3px;
}
.comments .comment_item .comment_text .spoiler_plus, .comments .comment_item .comment_text .spoiler_minus
{
  border: 1px solid #c3cbd1;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 3px;
  background: #e9e9e6;
}
.comments .comment_item .comment_text .spoiler_minus>div
{
  background: #f8f8f8;
  background: #fff;
  border-top: 1px solid #c3cbd1;
  padding: 3px 6px 6px 6px;
  border-radius: 0 0 2px 2px;
  min-height: 15px;
}
.comments .comment_item .comment_text .spoiler_minus span
{
  cursor: pointer;
  display: block;
  padding: 1px 5px 4px 21px;
  color: #2a2a2a;
  background: #eee url("//static.nonograms.ru/i/comment_minus.png") 6px center no-repeat;
}
.comments .comment_item .comment_text .spoiler_plus span
{
  cursor: pointer;
  display: block;
  padding: 1px 5px 4px 21px;
  color: #2a2a2a;
  background: #eee url("//static.nonograms.ru/i/comment_plus.png") 6px center no-repeat;
}
.comments .comment_item .comment_text .spoiler_plus div
{
  display: none;
}
.comments .comment_item .comment_text a.external_link
{
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M1.5%204.518h5.982V10.5H1.5z%22%2F%3E%3Cpath%20d%3D%22M5.765%201H11v5.39L9.427%207.937l-1.31-1.31L5.393%209.35l-2.69-2.688%202.81-2.808L4.2%202.544z%22%20fill%3D%22%230000FF%22%2F%3E%3Cpath%20d%3D%22M9.995%202.004l.022%204.885L8.2%205.07%205.32%207.95%204.09%206.723l2.882-2.88-1.85-1.852z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
  padding-right: 14px;
}
.comments .comment_item .comment_reply
{
  color: #afafaf;
  text-decoration: none;
  border: 0;
  line-height: 20px;
  font-size: 13px;
  user-select: none;
}
.comments .comment_item:hover .comment_reply
{
  text-decoration: none;
  color: #46289f;
}
.comments .comment_item .comment_reply:hover
{
  color: #4f2da4;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #46289f;
  text-decoration-skip-ink: none;
}
.comments .comment_item #form_comment_reply
{
  margin-top: 10px;
}
.comments .comment_item form .form_comment_reply_cancel
{
  margin-left: 5px;
  text-decoration: none;
  color: #46289f;
}
.comments .comment_item form .form_comment_reply_cancel:hover
{
  color: #4f2da4;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #46289f;
  text-decoration-skip-ink: none;
}
.comments .comment_item_highlight
{
  background: #eafaea;
  padding: 6px;
  border-radius: 5px;
}
.comments .comment_replies
{
  border-left: dotted 1px #afafaf;
  padding-left: 20px;
  margin-left: 5px;
}
.comments .comment_replies .comment_item:first-child
{
  margin-top: 0;
}
.comments .comment_minus
{
  display: inline-block;
  background: url("//static.nonograms.ru/i/comment_minus2.png") left center no-repeat;
  height: 13px;
  width: 20px;
  vertical-align: bottom;
  opacity: .5;
  user-select: none;
  cursor: pointer;
}
.comments .comment_minus:hover
{
  opacity: 1;
}
.comments .comment_minus span
{
  display: none;
}
.comments .comment_plus
{
  display: inline-block;
  background: #eee url("//static.nonograms.ru/i/comment_plus.png") 7px center no-repeat;
  min-height: 13px;
  min-width: 20px;
  vertical-align: bottom;
  border-radius: 2px;
  margin-top: 7px;
  padding: 1px 8px 5px 22px;
  opacity: .8;
  user-select: none;
  cursor: pointer;
}
.comments .comment_plus:hover
{
  opacity: 1;
  text-decoration: none;
}
.comments .comment_plus:hover span
{
  color: #545454;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #545454;
  text-decoration-skip-ink: none;
}
.comments .comment_plus span
{
  color: #545454;
}
.comments .comment_plus+div
{
  display: none;
}
.comments .comments_group_title
{
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  margin: 22px 0 10px 0;
  white-space: nowrap;
  border-bottom: 1px solid #afafaf;
}
.comments .comments_group_title a
{
  color: #101080;
  text-decoration: none;
}
.comments .comments_group_title a:hover
{
  color: #4f2da4;
  text-decoration: none;
}
.comments .comments_group_title:first-child
{
  margin-top: 0;
}
#form_comment_nonogram form table.nonogram_comment label
{
  font-size: 11px;
  color: #363636;
  width: 141px;
  padding-left: 13px;
  box-sizing: border-box;
  margin: 0;
}
#form_comment_nonogram form table.nonogram_comment select
{
  margin: 3px 0 3px 0;
  width: 161px;
}
form .textarea_wrapper
{
  width: 600px;
  margin-bottom: 6px;
  box-sizing: border-box;
}
form .textarea_wrapper textarea
{
  min-width: 600px;
  min-height: 50px;
  width: 600px;
  height: 100px;
  margin: 0;
}
form .textarea_wrapper .comment_bbcode
{
  float: right;
  margin-top: 4px;
  font-size: 0;
}
form .textarea_wrapper .comment_bbcode img
{
  background: #fff;
  border: 1px #fff solid;
  cursor: pointer;
  opacity: .7;
}
form .textarea_wrapper .comment_bbcode img:hover, form .textarea_wrapper .comment_bbcode img:focus, form .textarea_wrapper .comment_bbcode img:active
{
  background: #e5e5e5;
  border: 1px #bcbcbc solid;
  opacity: 1;
  border-radius: 2px;
}
form .textarea_wrapper .comment_bbcode img:active
{
  border: 0;
  border-left: 2px #bcbcbc solid;
  border-top: 2px #bcbcbc solid;
}
form .textarea_wrapper .comment_bbcode .comment_add_file_wrapper
{
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  padding: 0;
  margin: 0;
  display: inline-block;
  background: url(/i/bbcode_img.png);
  opacity: .7;
  cursor: pointer;
  overflow: hidden;
  vertical-align: baseline;
}
form .textarea_wrapper .comment_bbcode .comment_add_file_wrapper:hover
{
  background: url(/i/bbcode_img.png) #e5e5e5;
  border: 1px #bcbcbc solid;
  opacity: 1;
  border-radius: 2px;
}
form .textarea_wrapper .comment_bbcode .comment_add_file_wrapper input, form .textarea_wrapper .comment_bbcode .comment_checkbox_spoiler_wrapper input
{
  opacity: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}
form .textarea_wrapper .comment_bbcode .comment_checkbox_spoiler_wrapper
{
  width: 26px;
  height: 26px;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  opacity: 1;
  cursor: pointer;
  overflow: hidden;
  vertical-align: baseline;
  box-sizing: border-box;
}
form .textarea_wrapper .comment_bbcode .comment_checkbox_spoiler_wrapper span
{
  width: 26px;
  height: 26px;
  border: 1px solid #fff;
  padding: 0;
  margin: 0;
  display: inline-block;
  background: url(/i/bbcode_spoiler.png);
  opacity: .7;
  cursor: pointer;
  overflow: hidden;
  vertical-align: baseline;
  box-sizing: border-box;
}
form .textarea_wrapper .comment_bbcode .comment_checkbox_spoiler_wrapper input:checked+span
{
  background: url(/i/bbcode_spoiler_on.png) no-repeat 0 0 #000;
  border: 1px solid #000;
  border-radius: 0;
  opacity: .7;
}
form .textarea_wrapper .comment_bbcode .comment_checkbox_spoiler_wrapper:hover span
{
  background: url(/i/bbcode_spoiler.png) #e5e5e5;
  border: 1px #bcbcbc solid;
  opacity: 1;
  border-radius: 2px;
}
form .textarea_wrapper .comment_bbcode .comment_checkbox_spoiler_wrapper:hover input:checked+span
{
  background: url(/i/bbcode_spoiler_on.png) no-repeat 0 0 #353535;
  border: 1px solid #353535;
}
#form_comment_nonogram_wrapper .form_comment_nonogram_disbled
{
  border: 1px solid #e5e5e5;
  padding: 15px 25px;
  background: #f8f8f8;
  width: 700px;
  margin: 10px 0 10px 0;
  color: #161616;
}
.comment_attach
{
  width: 475px;
}
.comment_attach .microupload_item
{
  margin: 5px 0 0 0;
  float: left;
  position: relative;
  width: 92px;
  height: 100px;
  margin: 5px;
}
.comment_attach .microupload_item .microupload_preview
{
  opacity: .5;
  width: 92px;
  height: 92px;
  overflow: hidden;
  text-align: center;
  background: #e6e6e6;
  border-radius: 3px;
  line-height: 92px;
}
.comment_attach .microupload_item .microupload_preview .microupload_preview_img
{
  display: inline-block;
  vertical-align: middle;
}
.comment_attach .microupload_item .microupload_filename
{
  display: none;
}
.comment_attach .microupload_item .microupload_progress
{
  display: block;
  background: #dff2bf;
  width: 100%;
  height: 3px;
  overflow: hidden;
  margin: 3px 0 0 0;
}
.comment_attach .microupload_item .microupload_progress .microupload_progress_value
{
  display: block;
  height: 3px;
  background: #4f8a10;
}
.comment_attach .microupload_item .microupload_cancel
{
  display: inline-block;
  background: #aaa;
  color: #fff;
  border-radius: 24px;
  height: 24px;
  width: 24px;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  font-family: Arial,monospace;
  text-align: center;
  margin: 0;
  cursor: pointer;
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: 10;
  opacity: .9;
}
.comment_attach .microupload_item .microupload_cancel:hover
{
  color: #fff;
  background: #111;
  opacity: 1;
}
.comment_attach .microupload_item_error .microupload_preview
{
  background: #ffbaba;
}
.comment_attach .microupload_item_error .microupload_progress
{
  background: #ffbaba;
}
.comment_attach .microupload_item_error .microupload_progress .microupload_progress_value
{
  background: #d8000c;
}
.comment_attach .microupload_item_complete .microupload_preview
{
  opacity: 1;
}
.comment_attach .microupload_item_complete .microupload_progress
{
  display: none;
}
#form_comment_userwin div.form_comment_userwin_solved_congratulations
{
  color: #090;
  white-space: nowrap;
  margin: 4px 0 12px 0;
  font-size: 13px;
  font-weight: bold;
  padding: 0;
}
#form_comment_userwin div.form_comment_userwin_nonogram_name
{
  text-align: center;
  margin: 4px 0 4px 0;
  white-space: nowrap;
  font-size: 13px;
}
#form_comment_userwin div.nonogram_image_large_solved_preview
{
  text-align: center;
  margin: 4px 0 4px 0;
}
#form_comment_userwin form label
{
  font-size: 13px;
  color: #363636;
  width: auto;
  padding: 0;
  margin: 8px 0 0 0;
}
#form_comment_userwin form select
{
  margin: 4px 0 4px 0;
  width: 161px;
  box-sizing: border-box;
}
#form_comment_userwin form .submit_wrapper
{
  margin: 8px 0 4px 0;
}
#form_comment_userwin form .submit_wrapper input.button_submit
{
  box-sizing: border-box;
  width: 161px;
}
#form_comment_userwin form .submit_wrapper a
{
  text-decoration: none;
  color: #46289f;
  font-size: 13px;
  margin-left: 10px;
}
#form_comment_userwin form .submit_wrapper a:hover
{
  color: #4f2da4;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #46289f;
  text-decoration-skip-ink: none;
}
.translation
{
  border: 1px solid #afafaf;
  margin: 0 0 15px 0;
  padding: 0;
  width: 700px;
  box-sizing: border-box;
  font-family: Verdana,Arial,sans-serif;
}
.translation .translation_result_lang
{
  color: #676767;
}
.translation a.translation_text
{
  padding: 5px 5px 0 5px;
  display: block;
  color: #000;
  text-decoration: none;
}
.translation a.translation_text:hover
{
  color: #000;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #000;
  text-decoration-skip-ink: none;
}
.translation a.translation_comment
{
  padding: 5px 5px 0 5px;
  color: #676767;
  display: block;
  text-decoration: none;
}
.translation a.translation_comment:hover
{
  color: #676767;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #676767;
  text-decoration-skip-ink: none;
}
.translation .translation_result
{
  border-top: 1px solid #afafaf;
  padding: 5px 5px 0 20px;
  margin: 7px 0 0 0;
}
.translation .translation_result a.translation_result_text
{
  color: #363636;
}
.translation .translation_result a.translation_result_text:hover
{
  color: #000;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #000;
  text-decoration-skip-ink: none;
}
.translation .translation_result .translation_result_rating
{
  float: right;
  color: #676767;
  margin: 0 0 0 10px;
}
.translation .translation_result .translation_result_like, .translation .translation_result .translation_result_like_selected
{
  float: right;
  display: inline-block;
  margin: 0 0 0 8px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background-image: url(data:image/gif;base64,R0lGODlhEAAQALMNAL+/v7Ozs9nZ2fLy8vn5+eXl5bm5ucbGxt/f35+fn9LS0szMzJmZmf///wAAAAAAACH5BAEAAA0ALAAAAAAQABAAAAQ/sMk5Bb0XMIWxZktHfQwiSiQznALjukEcGMTiLvar3zm+7z5Q7ucS9Ia/RI1HdB0ax6YKyiQaJL1Cs3DqeikRADs=);
}
.translation .translation_result .translation_result_like:hover, .translation .translation_result .translation_result_like_selected
{
  background-image: url(data:image/gif;base64,R0lGODlhEAAQALMNAGCwYECgQJ/Pn+/377/fv1CoUN/v33C4cI/Hj6/XrxCIEH+/fwCAAP///wAAAAAAACH5BAEAAA0ALAAAAAAQABAAAAQ/sMk5Bb0XMISxZktHfUwiSiRjnALjukEcFMPiLvar3zm+7z5Q7ucS9IY/RY1HdB0ax6YKyiQWJD1Ck3DqeikRADs=);
}
.translation .translation_result .translation_result_abuse, .translation .translation_result .translation_result_abuse_selected
{
  float: right;
  display: inline-block;
  margin: 0 0 0 8px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background-image: url(data:image/gif;base64,R0lGODlhEAAQALMNAL+/v7Ozs9nZ2fLy8vn5+eXl5bm5ucbGxt/f35+fn9LS0szMzJmZmf///wAAAAAAACH5BAEAAA0ALAAAAAAQABAAAAQ/sMlJq722sM13WdsiGV23gIw4lCYqHix3hkQSh65w4/w+p6jbb0EwBI6BkgDTWHEAzAbiGW2goFUFA1ttLDERADs=);
}
.translation .translation_result .translation_result_abuse:hover, .translation .translation_result .translation_result_abuse_selected
{
  background-image: url(data:image/gif;base64,R0lGODlhEAAQALMNANdgYM9AQOefn/vv7++/v9NQUPff39twcOOPj+uvr8MQEN9/f78AAP///wAAAAAAACH5BAEAAA0ALAAAAAAQABAAAAQ/sMlJq72WsM03WdsiFV23gIxolCYqHix3hoMSh65w4/w+p6jbbzEoBI6BkgDTWHEAzEbiGW2goFUEA1ttLDERADs=);
}
.translation .translation_result .translation_result_highlight
{
  color: #008000;
  font-weight: bold;
  float: right;
  display: inline-block;
  margin: 0 0 0 8px;
}
.translation .translation_result .translation_result_comment
{
  padding: 5px 5px 0 5px;
  color: #676767;
}
.translation .translation_addresult
{
  border-top: 1px solid #afafaf;
  padding: 5px 5px 7px 5px;
  background: #f0f0f0;
  margin: 7px 0 0 0;
}
.translation .translation_addresult a
{
  color: #363636;
  font-weight: 700;
}
.translation .translation_addresult a:hover
{
  text-decoration: none;
  color: #363636;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #46289f;
  text-decoration-skip-ink: none;
}
.translation form
{
  width: 100%;
  box-sizing: border-box;
  text-align: right;
}
.translation form select
{
  margin: 0 6px 0 0;
}
.translation form textarea
{
  display: block;
  width: 100%;
  max-width: 688px;
  min-width: 500px;
  box-sizing: border-box;
  min-height: 50px;
}
.translation form input[type=submit]
{
  width: 100px;
  height: 30px;
  box-sizing: border-box;
  margin: 0;
}