html { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; align-content: stretch; -webkit-align-content: stretch; overflow-y: scroll; width: 100%; min-height: 100%; margin: 0px; padding: 0px 0px 0px 0px; background: #EEE; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
header { margin: 0px; }

header, main, aside, footer { display: block; } /* Old browsers - https://www.w3schools.com/html/html5_browsers.asp */

form { margin: 0px; }
table.table { border-spacing: 0px; border: 0px; margin: 0px; padding: 0px; }
table.table tr td { border: 0px; margin: 0px; padding: 0px; }
ul { list-style: none; margin: 0px; padding: 0px; text-align: center; }
li { display: inline-block; }
p { color: #444; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 1px; margin-bottom: 1px; }
p.blad { text-align: center; color: #DD2222; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 1px; margin-bottom: 1px; }
p.red { color: #DD2222; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 1px; margin-bottom: 1px; }
p.green { color: #080; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 1px; margin-bottom: 1px; }
span.blad { text-align: center; color: #DD2222; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 1px; margin-bottom: 1px; }
span.red { color: #DD2222; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 1px; margin-bottom: 1px; }
span.green { color: #080; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 1px; margin-bottom: 1px; }
a { color: #444; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-decoration: none; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; }
a:hover { color: #888; }
a.blad { color: #DD2222; }
a.blad:hover { color: #DD6565; }
a.red { color: #DD2222; }
a.red:hover { color: #DD6565; }
a.green { color: #080; }
a.green:hover { color: #0B0; }

.center { margin-left: auto; margin-right: auto; }
div.center { text-align: center; }
p.center { text-align: center; }
td.center { text-align: center; }
.vertical_align { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }

#ablock { position: fixed; display: none; top: 60%; bottom: 20px; left: 20px; right: 20px; z-index:9998; background: #BBB; border: 4px solid #999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; opacity: 0.90; filter: alpha(opacity=90); }
#ablock>div { display: table; width: 100%; height: 100%; }
#ablock>div>div { display: table-cell; vertical-align: middle; text-align: center; padding: 0px 10px 0px 10px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: bold; font-size: 20px; color: #555; }

#info { width: 100%; padding: 10px; background-color: #2D77B0; text-align: center; font-size: 13px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; color: #EEE; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#header { width: 100%; overflow: hidden; background-color: #CCC; }
#header_logo { float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 165px; }
#header_image { width: 100%; max-width: 600px; }
#header_text { text-align: center; color: #444; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }

#header_panel { float: right; min-width: 400px; }
#header_panel_user { vertical-align: middle; width: 300px; padding: 9px 20px 9px 0px; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
#header_panel_username { cursor: pointer; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: bold; font-size: 20px; color: #555; }
#header_panel_user_button { display: inline-block; width: 23px; height: 23px; }
#header_panel_user_button>span { display: block; width: 23px; height: 23px; background-image: url(gfx/expand_button.svg); background-repeat: no-repeat; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: transform 0.25s; -webkit-transition: transform 0.25s; -moz-transition: transform 0.25s; -o-transition: transform 0.25s; transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; }
#header_panel_user_data>table { margin-left: auto; }
#header_panel_miniature { height: 155px; vertical-align: middle; padding: 7px 0px 0px 0px; }
#header_panel_options { display: none; }
.header_panel_option { line-height: 140%; }
.header_panel_option a { line-height: 140%; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; }
.header_panel_option a:hover { color: #AAA; }
#convPanelUnread1, #convPanelUnread2 { display: none; color: #2D77B0; animation: none; }
a#convPanelUnread1 { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: bold; font-size: 20px; }
a#convPanelUnread1:hover, a#convPanelUnread2:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; }
#header_panel_signin { display: table; width: 100%; }
#header_panel_signin>div { display: table-cell; height: 155px; vertical-align: middle; text-align: center; }
@keyframes shake {
  10%, 90% { transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); }
  20%, 80% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); }
  30%, 50%, 70% { transform: rotate(-8deg); -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); }
  40%, 60% { transform: rotate(8deg); -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); }
}
@-webkit-keyframes shake {
  10%, 90% { transform: rotate(-2deg); -webkit-transform: rotate(-2deg); }
  20%, 80% { transform: rotate(4deg); -webkit-transform: rotate(4deg); }
  30%, 50%, 70% { transform: rotate(-8deg); -webkit-transform: rotate(-8deg); }
  40%, 60% { transform: rotate(8deg); -webkit-transform: rotate(8deg); }
}
@-moz-keyframes shake {
  10%, 90% { transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
  20%, 80% { transform: rotate(4deg); -moz-transform: rotate(4deg); }
  30%, 50%, 70% { transform: rotate(-8deg); -moz-transform: rotate(-8deg); }
  40%, 60% { transform: rotate(8deg); -moz-transform: rotate(8deg); }
}
@-o-keyframes shake {
  10%, 90% { transform: rotate(-2deg); -o-transform: rotate(-2deg); }
  20%, 80% { transform: rotate(4deg); -o-transform: rotate(4deg); }
  30%, 50%, 70% { transform: rotate(-8deg); -o-transform: rotate(-8deg); }
  40%, 60% { transform: rotate(8deg); -o-transform: rotate(8deg); }
}

@media (min-width: 1031px) {
  #header_logo { width: 60%; }
  #header_panel { width: 40%; }

  #search_tabs { border-spacing: 20px 0px; }
  #search_tabs>li { font-size: 12px; }

  .input_readonly { margin-top: 3px !important; margin-bottom: 3px !important; height: 24px !important; display: table-cell; vertical-align: middle; }
  .input_signin, .input_text, .input_text_long, .input_submit_inline { margin-top: 3px; margin-bottom: 3px; height: 20px; }
  .input_textarea, .input_submit, .input_submit_disabled, .input_checkbox, .input_checkbox_button, .input_button { margin-top: 3px; margin-bottom: 3px; }
}
@media (min-width: 801px) and (max-width: 1030px) {
  #header_logo { width: calc(100% - 405px); width: -webkit-calc(100% - 405px); width: -moz-calc(100% - 405px); }
  #header_panel { width: 40%; }
  #header_panel_table { margin: auto; }

  #search_tabs { border-spacing: 20px 0px; }
  #search_tabs>li { font-size: 12px; }

  .input_readonly { margin-top: 3px !important; margin-bottom: 3px !important; height: 24px !important; display: table-cell; vertical-align: middle; }
  .input_signin, .input_text, .input_text_long, .input_submit_inline { margin-top: 3px; margin-bottom: 3px; height: 20px; }
  .input_textarea, .input_submit, .input_submit_disabled, .input_checkbox, .input_checkbox_button, .input_button { margin-top: 3px; margin-bottom: 3px; }
}
@media (min-width: 601px) and (max-width: 800px) {
  #header_logo { width: 100%; }
  #header_panel { width: 100%; border-top: 1px solid gray; }
  #header_panel_table { margin: auto; }
  .header_panel_option { line-height: 180%; }

  #search_tabs { border-spacing: 20px 0px; }
  #search_tabs>li { font-size: 12px; }

  .input_readonly { margin-top: 3px !important; margin-bottom: 3px !important; height: 29px !important; display: table-cell; vertical-align: middle; }
  .input_signin, .input_text, .input_text_long, .input_submit_inline { margin-top: 5px; margin-bottom: 5px; height: 25px; }
  .input_textarea, .input_submit, .input_submit_disabled, .input_checkbox, .input_checkbox_button, .input_button { margin-top: 5px; margin-bottom: 5px; }
}
@media (min-width: 501px) and (max-width: 600px) {
  #header_logo { width: 100%; }
  #header_panel { width: 100%; border-top: 1px solid gray; }
  #header_panel_table { margin: auto; }
  .header_panel_option { line-height: 180%; }

  #search_tabs { border-spacing: 20px 0px; }
  #search_tabs>li { font-size: 12px; }

  .input_readonly { margin-top: 3px !important; margin-bottom: 3px !important; height: 29px !important; display: table-cell; vertical-align: middle; }
  .input_signin, .input_text, .input_text_long, .input_submit_inline { margin-top: 5px; margin-bottom: 5px; height: 25px; }
  .input_textarea, .input_submit, .input_submit_disabled, .input_checkbox, .input_checkbox_button, .input_button { margin-top: 5px; margin-bottom: 5px; }
}
@media (max-width: 500px) {
  #header_logo { width: 100%; }
  #header_panel { width: 100%; border-top: 1px solid gray; }
  #header_panel_table { margin: auto; }
  .header_panel_option { line-height: 180%; }

  #search_tabs { border-spacing: 5px 0px; }
  #search_tabs>li { font-size: 9px; }

  .input_readonly { margin-top: 3px !important; margin-bottom: 3px !important; height: 29px !important; display: table-cell; vertical-align: middle; }
  .input_signin, .input_text, .input_text_long, .input_submit_inline, .input_readonly { margin-top: 5px; margin-bottom: 5px; height: 25px; }
  .input_textarea, .input_submit, .input_submit_disabled, .input_checkbox, .input_checkbox_button, .input_button { margin-top: 5px; margin-bottom: 5px; }
}

.input_signin, .input_text, .input_text_long, .input_textarea { color: #444; font-size: 13px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; padding: 0px; border: 1px solid #79BFF1; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
.input_signin:hover, .input_text:hover, .input_text_long:hover, .input_textarea:hover, .podswietlanie:hover { outline: none; border-color: #339CE9; box-shadow: 0 0 10px #79BFF1; -webkit-box-shadow: 0 0 10px #79BFF1; -moz-box-shadow: 0 0 10px #79BFF1; }
.input_signin:focus, .input_text:focus, .input_text_long:focus, .input_textarea:focus { outline: none; border-color: #339CE9; box-shadow: 0 0 10px #79BFF1; -webkit-box-shadow: 0 0 10px #79BFF1; -moz-box-shadow: 0 0 10px #79BFF1; }
.input_signin { width: 150px; }
.input_text { width: 150px; }
.input_text_long { width: 90%; }
.input_textarea { width: 90%; }
.input_submit { height: 30px; width: 150px; margin-left: 1px; margin-right: 1px; font-size: 16px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; cursor: pointer; outline: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #DCDCDC; text-decoration: none; color: #777; display: inline-block; text-shadow: 1px 1px 0px #FFF; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DFDFDF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EDEDED, endColorStr=#DFDFDF)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #EDEDED), color-stop(50%, #DFDFDF)); background-image: -webkit-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -moz-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -ms-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -o-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: linear-gradient(to bottom, #EDEDED 5%, #DFDFDF 50%); }
.input_submit_disabled { height: 30px; width: 150px; margin-left: 1px; margin-right: 1px; font-size: 16px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; outline: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #DCDCDC; text-decoration: none; color: #777; display: inline-block; text-shadow: 1px 1px 0px #FFF; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DFDFDF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EDEDED, endColorStr=#DFDFDF)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #EDEDED), color-stop(50%, #DFDFDF)); background-image: -webkit-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -moz-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -ms-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -o-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: linear-gradient(to bottom, #EDEDED 5%, #DFDFDF 50%); }
.input_submit_inline { width: 100px; margin-left: 1px; margin-right: 1px; font-size: 12px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; cursor: pointer; outline: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #DCDCDC; text-decoration: none; color: #777; display: inline-block; text-shadow: 1px 1px 0px #FFF; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DFDFDF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EDEDED, endColorStr=#DFDFDF)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #EDEDED), color-stop(50%, #DFDFDF)); background-image: -webkit-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -moz-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -ms-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -o-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: linear-gradient(to bottom, #EDEDED 5%, #DFDFDF 50%); }
.input_file { font-size: 16px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; cursor: pointer; outline: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 2px solid #DCDCDC; text-decoration: none; color: #777; display: inline-block; text-shadow: 1px 1px 0px #FFF; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DFDFDF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EDEDED, endColorStr=#DFDFDF)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #EDEDED), color-stop(50%, #DFDFDF)); background-image: -webkit-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -moz-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -ms-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -o-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: linear-gradient(to bottom, #EDEDED 5%, #DFDFDF 50%); }
.input_submit:hover, .input_submit_inline:hover, .input_file:hover { background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#EDEDED'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr= #DFDFDF, endColorStr=#EDEDED)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #DFDFDF), color-stop(50%, #EDEDED)); background-image: -webkit-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -moz-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -ms-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -o-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: linear-gradient(to bottom, #DFDFDF 5%, #EDEDED 50%); }
.input_submit:active, .input_submit_inline:active { position: relative; top: 1px; }
.input_checkbox_button { outline: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #DCDCDC; text-decoration: none; color: #777; display: inline-block; text-shadow: 1px 1px 0px #FFF; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DFDFDF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EDEDED, endColorStr=#DFDFDF)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #EDEDED), color-stop(50%, #DFDFDF)); background-image: -webkit-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -moz-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -ms-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -o-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: linear-gradient(to bottom, #EDEDED 5%, #DFDFDF 50%); }
.input_checkbox_button label { cursor: pointer; }
.input_checkbox_button label span { height: 100%; padding: 0px 5px 0px 2px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; text-decoration: none; color: #BBB; text-shadow: 1px 1px 0px #FFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.input_checkbox_button label input { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.input_checkbox_button input:hover + span { color: #777; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#EDEDED'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr= #DFDFDF, endColorStr=#EDEDED)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #DFDFDF), color-stop(50%, #EDEDED)); background-image: -webkit-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -moz-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -ms-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -o-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: linear-gradient(to bottom, #DFDFDF 5%, #EDEDED 50%); }
.input_checkbox_button input:active + span { position: relative; top: 1px; color: #777; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#EDEDED'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr= #DFDFDF, endColorStr=#EDEDED)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #DFDFDF), color-stop(50%, #EDEDED)); background-image: -webkit-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -moz-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -ms-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -o-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: linear-gradient(to bottom, #DFDFDF 5%, #EDEDED 50%); }
.input_checkbox_button input:checked + span { color: #777; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#EDEDED'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr= #DFDFDF, endColorStr=#EDEDED)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #DFDFDF), color-stop(50%, #EDEDED)); background-image: -webkit-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -moz-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -ms-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -o-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: linear-gradient(to bottom, #DFDFDF 5%, #EDEDED 50%); }
.input_button { outline: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #DCDCDC; text-decoration: none; color: #777; display: inline-block; text-shadow: 1px 1px 0px #FFF; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DFDFDF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EDEDED, endColorStr=#DFDFDF)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #EDEDED), color-stop(50%, #DFDFDF)); background-image: -webkit-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -moz-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -ms-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: -o-linear-gradient(top, #EDEDED 5%, #DFDFDF 50%); background-image: linear-gradient(to bottom, #EDEDED 5%, #DFDFDF 50%); }
.input_button label { cursor: pointer; }
.input_button label span { height: 100%; padding: 0px 5px 0px 2px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; text-decoration: none; color: #BBB; text-shadow: 1px 1px 0px #FFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.input_button label span.text { height: 28px; padding: 0px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; text-decoration: none; color: #777; text-shadow: 1px 1px 0px #FFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.input_button label input { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.input_button input:hover + span { color: #777; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#EDEDED'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr= #DFDFDF, endColorStr=#EDEDED)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #DFDFDF), color-stop(50%, #EDEDED)); background-image: -webkit-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -moz-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -ms-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -o-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: linear-gradient(to bottom, #DFDFDF 5%, #EDEDED 50%); }
.input_button input:active + span { position: relative; top: 1px; color: #777; background-color: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#EDEDED'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr= #DFDFDF, endColorStr=#EDEDED)"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #DFDFDF), color-stop(50%, #EDEDED)); background-image: -webkit-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -moz-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -ms-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: -o-linear-gradient(top, #DFDFDF 5%, #EDEDED 50%); background-image: linear-gradient(to bottom, #DFDFDF 5%, #EDEDED 50%); }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ */
  .input_file { transition: border-color 0.3s; }
  .input_file:hover { border-color: #AAA; }
}
/* The buttons was originally generated by css-button-generator.com */

.categories_line { width: 100%; height: 4px; background: #2D77B0; }
table.categories { width: 100%; background: #27689A; }
table.categories td { width: 240px; height: 20px; }
table.categories td.space { height: 20px; }
table.categories a { display: block; width: 240px; height: 20px; line-height: 20px; text-align: center; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 12px; text-decoration: none; color: white; transition: background-color 1s; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; }
table.categories a:hover { background: #21577F; }

.search_line { width: 100%; height: 4px; background: #2D77B0; }
#search_forms { width: 100%; background: #2D77B0; overflow: hidden; font-size: 0px; }
#search_forms p { color: #EEE; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 1px; margin-bottom: 1px; }
#search_engine, #search_user, #search_profiles { width: 100%; padding: 10px 0px; display: none; background: #2D77B0; }
#search_profiles .button { position: relative; display: inline-block; min-width: 200px; height: 40px; margin: 5px; background: rgba(255,255,255,0.1); border: 2px solid rgba(255,255,255,0.5); border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
#search_profiles .button a { position: relative; z-index: 2; display: block; width: 100%; height: 100%; padding: 0px 10px; line-height: 40px; color: #FFF; font-size: 12px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#search_profiles .button::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0; filter: alpha(opacity=0); background-color: rgba(255,255,255,0.2); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transform: scale(0.5, 1); -webkit-transform: scale(0.5, 1); -moz-transform: scale(0.5, 1); -o-transform: scale(0.5, 1); -ms-transform: scale(0.5, 1); }
#search_profiles .button:hover::before{ opacity: 1; filter: alpha(opacity=100); transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); }
@media (max-width: 800px) { #search_profiles .button { margin: 10px; } }

#search_tabs_wrapper { overflow: hidden; width: 100%; }
#search_tabs { display: table; table-layout: fixed; }
#search_tabs>li { display: table-cell; list-style: none; width: 200px; vertical-align:middle; text-align: center; padding: 5px 20px 5px 20px; position: relative; overflow: hidden; cursor: pointer; color: #555; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
#search_tabs>li::before { content: ""; position: absolute; z-index: -2; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #CCC; border-radius: 0px 0px 25px 25px; -webkit-border-radius: 0px 0px 25px 25px; -moz-border-radius: 0px 0px 25px 25px; }
#search_tabs>li::after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; bottom: 0px; left: 0px; background-color: rgba(45, 119, 176, 0.3); border-radius: 0px 0px 25px 25px; -webkit-border-radius: 0px 0px 25px 25px; -moz-border-radius: 0px 0px 25px 25px; transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); }
#search_tabs>li:hover::after { transform: translateY(-80%); -webkit-transform: translateY(-80%); -moz-transform: translateY(-80%); -o-transform: translateY(-80%); -ms-transform: translateY(-80%); }
#search_tabs>li.active { color: white; }
#search_tabs>li.active::after { content: ""; background-color: #2D77B0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); }

main { flex-grow: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; position: relative; width: 100%; margin: 0px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
aside { background: #DDD; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

#main_wrapper { overflow: hidden; }
#main_left { float: left; padding: 40px 10px 10px 0px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#main_left>div { margin-bottom: 12px; padding-left: 60px; text-align: left; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 16px; color: #555; }
#main_left>div>a { font-size: 16px; color: CornflowerBlue; }

#main_right { float: right; margin-bottom: 10px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

@media (min-width: 801px) {
  main { padding: 0px 30% 0px 0px; }
  aside { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 30%; padding: 0px; border-left: 1px solid #BBB; }

  .categories_line { display: none; }
  #main_left { width: 49%; }
  #main_right { width: 49%; padding: 20px 10px 10px 10px; }
  #main_left>img { margin: 30px 0px 10px 10px; width: 90%; max-width: 500px; }
}
@media (max-width: 800px) {
  main { padding: 0px; }
  aside { display: block; width: 100%; padding: 10px 10px; border-top: 1px solid #BBB; }

  .categories_line { display: block; }
  table.categories { display: none; }
  #main_left { width: 100%; }
  #main_right { width: 100%; padding: 10px 10px 10px 10px; }
  #main_left>img { margin: 10px 0px 0px 0px; width: 80%; max-width: 500px; }
}

.main_slider { margin-bottom: 10px; text-align: center; }
.main_slider_tabs { width: 80%; height: 45px; margin: 0px auto; padding: 0px; position: relative; border: 5px solid #DDD; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; background: #DDD; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.main_slider_tabs::after { content: ""; width: 50%; height: 100%; top: 0px; left: 0px; position: absolute; background: #2D77B0; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; transition: left 0.25s ease-in-out; -webkit-transition: left 0.25s ease-in-out; -moz-transition: left 0.25s ease-in-out; -o-transition: left 0.25s ease-in-out; }
.main_slider_tabs.slide::after { content: ""; left: 50%; }
.main_slider_trigger { width: 49%; height: 45px; position: relative; z-index: 1; text-align: center; vertical-align: top; font-size: 13px; font-weight: bold; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; color: #555; cursor: pointer; transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.main_slider_trigger div.container { display: flex; height: 45px; justify-content: center; align-items: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.main_slider_trigger.active { color: white; }
.main_slider_content { display:none; }

/* Loader */
.loader { margin-left: auto; margin-right: auto; border: 10px solid rgba(255,255,255,0.1); border-top: 10px solid rgba(255,255,255,0.4); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; }
@keyframes spin {
  0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg);  }
}
@-moz-keyframes spin {
  0% { transform: rotate(0deg); -moz-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -moz-transform: rotate(360deg);  }
}
@-o-keyframes spin {
  0% { transform: rotate(0deg); -o-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -o-transform: rotate(360deg);  }
}

/* Search results */
#search_results { width: 100%; text-align: center; }
#search_results ul { text-align: center; }
#search_results li { border: 4px solid #BBB; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; background: #DDD; overflow: hidden; vertical-align: text-top; }
#search_results li.ad { height: 280px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
#search_results li.ad div.center { height: 100%; display: flex; align-items: center; justify-content: center; }
#search_results a.profile { position: relative; display: block; width: 100%; height: 230px; margin: 0px; padding: 20px; background: #DDD; text-decoration: none; color: #444; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; }
#search_results a.profile:hover { background: #CCC; text-decoration: none; color: #444; }
#search_results table { margin: 0px; }
#search_results td { text-align: left; }
#search_results div.bottom { display: table; width: 100%; height: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #DDD; border-top: 1px solid #BBB; }
#search_results div.buttons { display: table-cell; width: calc(100%-60px); width: -webkit-calc(100%-60px); width: -moz-calc(100%-60px); height: 100%; margin: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px 0px 10px 15px; text-align: left; background: #DDD; }
#search_results div.rules { display: table-cell; width: 60px; height: 100%; margin: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px 15px 10px 0px; vertical-align: middle; text-align: right; background: #DDD; }
#search_results div.rules a { display: inline-block; color: #444; font-size: 12px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-decoration: none; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; }
#search_results div.rules a:hover { color: #888; }
#search_results div.buttons img { width: auto; height: 25px; border: none; }
#search_results div.admin { display: block; width: 100%; margin: 0px; padding: 5px; border-top: 1px solid #BBB; background: #DDD; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

@media (min-width: 901px) { #search_results li { width: 410px; margin: 10px 10px 10px 10px; } }
@media (max-width: 900px) { #search_results li { width: 90%; margin: 10px 0px 10px 0px; } }

/* Date info */
div.date_info { position: absolute; right: 10px; top: 10px; width: 60px; height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
div.date_info .text { color: #444; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
div.date_info .round { width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #D8D8D8; }
div.date_info_ad { display: inline-block; width: 47px; height: 47px; }
div.date_info_ad .text { color: #4D6A7C; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
div.date_info_ad .round { width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #DFDFDF; }

/* Icon Grow */
.icon_grow110 { transform: scale(1.0) translateZ(0); -webkit-transform: scale(1.0) translateZ(0); -moz-transform: scale(1.0) translateZ(0); -o-transform: scale(1.0) translateZ(0); -ms-transform: scale(1.0) translateZ(0); transition: transform 0.3s; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; }
.icon_grow110:hover { transform: scale(1.1) translateZ(0); -webkit-transform: scale(1.1) translateZ(0); -moz-transform: scale(1.1) translateZ(0); -o-transform: scale(1.1) translateZ(0); -ms-transform: scale(1.1) translateZ(0); transition: transform 0.3s; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; }
.icon_grow130 { transform: scale(1.0) translateZ(0); -webkit-transform: scale(1.0) translateZ(0); -moz-transform: scale(1.0) translateZ(0); -o-transform: scale(1.0) translateZ(0); -ms-transform: scale(1.0) translateZ(0); transition: transform 0.3s; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; }
.icon_grow130:hover { transform: scale(1.3) translateZ(0); -webkit-transform: scale(1.3) translateZ(0); -moz-transform: scale(1.3) translateZ(0); -o-transform: scale(1.3) translateZ(0); -ms-transform: scale(1.3) translateZ(0); transition: transform 0.3s; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; }

/* Username */
.username { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: bold; font-size: 12pt; color: #476983; white-space: nowrap; }

/* Artices */
.article_title { color: #2E7EC1; font-size: 18pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: bold; font-variant: small-caps; }

/* Photos, miniatures, chip */
img.photo { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 3px solid #AAA; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; }
a>img.photo:hover { border-color: #777; }

img.miniature { display: inline-block; width: 122px; height: 122px; border: 4px solid #999; object-fit: cover; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
img.miniature_low_shrink { display: inline-block; width: 122px; height: 122px; border: 4px solid #999; object-fit: cover; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
td.miniature { width: 130px; height: 130px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
a img.miniature { transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; }
a img.miniature:hover { border-color: #666; }
@media (max-width: 600px) {
  img.miniature { width: 80px; height: 80px; }
  td.miniature { width: 80px; height: 80px; }
  img.miniature_low_shrink { width: 110px; height: 110px; }
}
p.reward_1 { color: #777777; }
p.reward_2 { color: #CD7F32; }
p.reward_3 { color: #F5F4F4; }
img.reward_1 { border-color: #777777; }
img.reward_2 { border-color: #CD7F32; }
img.reward_3 { border-color: #F5F4F4; }
a img.reward_1:hover { border-color: #777777; }
a img.reward_2:hover { border-color: #CD7F32; }
a img.reward_3:hover { border-color: #F5F4F4; }

.photo_caption { color: #444; font-size: 11px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
a.photo_caption { display: inline-block; margin-bottom: 5px; color: #444; font-size: 11px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-decoration: none; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; }
a.photo_caption:hover { color: #888; }

.chip_wrapper { position: relative; overflow: hidden; display: inline-block; text-align: center; }
.chip_wrapper .x { position: absolute; right: 5px; top: 5px; display: block; z-index: 3; }
.chip { position: relative; overflow: hidden; display: inline-block; text-align: center; }
.chip img { position: relative; z-index: 2; }
.chip .caption { position: relative; top: -13px; display: table-cell; vertical-align: middle; padding: 0px 25px; min-width: 150px; height: 50px; color: #444; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 14px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; background: #DDD; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.chip .caption>.description { margin-top: 2px; color: #444; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 11px; }
@media (max-width: 600px) {
  .chip .caption { padding: 0px 10px; font-size: 12px; }
}

/* Graphic containers */
.xvo { position: relative; display: inline-block; background: url(gfx/xvo.svg) top left no-repeat; }
a>.xvo::before { content: ""; position: absolute; top: 50%; right: 50%; width: 0px; height: 0px; display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 2px solid rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition-property: border-color, top, right, width, height; -webkit-transition-property: border-color, top, right, width, height; -moz-transition-property: border-color, top, right, width, height; -o-transition-property: border-color, top, right, width, height; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
a>.xvo:hover::before { right: -15%; top: -15%; width: 130%; height: 130%; border-color: rgba(150,150,150,0.9) }
.flag { display: inline-block; width: 16px; height: 11px; background: url(gfx/flags.png) top left no-repeat; }
.zodiac { display: inline-block; width: 47px; height: 47px; background: url(gfx/zodiac.svg) top left no-repeat; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }

/* Conversations */
#convContainer { text-align: center; }
#convReceiver { float: left; text-align: center; }
#convSender { float: right; text-align: center; }
#convReceiverTd { vertical-align: middle; }
#convSenderTd { vertical-align: middle; }
#convContent { float: center; height: 300px; padding: 0px; margin-bottom: 7px; margin-left: auto; margin-right: auto; overflow: auto; border: 1px solid #79BFF1; background: #F8F8F8; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

#convError { display: none; padding: 0px; margin-bottom: 4px; margin-left: auto; margin-right: auto; border: 1px solid #FF7F7F; background: #FDD; cursor: pointer; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
#convError:hover { outline: none; box-shadow: 0 0 10px #FAA; -webkit-box-shadow: 0 0 10px #FAA; -moz-box-shadow: 0 0 10px #FAA; }
#convError p { margin: 7px; text-align: center; color: #F55; }
#convError p>a { color: #F55; }
#convError p>a:hover { color: #F99; }

.convTextareaFull { min-height: 18px; margin-bottom: 3px; overflow: hidden; resize: none; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

.convTextareaContainer { margin-bottom: 3px; }
.convTextarea { width: 100%; min-height: 18px; overflow: hidden; resize: none; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

.convTextareaError { border: 1px solid #FF7F7F !important; background: #FDD !important; color: #F55 !important; outline: none !important; box-shadow: 0 0 10px #FAA !important; -webkit-box-shadow: 0 0 10px #FAA !important; -moz-box-shadow: 0 0 10px #FAA !important; }
#convTextareaErrorTimer { display: none; position: absolute; right: 1px; bottom: 10px; }
#convTextareaErrorTimer p { color: #F55; }

.convTextareaEnter { position: absolute; left: 10px; right: 0px; top: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.convTextareaImage { position: absolute; left: 0px; right: 10px; top: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.convSubmit { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.convBack { margin-bottom: 7px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.convContentContainerA, .convContentContainerAI { margin: 10px 15% 0px 10px; text-align: left; }
.convContentContainerB, .convContentContainerBI { margin: 10px 10px 0px 15%; text-align: right; }
.convContentContainerD { margin: 3px 10px 0px 15%; text-align: right; }
.convContentContainerS { margin: 10px 15% 0px 15%; text-align: center; }
.convContentContainerEnd { margin: 0px 15% 10px 15%; }
.convContentA, .convContentB, .convContentAI, .convContentBI, .convContentD, .convContentS { display: inline-block; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 12px; }
.convContentA { padding: 7px; background: #EBEBEB; text-align: left; color: black; }
.convContentAI { padding: 0px; background: #CCC; line-height: 0; }
.convContentB { padding: 7px; background: #4080FF; text-align: left; color: white; }
.convContentBI { padding: 0px; background: #CCC; line-height: 0; }
.convContentD { padding: 7px; background: #DDDDDD; color: gray; text-align: right; padding: 4px 5px; font-size: 10px; }
.convContentS { padding: 7px; background: #FDD; color: #F55; text-align: center; }
.convContentTime { padding: 2px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 10px; color: gray; }
a.convContentLink { word-break: break-all; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; }
.convContentA a.convContentLink { color: #999; }
.convContentB a.convContentLink { color: #BBB; }
.convContentS a.convContentLink { color: #F77; }
.convContentA a.convContentLink:hover { color: #666; }
.convContentB a.convContentLink:hover { color: #DDD; }
.convContentS a.convContentLink:hover { color: #F99; }
.convImageContainer { position: relative; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
.convImageContainer .loader { position: absolute; z-index: 1; left: 0px; right: 0px; top: calc(50% - 30px); top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); }
.convImageContainer a>img { position: absolute; z-index: 2; top: 0px; left: 0px; border: 3px solid #CCC; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; }
.convImageContainer a>img:hover { border-color: #777; }

#convList { width: 100%; margin-top: 20px; color: #222; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
a.convLink { display: block; color: #222; text-decoration: none; }
.convRead { border-top: 4px solid #AAA !important; background: #DDD; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; }
.convUnread { border-top: 4px solid #AAA !important; background: #CCC; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; }
.convLast { border-top: 4px solid #AAA !important; }
.convRead:hover { background: #BDBDBD; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; }
.convUnread:hover { background: #BDBDBD; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; }
.convMessage { padding-left: 10px !important; color: #222; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-align: left; }
.convDate{ padding-top: 2px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 10px; color: gray; text-align: left; }
.convButtons { width: 25px; vertical-align: top; text-align: right; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

@media (min-width: 1001px) {
  #convReceiver { width: 200px; }
  #convSender { width: 200px; }
  #convReceiverTd { height: 300px; padding: 0px; }
  #convSenderTd { height: 300px; padding: 0px; }
  #convContent { height: 300px; width: 50%; width: calc(100% - 410px); width: -webkit-calc(100% - 410px); width: -moz-calc(100% - 410px); }
  .convTextareaFull, #convError { width: 50%; width: calc(100% - 410px); width: -webkit-calc(100% - 410px); width: -moz-calc(100% - 410px); }
  .convSubmit, .convTextareaContainer { width: 50%; width: calc(100% - 408px); width: -webkit-calc(100% - 408px); width: -moz-calc(100% - 408px); }
  .convBack { width: 50%; width: calc(100% - 408px); width: -webkit-calc(100% - 408px); width: -moz-calc(100% - 408px); }
  .convMiniature { padding-left: 50px !important; }
}
@media (max-width: 1000px) and (min-width: 400px) {
  #convReceiver { width: auto; }
  #convSender { width: auto; }
  #convReceiverTd { height: auto; padding-left: 30px; }
  #convSenderTd { height: auto; padding-right: 30px; }
  #convContent { height: 300px; width: 95%; }
  .convTextareaFull, #convError { width: 95%; }
  .convSubmit, .convTextareaContainer { width: 95%; width: calc(95% + 2px); width: -webkit-calc(95% + 2px); width: -moz-calc(95% + 2px); }
  .convBack { width: 95%; width: calc(95% + 2px); width: -webkit-calc(95% + 2px); width: -moz-calc(95% + 2px); }
  .convMiniature { padding-left: 0px !important; }
}
@media (max-width: 400px) {
  #convReceiver { width: auto; }
  #convSender { width: auto; }
  #convReceiverTd { height: auto; padding-left: 10px; }
  #convSenderTd { height: auto; padding-right: 10px; }
  #convContent { height: 300px; width: 95%; }
  .convTextareaFull, #convError { width: 95%; }
  .convSubmit, .convTextareaContainer { width: 95%; width: calc(95% + 2px); width: -webkit-calc(95% + 2px); width: -moz-calc(95% + 2px); }
  .convBack { width: 95%; width: calc(95% + 2px); width: -webkit-calc(95% + 2px); width: -moz-calc(95% + 2px); }
  .convMiniature { padding-left: 0px !important; }
}

/* Edit icons */
ul.edit_icons li { position: relative; overflow: hidden; display: inline-block; width: 150px; margin: 20px 10px 0px 10px; text-align: center; }
ul.edit_icons li>a { color: #444; transition-property: color; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; }
ul.edit_icons li>a:hover { color: #999; }
ul.edit_icons img { position: relative; z-index: 2; }
ul.edit_icons span { position: relative; top: -13px; display: table-cell; vertical-align: middle; padding: 0px 25px; width: 150px; height: 50px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 14px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; background: #DDD; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

/* Sale */
td.sale_dark, td.sale_light { padding: 10px 20px !important; text-align: center; border-top: 4px solid #BBB !important; }
td.sale_dark { background: #CCC !important; }
td.sale_light { background: #EEE !important; }
td.sale_last { border-bottom: 4px solid #BBB !important; }
ul.sale { list-style-type: disc; }
ul.sale li { display: list-item; margin: 2px 10px 2px 30px; text-align: left; color: #444; font-size: 10pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
.sale_heart { background: url(gfx/heart.svg) no-repeat top right; width: 175px; height: 140px; border: none; color: grey; cursor: pointer; line-height: 1.6; }
.sale_calendar { background: url(gfx/calendar.svg) no-repeat; width: 220px; height: 180px; border: none; color: #444; cursor: pointer; line-height: 1.6; }
img.sale_supporters { max-width: 90%; margin: 3px 10px; }

/* Profiles */
#profiles_content_wrapper { width: 100%; overflow: hidden; font-size: 0px; }
#profiles_content { width: 100%; }

/* Profile buttons */
.fulljustify { text-align: justify;  margin-bottom:-1em !important; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.fulljustify::after { content: ""; display: inline-block; width: 100%; }

/* Profile favorites */
p.favorites_buttons { color: #444; font-weight: bold; font-size: 50pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
p.favorites_buttons:hover { cursor: pointer; }
@media (max-width: 400px) { p.favorites_buttons { font-size: 35pt; } }

/* Profile comments */
.comments { color: #444; font-size: 12px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
.comments_date { color: #444; font-size: 11px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
a.comments { display: inline-block; margin-bottom: 5px; color: #444; font-size: 11px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-decoration: none; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; }
a.comments:hover { color: #888; }

/* Profile fields */
div.group { margin: 0px 0px 5px 0px; text-align: left; color: #444; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 10pt; border-bottom: 1px solid #444; }
div.fields_container { width: 95%; margin-bottom: 20px; }
p.fields { text-align: justify; color: #444; font-size: 10pt; line-height: 1.5; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; margin: 0px 10px 5px 20px; }

/* Tables */
table.content { border-spacing: 0px; border: 4px solid #BBB; background: #E8E8E8; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
table.content td.header { padding: 10px; color: #444; font-size: 12pt; font-weight: bold; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; border-bottom: 1px solid #BBB; background: #DDD; border-radius: 16px 16px 0px 0px; -webkit-border-radius: 16px 16px 0px 0px; -moz-border-radius: 16px 16px 0px 0px; }
table.content td.cell { padding: 20px; }
table.content td.cell_left { padding: 10px; text-align: center; }
table.content td.cell_right { padding: 20px; text-align: left; border-left: 1px solid #BBB; }
table.content td.cell_bottom { padding: 20px; border-top: 1px solid #BBB; }

/* Borders */
.border { width: 70%; margin: 0px auto 10px auto; padding: 20px; text-align: center; border: 4px solid #BBB; background: #DDD; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }

/* Pages */
.pages { margin: 10px 0px; text-align: center; }
.pages span { display: inline-block; margin: 5px 5px; padding: 10px 15px; font-size: 12px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-decoration: none; color: #888; background-color: #EAEAEA; }
.pages a { display: inline-block; margin: 5px 5px; padding: 10px 15px; font-size: 12px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-decoration: none; color: #888; background-color: #DDD; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; }
.pages a:hover { background-color: #CCC; }
.pages a.next { padding-left: 30px; padding-right: 30px; }

/* Error */
#error { width: 80%; margin: 50px auto; padding: 15px 15px; border: 1px solid #BBB; background: url(gfx/ornaments/ornament0.svg) #DDD left bottom no-repeat; background-origin: content-box; background-size: auto 45%; }
#error>div { margin: 60px auto; text-align: center; }
#error_log { width: 80%; margin: 50px auto; padding: 15px 15px; border: 1px solid #BBB; background: url(gfx/key.svg) #DDD right bottom no-repeat; background-origin: content-box; }
#error_log>div { margin: 60px auto; text-align: center; }

/* Aa */
#aaHeader { width: 100%; border: none; background-color: #2D77B0; }
#aaHeader td { height: 40px; text-align: center; font-size: 13px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; color: #EEE }
#aaHeader td a { color: #EEE; text-decoration: none; }
#aaHeader td a:hover { color: #FFF; }
.aaOptions { color: #444; font-size: 9px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
a.aaOptions { display: inline-block; margin-bottom: 5px; color: #444; font-size: 9px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-decoration: none; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; }
a.aaOptions:hover { color: #888; }
.dot { display: inline-block; width: 10px; border: none; border-radius: 50%; }

/* Donate */
div.donateProgress { position: relative; width: 100%; min-width: 200px; height: 30px; border: 2px solid #888; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
div.donateProgress div.fill { position: absolute; display: flex; align-items: center; justify-content: center; text-align: center; left: 0px; top: 0px; bottom: 0px; right: 50%; color: #EEE; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 12px; font-weight: bold; background: #888; line-height: 1; }
div.donateProgress div.rest { position: absolute; display: flex; align-items: center; justify-content: center; text-align: center; left: 0px; top: 0px; bottom: 0px; right: 0px; color: #888; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 12px; font-weight: bold; background: none; line-height: 1; }

div.donateProgressFooter { position: relative; width: 100%; min-width: 200px; height: 30px; border: 2px solid #EEE; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
div.donateProgressFooter div.fill { position: absolute; display: flex; align-items: center; justify-content: center; text-align: center; left: 0px; top: 0px; bottom: 0px; right: 50%; color: #EEE; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 12px; font-weight: bold; background: #94B6F6; line-height: 1; }
div.donateProgressFooter div.rest { position: absolute; display: flex; align-items: center; justify-content: center; text-align: center; left: 0px; top: 0px; bottom: 0px; right: 0px; color: #EEE; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 12px; font-weight: bold; background: #none; line-height: 1; }

p.donate_title { margin-top: 30px; margin-bottom: 15px; text-align: center; font-size: 18px; }
div.donate_border { width: 80%; margin: 0px auto 10px auto; padding: 20px; text-align: left; border: 4px solid #BBB; background: #DDD; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
div.donate_border p b { font-size: 16px; }
div.donate_border p span { font-size: 18px; }
div.donate_border_crypto_bt { background-image: url(gfx/crypto_bt_logo.svg); background-repeat: no-repeat; background-position: 120% 20%; }
div.donate_border_crypto_et { background-image: url(gfx/crypto_et_logo.svg); background-repeat: no-repeat; background-position: 93% 80%; background-size: 17%; }

#donateLoader { position: fixed; display: none; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index:9999; background: #DDD; opacity: 0.80; filter: alpha(opacity=80); }
#donateLoader div.donateCenter { width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; }

.input_text_donate, .input_text_donate1, .input_text_donate2 { text-align: center; display: inline-block; height: 20px; margin: 0px 1px; padding: 0px 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.input_text_donate1:hover, .input_text_donate2:hover { text-align: center; outline: none; border-color: #79BFF1; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.input_text_donate { width: 65px; }
.input_text_donate1 { width: auto; text-align: center; background: white; }
.input_text_donate2 { width: 30px; text-align: center; background: white; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.input_text_donate_crypto { width: 100%; text-align: center; background: white; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; user-select: all; -ms-user-select: all; -moz-user-select: all; -webkit-user-select: all; }

.input_submit_donate { display: inline-block; height: 20px; color: #444; font-size: 13px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; padding: 0px 10px; border: 1px solid #AAA; background: #EEE; cursor: pointer; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; }
.input_submit_donate:hover { border: 1px solid #777; }
.input_submit_donate:active { position: relative; top: 1px; }

.donate_crypto_button { width: 100%; display: inline-block; text-align: center; color: #444; font-size: 13px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; padding: 3px 10px; border: 1px solid #AAA; background: #EEE; cursor: pointer; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; }
.donate_crypto_button:hover { border: 1px solid #777; color: #444; }
.donate_crypto_button:active { position: relative; top: 1px; }

/* Footer */
footer { width: 100%; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; text-align: center; border-top: 1px solid #3494CE; background-color: #2D77B0; background: linear-gradient(to bottom, #41BDE3 5%, #2D77B0 50%); background: -o-linear-gradient(top, #41BDE3 5%, #2D77B0 50%); background: -moz-linear-gradient(top, #41BDE3 5%, #2D77B0 50%); background: -webkit-linear-gradient(top, #41BDE3 5%, #2D77B0 50%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#41BDE3, endColorStr=#2D77B0)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41BDE3', endColorstr='#2D77B0'); }
footer p { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 13px; font-weight: bold; }
footer a { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 13px; }

footer li { vertical-align: top; line-height: 0.8; }

footer li.logo { padding: 20px 30px 5px 30px; text-align: center; }
footer li.logo img { width: 90%; max-width: 300px; }
footer li.logo p { margin-top: 5px; color: #E0E0E0; line-height: 1.5; }
footer li.logo a { color: #E0E0E0; line-height: 1.5; }
footer li.logo a:hover { color: #FFF; }
@media (max-width: 1100px) {
  footer li.logo { display: block; }
}

footer li.links>div { padding: 5px 30px; text-align: left; }
footer li.links>div>p { color: #EEE; line-height: 2.5; }
footer li.links>div>a { color: #E0E0E0; line-height: 1.7; }
footer li.links>div>a path { fill: #E0E0E0; transition: fill 0.3s; -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; -o-transition: fill 0.3s; }
footer li.links>div>a:hover { color: #FFF; }
footer li.links>div>a:hover path { fill: #FFF; }
footer li.links>div>div.categories>a { color: #EEE; font-size: 8px; line-height: 0.8; }