body {height: 100%; margin: 0px;}

div.alignlogo {position: absolute; right: 15px; text-align: center; top: 0px; width: 116px; z-index: 1;}

#tab {height: 24px; font-height: 0px;}
#tab img {height: 25px;}
.tab_title {font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
.tab_title a {color: #FFFFFF;}
.tab_title_active {color: rgb(98, 102, 101); font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
.bgalign0 {background-color: #e2e0e0;}
.private	{font-weight: bold; color: red; background-color: #FAE0E0;}

a.menu:link {color: rgb(255, 255, 255); font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
a.menu:visited {color: rgb(255, 255, 255); font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
a.menu:hover {color: rgb(203, 124, 18); font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; text-decoration: underline;}
a.menu:active {color: rgb(255, 255, 255); font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}

table.align0 {border: 0px; height: 100%; width: 100%;}
table.align0 td.topleftcorner {background-color: #e2e0e0; background-image: url(../img/info/tl0.jpg); height: 50px; width: 19px;}
table.align0 td.topleftcorner img {height: 50px; width: 19px;}
table.align0 td.topcenterline {background-color: #e2e0e0; background-image: url(../img/info/tc0.jpg); height: 50px;}
table.align0 td.topcenterline img {height: 50px;}
table.align0 td.toprightcorner {background-color: #e2e0e0; background-image: url(../img/info/tr0.jpg); height: 50px; width: 19px;}
table.align0 td.toprightcorner img {height: 50px; width: 19px;}
table.align0 td.middleleftline {background-color: #e2e0e0; background-image: url(../img/info/ml0.jpg); width: 19px;}
table.align0 td.middleleftline img {width: 19px;}
table.align0 td.middlecenterarea {background-color: #e2e0e0; vertical-align: top;}
table.align0 td.middlerightline {background-color: #e2e0e0; background-image: url(../img/info/mr0.jpg); width: 19px;}
table.align0 td.middlerightline img {width: 19px;}
table.align0 td.bottomleftcorner {background-color: #e2e0e0; background-image: url(../img/info/bl0.jpg); height: 50px; width: 19px;}
table.align0 td.bottomleftcorner img {height: 50px; width: 19px;}
table.align0 td.bottomcenterline {background-color: #e2e0e0; background-image: url(../img/info/bc0.jpg); height: 50px; vertical-align: bottom; text-align: center;}
table.align0 td.bottomcenterline div {color: white; font-size: smaller; font-weight: bold; padding: 5px; text-align: center; white-space: nowrap;}
table.align0 td.bottomcenterline div a {color: white; font-size: smaller; font-weight: bold; padding: 5px; text-align: center; white-space: nowrap;}
table.align0 td.bottomrightcorner {background-color: #e2e0e0; background-image: url(../img/info/br0.jpg); height: 50px; width: 19px;}
table.align0 td.bottomrightcorner img {height: 50px; width: 19px;}
/* подарки в анкете (info.php, как на combats-club) */
.gifin { position: absolute; padding: 5px; background-color: #fcfef3; border: 1px solid #6e6960; font-size: 12px; max-width: 300px; min-height: 100px; min-width: 150px; z-index: 1110; }
.gift_img { margin: 1px 1px 0 0; display: block; float: left; cursor: pointer; }
.gifin a { color: #003388; font-weight: bold; }
/* телефон (docs/ui-audit.md P2-07): рамка тоньше, логотип скрыт, кукла и сведения - друг под другом */
@media (max-width: 600px) {
  div.alignlogo {display: none;}
  table.align0 td.topleftcorner, table.align0 td.toprightcorner, table.align0 td.middleleftline, table.align0 td.middlerightline,
  table.align0 td.bottomleftcorner, table.align0 td.bottomrightcorner {width: 4px; background-image: none;}
  table.align0 td.topleftcorner img, table.align0 td.toprightcorner img, table.align0 td.middleleftline img, table.align0 td.middlerightline img,
  table.align0 td.bottomleftcorner img, table.align0 td.bottomrightcorner img {width: 4px;}
  #tab {width: 100% !important;}
  .middlecenterarea table[cellspacing="2"] > tbody > tr > td {display: block; width: auto !important; padding: 2px 4px !important;}
  .middlecenterarea table[cellspacing="2"] > tbody > tr > td:first-child {text-align: center;}
  .middlecenterarea img {max-width: 100%;}
  body {font-size: 13px;}
}

/* блок модератора (личное дело, «Только для Тарманов» - class_CaseFile.php): только модераторам; как на КК */
h3.anketa-h {text-align: center; color: #8F0000;}
.cf {margin: 6px 0 4px; font-size: 12px; overflow-wrap: anywhere;}
.cf-head {font-weight: bold; margin-bottom: 4px;}
.cf-bar {display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-bottom: 6px;}
.cf-inl {display: inline; margin: 0;}
.cf-btn {background: #F0A030; border: 1px solid #B86E00; color: #000000; font-weight: bold; border-radius: 3px; cursor: pointer;}
.cf-btn:hover {background: #FFB84D; border-color: #8F5500;}
.cf-oncheck {color: #B86E00; font-weight: bold;}
.cf-ok {color: #007000;}
.cf-body {margin: 4px 0 8px; padding: 6px 8px; background: #EDEBEB; border: 1px solid #C8C8C8;}
.cf-note {display: flex; gap: 6px; align-items: flex-start; margin-bottom: 6px;}
.cf-note textarea {flex: 1 1 auto; min-width: 0; box-sizing: border-box; font: 12px Verdana, Arial, sans-serif;}
.cf-row {padding: 2px 0; border-bottom: 1px dotted #C8C8C8;}
.cf-row:last-child {border-bottom: 0;}
.cf-date {color: #505050; white-space: nowrap;}
.cf-act {color: #C00000; font-weight: bold;}
.cf-del {text-decoration: line-through; color: #808080;}
.cf-x {min-height: 0; padding: 0 5px; margin: 0; font-weight: bold; color: #B00000; background: none; border: 1px solid transparent;}
.cf-x:hover {border-color: #B00000; background: #FFFFFF;}
.cf-empty {color: #606060; font-style: italic;}
.cf-sec {margin-top: 8px; line-height: 1.6;}
.cf-sech {color: #C00000; font-weight: bold; text-decoration: underline; margin-bottom: 2px;}
.cf-rep {margin: 4px 0; padding: 4px 8px; border: 1px solid #C8C8C8; background: #F4F4F4;}
.cf-credit {margin-top: 4px; font-size: 10px; color: #606060;}
.cf-flash {margin: 4px 0; font-weight: bold;}
.cf-flash.ok {color: #007000;}
.cf-flash.err {color: #B00000;}
.cf-hr {border: 0; border-top: 1px solid #A5A5A5; margin: 8px 0;}
@media (max-width: 700px) {
  .cf-note {flex-direction: column; align-items: stretch;}
}