body,
td,
ol,
ul,
li,
p       {font-size: 10pt; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;}

body {margin: 0px; padding: 0px; background-color: #dedede; margin-left: 5px;}

H3      {color: #8f0000; font-family: arial; font-size: 12pt; font-weight: bold; text-align: center;}
H4      {color: #8f0000; font-family: Arial; font-size: 11pt; font-weight: bold; margin-bottom: 5px;}
H5      {color: #4f0000; font-family: Arial; font-size: 11pt; font-weight: bold; margin-bottom: 0px; margin-top: 0px;}
fieldset    {border-bottom: 3px double #ffffff; border-left: 3px double #ffffff; border-right: 3px double #ffffff; border-top: 2px groove #ffffff; border-radius: 5px; padding: 5px;}
legend    {color: #770d05;}
.anketa    {background-color: #f2f0f0; border: #000000 1px solid; color: black; font-family: verdana; font-size: 11px;}
.err    {font-size: 11px;}
.nav    {cursor: pointer;}
.pH3    {color: #8f0000; font-family: Arial; font-size: 12pt; font-weight: bold;}
.header,
.usually,
.usually14,
.small         {font-family: Tahoma; font-size: 13px;}
.usuallyb  {font-family: Tahoma; font-size: 13px; color: #354463;}
a,
a:visited             {text-decoration: none; color: #003388; font-weight: bold;}
a:hover       {color: #0066FF;}
a:active      {color: #6F0000;}
.us                {font-family: verdana; font-size: 13px; text-decoration: none; color: #D50000; font-weight: bold;}
.us:hover  {color: red;}
.us2              {font-family: verdana; font-size: 13px; text-decoration: none; color: #000000; font-weight: bold;}
.us2:hover,
.us3:hover  {color: #8A8A8A;}
.us3    {font-family: verdana; font-size: 13px; text-decoration: none; color: #000099; font-weight: bold;}
.who    {font-size: 12px; color: #354463;}
.inv    {background-color: #dcdcdc; color: #354463; font-family: verdana; font-size: 10pt; border: 1pt solid #000000;}
.new    {color: #354463; font-family: verdana; font-size: 8pt; border: 1pt solid #000000; font-weight: bold;}
.but,
.b                      {color: #000000; font-family: verdana; font-size: 8pt; border: 1pt solid #000000; font-weight: bold; background-color: #cccccc; cursor: pointer;}
.ad                    {border-bottom: #000000 1px solid; border-left: #000000 1px solid; border-right: #000000 1px solid; border-top: #000000 1px solid;}
.nick                {font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; font-weight: bold; font-size: 10pt; color: #003388; text-decoration: none; cursor: pointer;}
.nick:hover  {color: #0066FF;}
.sys,
.sys2    {font-family: Courier; font-weight: normal; font-size: 8pt; color: #B00000; text-decoration: none;}
.p1      {font-family: verdana; font-weight: bold; font-size: 10pt; color: #991111; text-decoration: none;}
.p1:hover  {font-family: verdana; font-weight: bold; font-size: 10pt; color: #0066FF; text-decoration: none;}
.p2      {font-family: verdana; font-weight: bold; font-size: 10pt; color: #121180; text-decoration: none;}
.t      {font-family: verdana; font-weight: bold; font-size: 10pt; color: #552255; text-decoration: none;}
.hitted    {font-family: verdana; font-weight: bold; font-size: 10pt; color: #0080C0;}
.krit    {font-family: verdana; font-weight: bold; font-size: 10pt; color: #990000;}
.magic    {font-family: verdana; font-weight: bold; font-size: 10pt; color: red;}
.navik     {font-family: verdana; font-size: 10pt; font-weight: normal;}
.sysMain  {font-family: verdana; font-weight: bold; font-size: 8pt; color: #990000;}
.btn    {border: 1px double #9a9996; font-size: 12px; color: #dfdfdf; font-family: verdana, arial, helvetica, sans-serif; background-color: #504F4C; cursor: pointer;}
.btn:hover,
.btn2:hover  {background-color: #393937; color: #FFFFFF;}
.btn[disabled],
.btn2[disabled]  {background-color: #7A7976; color: #C8C8C8; cursor: default;}
.btn2    {border: 1px double #9a9996; font-size: 12px; color: #dfdfdf; background-color: #504F4C; cursor: pointer;}
.date    {font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000;}
.date2    {font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000; background-color: #00FFAA;}
select,
textarea,
input         {border: solid 1pt #B0B0B0; font-family: MS Sans Serif; font-size: 10px; color: #191970; margin-bottom: 2px; margin-top: 1px;}
/* вкладки «Поединков»: были бирюзовые (#99CCCC/#BBDDDD), теперь как .kk-tabs (docs/ui-audit.md P2-02) */
.m            {background: #C8C8C8; text-align: center; border: 1px solid #A5A5A5; padding: 2px 4px;}
.m:hover      {background: #D6D6D6;}
.s            {background: #E2E0E0; text-align: center; border: 1px solid #A5A5A5; border-bottom-color: #E2E0E0; padding: 2px 4px;}
.s a          {color: #000000;}
.active        {cursor: pointer;}
.nonactive {opacity: 0.3; cursor: default;}
.show     {border: 0px; background-color: #dedede; font-weight: bold; width: 40px; text-align: right; font-size: 10pt; font-family: Verdana; margin: 0px; padding: 0px; cursor: default; color: black;}
img.skill   {border: 0px; cursor: pointer;}
td.skill       {font-weight: bold;}

#hint3    {width: 240px; font-family: MS Sans Serif; font-size: 8px; text-decoration: none; color: #000080; z-index: 99; position: fixed; display: none;}

.tzS    {font-weight: bold; color: #000000; background: #CCCCCC; text-align: center; cursor: default; width: 150px;}
.notz    {font-weight: bold; color: #003388; background: #CCCCCC; text-align: center; cursor: default;}
.tz      {font-weight: bold; color: #003388; background: #CCCCCC; text-align: center; cursor: pointer; width: 150px;}
.tzOver    {background: #C0C0C0;}
.tzSet    {background: #A6B1C6; cursor: default;}
.dtz    {display: none;}

.posit    {border-top: 1px solid #FFFFFF; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #FFFFFF; padding: 2px;}
.style_desc  {padding-left: 25px; color: green; display: none;}
.style_best  {position: absolute; left: 100px; top: 132px; display: none;}
.broken    {background-color: transparent;}
.anketabg  {background-color: #D3D2D0;}

.buttons_under    {white-space: nowrap; padding-left: 3px; padding-right: 3px; height: 10px;}
a.passage      {font-weight: bold; font-size: 10px; text-decoration: none; color: #3B3936;}
a.passage:hover    {color: #76726b;}
a.dis_passage,
a.dis_passage:hover  {opacity: 0.5; color: gray; text-shadow: 0.1em 0.1em white;}

.help    {background: #A9AFC0;}

.shape     {background: black; width: 120px; height: 220px; border-right: 25px solid #dedede; border-bottom: 2px solid #dedede;}
.dis_shape {background: grey;}

#mmoves    {border: #666666 1px solid; padding: 2px; visibility: hidden; overflow: visible; white-space: normal; max-width: 420px; word-wrap: break-word; position: absolute; left: 0px; top: 0px; background-color: #ffffcc; z-index: 200; text-align: left;}
/* подсказка вещей на кукле (engline/functions/class_DollTip.php), как на combats-club: серая, по центру, вещи ячейки - через черту */
#mmoves:has(.dtip)  {background-color: #e2e2e2; border-color: #555555; padding: 0; text-align: center; color: #000000;}
.dtip              {padding: 3px 8px; line-height: 1.35;}
.dtip .dt-b        {padding: 1px 0;}
.dtip .dt-hr       {border: 0; border-top: 1px solid #555555; margin: 4px -8px;}
.dtip .dt-l        {color: #006400;}
.dtip .dt-rune     {color: #008000;}
.dtip .dt-ench     {color: #d2691e;}

#help          {z-index: 112; position: fixed; width: 700px; height: 300px; border-bottom: 3px double #ffffff; border-left: 3px double #ffffff; border-right: 3px double #ffffff; border-top: 2px groove #ffffff; border-radius: 5px; padding: 5px; display: none; overflow-y: auto; background-color: #D5D5D5;}
#help_bg   {z-index: 111; position: fixed; background-color: #000000; opacity: 0.5; display: none; top: 0px; left: 0px;}
.but_close {cursor: pointer; position: absolute; top: 0px; right: 0px;}
.loadbar      {width: 40px; height: 5px; padding-right: 10px; display: none;}