body{
    text-align: center;
    overflow-y:scroll;
    max-width:100%;
    font-family:tahoma, sans-serif;
    color:#3c2d1a;
    margin:auto;
    background:url(img/bg11-min.jpg) left top repeat #57361E;
    word-wrap:break-word;
}

header, footer{
    background:url(img/hdru.png) left no-repeat, url(img/hdru.png) right no-repeat, url(img/hdr.png) repeat-x, #333333;
    width:100%;
    color:#e5d9b3;
    text-shadow:0 1px #000;
    font-size:small;    
    font-weight:700;
    height:30px;
    line-height:30px;
}

footerv2{
    background:url(img/hdru.png) left repeat-y, url(img/hdru.png) right repeat-y, url(img/ftr.png) repeat-x, #333333;
    width:100%;
    color:#e5d9b3;
    text-shadow:0 1px #000;
    font-size:small;    
    font-weight:700;
    height:60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

img{vertical-align:middle;}

.main{
    padding:0px 6px;
    background:url(img/border1.png) repeat-y left top, url(img/border1.png) repeat-y right top, #DACA90;
}

.menu{
    background:#DACA90;
    text-align:center;
}

.dialogmenu
{
    background:#DACA90;
    text-align:center;
    border-top: 1px solid #6e6868;    
}

a{
    color:#e5d9b3;
    text-decoration:none;
    cursor: pointer;
}

a:hover, span.hovergold:hover{
    color:gold;
}

label{cursor: pointer;}

.info, .infoHalf{
    display:inline-block;
    height:auto;
    padding:4px;
    background:linear-gradient(#432C1C,#1F1611);
    color:#e5d9b3;
    border:rgba(161,120,43,0.8) solid 2px;
    border-radius:4px;
    margin:3px 3px;
    text-align:center;
}

.info{
    width:180px;
}

.infoHalf{
    width:89px;
}

.info:hover, .infoHalf:hover{
    background:linear-gradient(#3d2819,#2e2019);
    color:gold;
}

.enter{
    display:inline-block;
    width:170px;
    height:30px;
    font-weight:700;
    margin:4px;
    background:#7DA000;
    border-radius:4px;
    color:#f2ecab;
    text-decoration:none;
    border:1px solid #262018;
    text-shadow:#26292E 1px 0px, #26292E -1px 0px, #26292E 0px 1px, #26292E 0px -1px, #26292E 1px 1px, #26292E -1px -1px, #26292E -1px 1px, #26292E 1px -1px, #26292E 0 0 8px;
    box-shadow:0px 0px 0px 1px #FFD072, 0 0 4px 2px #000;
}

.enter:hover{
    background:green;
    color:gold;
}

.yblock{
    border:1px solid rgba(161, 120, 43, 0.8);
    border-radius:4px;
    margin: 4px;
    padding: 0px 6px 4px 6px;
}

fieldset{
    border:1px solid rgba(161, 120, 43, 0.8);
    border-radius:4px;
    margin:4px 2px 0px;
    padding: 0px 6px 4px 6px;
}

.fieldsetmenu{
    flex-shrink: 0;
    text-align: center;
}

legend{
    padding: 0px 10px;
    color:#ffae00;
}

/*старые стили прописаны в редакторе. пока его не переделаю, их убирать/менять нельзя. поэтому сделал новые.*/

.frame{
    color:#e5d9b3;
    overflow: auto;
    background:url(img/bgbl.jpg) repeat 0 0, #776240;
}

.framebodyniz{
    color:#e5d9b3;
    overflow: hidden;
    background:url(img/bgbl.jpg) repeat 0 0, #776240;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
}

.framebodyverh
{
    overflow:hidden;
    text-align:left;
    font-size:14px;
    padding-bottom:4px;
    line-height:1.5;
    background-color:rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
}

.dialogconfirm
{
    justify-content: center;
    text-align: center;
    min-width: 60vw;
    min-height: 20vh;
    max-width: 80vw;
    max-height: 50vh;
}

.dialogvybor
{
    width: 50vw;
    height: 80vh;
}

.fblock, .iblock, .xblock, .lblock{
    overflow:hidden;
    text-align:left;
    font-size:14px;    
    border-radius:4px;
    padding:4px 6px;
    line-height:1.5;
    border:1px solid rgba(161, 120, 43, 0.8);
    background-color:rgba(0, 0, 0, 0.5);
}

.iblock, .lblock{
    cursor:pointer;
}

.iblock:hover, .lblock:hover, .alink:hover{
    background:#003A16;
}

.xblock, .lblock{
    position: relative;
    padding: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*flex-basis: 0; сжимает меньше размера для стартовой страницы*/
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
}

.zblock{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
}

.alink, .adiv{
    display: block;
    text-align:left;
    font-size:14px;    
    border-radius:4px;
    padding:4px 6px;
    margin:4px 2px 0px;
    line-height:1.5;
    border:1px solid rgba(66, 55, 34, 0.8);
}

.fightmap{
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    overflow: hidden;
}

.flexBasis0{flex-basis: 0;}
.overnot{overflow: hidden; white-space: nowrap;}

.displayblok{display: block;}

.cntrv{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tablebase{
    border: 1px solid rgba(66, 55, 34, 0.8);
    border-collapse: collapse;
}

.tdbase
{
    text-align: left;
    border: 1px solid rgba(66, 55, 34, 0.8);
    padding: 4px 6px;
}

.thbase
{
    color:#ebb60bd7;
    text-align: center;
    border: 1px solid rgba(66, 55, 34, 0.8);
    padding: 4px 6px;
}



.flexrowcntr
{
    display: flex;
    flex-direction: row;
    justify-content: center;    
}

.pointer{cursor:pointer;}

.tooltip{
    padding: 0;
    min-width: 320px;
    max-width: 50vw;
    position: fixed;
    color:#e5d9b3;
    border-radius:4px;
    background-color:rgb(37, 34, 34);
    z-index: 1000;
    display: flex;
    flex-direction: column;
}

.divtd{
    padding:0px 6px;
    margin:1px;
    border:1px solid #5e594b;   
}

.loctd
{
    width: 150px;
    height: 150px;
    position: relative;
    user-select: none;
    padding: 0;
}

.loctd:focus
{
    border: 10px solid #5ee013;
    visibility: hidden;
}

.locpb
{
    width: 90px;
    height: 90px;
    position: relative;
    color:#191919;
    user-select: none;
    padding: 0;
}

.locshag
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #0b6a61;
    text-align: center;
    font-weight: bold;
    visibility: hidden;
    font-size: 32px;
}

.loclink
{
    position: absolute;
    border: 1px solid rgba(161, 120, 43, 0.8);
    border-radius: 4px;
    background: #26231F;
    font-size: 14px;
    width: 69px;
    height: 32px;
    display: flex;
    align-items: center;
}

.loclink:hover
{
    background:#003A16;
    color:gold;
}

.locdiv
{
    flex-grow: 1;
    text-align: right;
    padding-right: 2px;
}

.shadow
{
    position: absolute;
    inset: 0;
    background-color: #29221fa1;
}

.z{
    width: 20%;
    height: 160px; 
    padding:0px 6px;
}

.rtd{
    text-align:left;
    font-size:14px;
    padding:4px 6px;
    background-color:rgba(0, 0, 0, 0.5);
}

.rtdc{
    text-align:center;
    font-size:14px;
    padding:4px 6px;
    background-color:rgba(0, 0, 0, 0.5);
}

.rth{
    text-align:center;
    font-size:14px;
    color:#ebb60bd7;
    padding:4px 6px;
    background-color:rgba(0, 0, 0, 0.5);
}

.cntr{
    text-align:center;
}

.left{
    text-align:left;
}

.rght{
    text-align:right;
}

.jstf{
    text-align:justify;
}

.medium{
    font-size:medium;
}

.small{
    font-size:small;
}

.bold{
    font-weight: bold;
}

.flr{
    float: right;
}

.fll{
    float: left;
}

.it{
    font-style:italic;
    font-family: 'Times New Roman', Times, serif;
}

.ib{display:inline-block;}
.ns{display:none;}

.f1{color:#ffae00;}
.f2{color:#2196f4;}
.f3{color:#85da04;}
.f4{color:#9b859d;}
.f5{color:#00ceb1;}
.f6{color:#ffe4b5;}
.f7{color:gold;}
.f8{color:#f2ecab;}
.f9{color:#ff8d22;}
.f10{color:#fa0aee;}
.f11{color:green;}
.f12{color:#5ea843;}
.f13{color:#868686;}
.f14{color:#8B4513;}
.f15{color:#4a770f;}
.f16{color:#c780db;}
.f17{color:#E01600;}
.f18{color:#00bfff;}
.f19{color:#0000FF;}
.f20{color:#fd1643;}
.f21{color:#745139;}
.f22{color:#32CD32;}
.f23{color:#F0F0F0;}
.f24{color:#CF0707;}
.f25{color:#10707E;}
.f26{color:#008000;}
.f27{color:#583604;}
.f28{color:#EEEA17;}

.ojc{color:#E01600;}
.obc{color:#ff8d22;}
.omc{color:#00bfff;}
.otc{color:#0d860d;}

.lms{
    z-index: 9999;
    overflow-y: scroll;
    text-align: center;
    position: absolute;    
    width: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.75);
}

.podborCveta{color:rgb(63, 58, 58);}

.sep{width:90%;border-top:1px dotted #fbde80;margin:2px auto;}
.ttt{border-bottom:1px dotted #fbde80;}

/*
textarea{
    width:98%;
    border:2px solid #6a503a;
    border-radius:4px;
    font-size:16px;
    background:#40393a;
    color:#9acd32;
    padding:0 1px;
}
*/

input,select,button{
    cursor:pointer;
}

input[type="submit"],button {
    font-size:medium;
}

input[type="text"],input[type="password"],input[type="email"],input[type="number"]{
    width:180px;
    height:30px;
    border:1px solid #3d3d3d;
    background-color:#201913;
    font-size:medium;
    color:#e6ffe3;
    outline:none;
    padding:0 5px;
    text-align:center;
}

.textareamain{
    border:1px solid #3d3d3d;
    background-color:#201913;
    border-radius:4px;
    font-size:16px;
    color:#e6ffe3;
    padding:0 5px;
    text-align:left;
    resize: none;
    min-height: 30px;
    line-height: 30px;
    box-sizing: border-box;
}

select{
    width:180px;
    height:30px;
    border:1px solid #262018;
    border-radius:4px;
    font-size:medium;
    background-color:#40393a;
    color:#e5d9b3;
    margin:2px;
    padding:0 5px;
    box-sizing: border-box;
}

.abzac{text-indent:20px;}
.rang0{color:#A4A4A4;}
.rang1{color:#FFF8DC;}
.rang2{color:#228B22;}
.rang3{color:#1E90FF;}
.rang4{color:#9370DB;}
.rang5{color:#F06F04;}
.rang6{color:#FF0000;}
.rang7{color:#FF1493;}
.rang8{color:#A72539;}
.rang9{color:#893455;}
.rang10{color:#6B5C8A;}

.posrel{position: relative;}
.posabs{position: absolute;}

.ots{
    margin:0 7px;
}

.fc{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.flexstr{
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

.sie{
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    margin: 2px;  
}

.flexStr{
    display: flex;
    flex-grow: 1;
    flex-direction: row;
}

.flexcol{
    display: flex;
    flex-direction: column;
}

.flexgro{
    flex-basis:0;
    flex-grow:1;    
}

.flexgro2{
    flex-basis:0;
    flex-grow: 2;
}

.flexgro3{
    flex-basis:0;
    flex-grow: 3;
}

.flexgro4{
    flex-basis:0;
    flex-grow: 4;
}

.flexgro5{
    flex-basis:0;
    flex-grow: 5;
}

.fcTable{
    display:flex;
    flex-direction: row;
}

.fcc{
    display:flex;
    justify-content:center;
    flex-direction: column;
    height: 100%;
}
/*класс для описания основного дива страницы. вариант с хедером.*/
.flexPage
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;    
}
/*
класс для описания основного дива в который помещается весь контент.
этот див внутри предыдущего класса.
и это тоже flex контейнер.
relative тут нужен, т.к. на нём располагается лог с абсолютным позиционированием. класс lms
*/
.flexBody
{
    display: flex;
    flex-direction: column;
    flex-basis:0;
    flex-grow:1;
    overflow: hidden;
    position: relative;
    padding:0px 6px;
    background:url(img/border1.png) repeat-y left top, url(img/border1.png) repeat-y right top;
}
/*вариант без хедера*/
.blokMain
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding:0px 6px;
    background:url(img/border1.png) repeat-y left top, url(img/border1.png) repeat-y right top, url(img/bgbl.jpg) repeat 0 0, #776240;
    /*background-color:rgba(0, 0, 0, 0.5);*/
}
.blokContent
{
    display: flex;
    flex-direction: column;
    flex-basis:0;
    flex-grow:1;
    overflow: hidden;
    position: relative;    
}
/*
flex-basis: 0; - нужен для списка на подложке известного размера (списки на основной странице)
вариант 2 для диалоговых окон, где размер не задан (если там поставить 0 - ноль и будет, т.е. нихуя)
*/
.flexDivScroll
{
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex-grow:1;
    overflow-y: auto;
    position: relative;
}
.flexDivScroll2
{
    display: flex;
    flex-direction: column;
    flex-grow:1;
    overflow-y: auto;
    position: relative;
}
.flexDivPage
{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
}
.flexDivBlok
{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;    
}
.flexDivForm
{
    display: flex;
    flex-direction: column;    
    overflow-y: auto;
}
/*класс для соло-диалога*/
.dialogSolo
{
    border: 1px solid #6e6868;
    min-width: 320px;
    max-height: 90%;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.flexEl
{
    flex-shrink: 0;
}

.left_td{
    width: 50%;
    vertical-align: top;
    border-right: 1px solid rgba(161, 120, 43, 0.8);
}

.right_td{
    vertical-align: top;
    border-left: 1px solid rgba(161, 120, 43, 0.8);
}

.gmess, .bmess, .imess, .qmess{
    font-style:italic;
    font-family:Times New Roman;
    font-weight:bold;
}
.gmess, .green{color:#008000;}
.bmess, .red{color:#DC143C;}
.imess, .blue{color:#0055FF;}
.qmess, .pink {color:#fa0aee;}

.abbat
{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:48px;
    height:48px;
    cursor:pointer;
    border-radius:4px;
    padding:2px 2px;
    margin:2px;
    border:1px solid rgba(161, 120, 43, 0.8);
    position:relative;
    flex-shrink: 0;
}

.panelButtons
{
    overflow:hidden;
    border: 1px solid #6e6868;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-basis: 52px;
    background:#352146;
    justify-content:center;
}
/*url(img/border1.png) repeat-y left top, url(img/border1.png) repeat-y right top */

.headerText
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    color:#f7d92e;
}

.ablock0, .ablock1{
    display:inline-flex;
    justify-content: center;
    align-items: center;
    width:48px;
    height:48px;
    cursor: pointer;
    border-radius:4px;
    padding:2px 2px;
    margin:2px 2px;
    border:1px solid rgba(161, 120, 43, 0.8);
}
.ablock0{background:#26231F;}
.ablock0:hover{background:#003A16;}
.ablock1{background:#444444;}


.cblock{
    display:inline-block;   
    height: 42px;
    width:42px;
    padding:2px 2px;
    margin:2px 2px;
    box-shadow:0 1px 1px #191919;
    border:1px solid rgba(161, 120, 43, 0.8);
    border-radius:4px;
    background:#776240;
}

.cblock:hover, span.cblock{
    background:#003A16;
}

.ws, .ws1{
    display:inline-block; 
    text-align:center;
    font-size:small;
    font-weight:700;
    padding:6px 1px;
    margin:2px;
    background:#343434;
    box-shadow:0 1px 1px #191919;
    border:#222222 solid 1px;
    border-radius:4px;
}

.ws{width:100px;}
.ws1{width:226px;}
.ws:hover, .ws1:hover{background:#003A16;}

.pag{
    display:inline-block;
    background:#1C262D;
    border:2px solid #6a503a;
    font-size:small;
    font-weight:bold;
    padding:2px 6px;
    margin:1px;
    min-width:20px;
}

.pagforbut
{
    height:30px;
    min-width:30px;
    margin: 0 3px;
}

button.pag:hover, a.pag:hover, span.pag{color:gold;background:#504640;}

.w30{width:30px;}
.w40{width:40px;}
.w100prc{width: 100%;}

.barmel
{
    margin:1px;
    position:relative;
    overflow:hidden;
    border-radius:5px;
    border:#615b3c solid 1px;
    background:linear-gradient(to bottom,#292929 0%,#5d5d5d 100%);
    height:16px;
}

.barbar
{
    position:absolute;
    inset:0;
}

.barcon
{
    position:absolute;
    inset:0;
    color:#FFFBFB;
    font-size: 14px;
    line-height: 16px;
}


.pbar{
    margin:auto;
    height:4px;
    position:relative;
    background-color:#3c3c3c;
    border:#615b3c solid 1px;
    border-radius:2px;
    overflow:hidden;
    background:linear-gradient(to bottom,#292929 0%,#5d5d5d 100%);
}

.mw220{max-width:220px;}

.pbbg{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(to bottom,#4fe043 0%,#1a7329 100%);}


.pban{
    height: 32px;
    position: relative;
    background-color:#3c3c3c;
    border:#615b3c solid 2px;
    border-radius:5px;   
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;    
}

.pbav{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    border-radius:5px;
    background-color:#282a9f;
}

.pbap{
    position: relative;
    z-index: 1;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #f8f8f8;
}


.ch0{color:#5f5f5f;}
.ch1{color:#fcf81e;}
.ch2{color:#f8f8f8;}
.ch3{color:#1E90FF;}
.ch4{color:#f5ad42;}
.ch5{color:#2fe265;}
.ch6{color:#fa3fea;}

.chb0, .chb1{
    border:2px solid #6a503a;
    font-weight:bold;
    padding:2px 6px;
    margin:2px;
    min-width:40px;
}
.chb0:hover, .chb1:hover {border:2px solid #b89705;}
.chb0{background:#1C262D;color:#afb1b1;}
.chb1{background:#1a1726;}

.dialog_header
{
    background: #352146;
    padding: 0 10px;
    border-bottom: 1px solid #6e6868;
    color:#e5d9b3;
    text-shadow:0 1px #000;
    font-size:small;    
    font-weight:700;
    height:30px;
    line-height:30px;
    text-align: left;
}

.header_line
{
    background:url(img/hdrc.png) repeat-x, #333333;
    width:100%;
    color:#e5d9b3;
    text-shadow:0 1px #000;
    font-size:small;    
    font-weight:700;
    height:30px;
    line-height:30px;
    text-align: left;
}

.spoilerline
{
    background: #352146;
    padding: 0 10px;
    color:#e5d9b3;
    text-shadow:0 1px #000;
    font-size:small;    
    font-weight:700;
    height:30px;
    line-height:30px;
    text-align: left;  
    border-radius:4px;
    margin:4px 2px 0px;
    border:1px solid rgba(66, 55, 34, 0.8);
}

.ramka
{
    background:url(img/border1.png) repeat-y left top, 
    url(img/border1.png) repeat-y right top, 
    url(img/border2.png) repeat-x bottom right,
    #DACA90;
    padding:6px;
}

.ci{
    vertical-align:middle;
    display: inline-block;
}

.mig{
    animation:mig 3s ease-in-out infinite;
}
@keyframes mig {0%, 100% {}	50% {opacity: 0.1}}

.ras{
    animation: ras 3s infinite;
}
@keyframes ras {from{opacity: 1;}to{opacity: 0.1;}}

.btn1, .btn2, .btn3 {font-size:96%;display:inline-block;height:36px;line-height:20px;color:#e5d9b3;margin:1px;border-radius:8px;}
.btn1{background:url(img/btn1.png);width:180px;}
.btn2{background:url(img/btn2.png);width:89px;}
.btn3{background:url(img/btn3.png);width:59px;}
.btn1b, .btn2b, .btn3b {font-weight: bold;display:inline-block;height:50px;line-height:20px;color:#e5d9b3;margin:1px;padding:0;border-width:0;}
.btn1b{background:url(img/btn1b.png);width:180px;}
.btn2b{background:url(img/btn2b.png);width:89px;}
.btn3b{background:url(img/btn3b.png);width:59px;}
.btn1:hover, .btn2:hover, .btn3:hover, .btn1b:hover, .btn2b:hover, .btn3b:hover{filter:brightness(1.25);}

.hide{display: none;}
.nowrap{white-space: nowrap;}

.who{height:20px;color:#f2ecab;font-size:small;font-weight:bold;text-align:center;}

.maut{margin:auto;}

.nomp{margin: 0; padding: 0;}

.mgg1{margin: 0 1px;}
.mgv1{margin: 1px 0 1px 0;}
.mgv2{margin: 2px 0 2px 0;}

.pdg1{padding-top: 1px; padding-bottom: 1px;}
.pdv1{padding-left: 1px; padding-right: 1px;}