@charset "windows-1251";
@font-face
{
font-family: CorbelDownload;
src: local(Corbel), url(/fonts/corbel-edited.ttf);
}

@font-face
{
font-family: MerriWBold;
src: url(/fonts/merriwb.ttf);
}

/* Using perfect site icomoon.io for handy choice of icons in web fonts!

This is set of typicons.com (Designer: Stephen Hutchings)

*/
@font-face
{
font-family: IconDownload;
src: url(/fonts/icomoon-custom.ttf);
}

/* Common styles for all pages. Specific styles for each page *MUST* have "_TP" postfix! */

HTML { font-size:19px; font-family:Corbel, CorbelDownload, verdana; }
BODY { margin:0; font-size:19px; font-family:Corbel, CorbelDownload, verdana; background:#F1F0EA url("/i/bgr/mainbg.gif") fixed; }
DIV#FloatBg { display:none; /*background-image:url("/i/bgr/gearsdoodle.gif"); position:fixed; width:734px; height:539px; z-index:-1; opacity:.8;*/  }
DIV#ContribIFrameCont { position:absolute; z-index:-100; width:5px; height:5px; overflow:hidden; left:-100px; top:-100px;  }
A { color:#0080FF; }
A:visited { color:#5280BC; }
A:hover, A:active { color:#B12408; }

A.REDL, A.REDL:visited { color:#d1613c; text-shadow:1px 1px 1px #ceacac; }
A.REDL:hover, A.REDL:active { color:#e93a14; text-shadow:1px 1px 1px #ab8d8d; }

A.DASH { text-decoration:none; border-bottom:1px dashed #0080FF; }
A.DASH:visited { border-bottom-color:#5280BC; }
A.DASH:hover, A.DASH:active { border-bottom-color:#B12408; }

/* ---------- MAIN CONTENT STRUCTURE ------------ */

#THREECOLS { display:table; width:100%; margin:0; table-layout:fixed;  }
#THREECOLS > DIV { display:table-cell; vertical-align:top; }

#MAINCONTENT { width:68%; padding:0 1.2em; }
#LEFTSIDE { width:16%; padding:95px 0 .5em .5em; }
#RIGHTSIDE { width:16%; padding:15px .5em .5em 0; }



/* ---------- TOP LAYOUT (LOGO, GRADIENTS, STATUS BAR, ETC) ------------ */

HEADER { position:fixed; width:100%; z-index:50; }
NAV { width:100%; height:31px; position:relative; top:0; padding:0; margin:0; background:#5a4742 url("/i/bgr/gears_bg_horiz.png"); -moz-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  }
NAV > TABLE { width:100%; border-collapse:collapse; }
NAV > TABLE TD { margin:0; padding:0; font-size:19px;  }
NAV > TABLE TD:first-of-type { width:20%; min-width:150px;  }
NAV > TABLE TD:nth-of-type(2) { text-align:center; white-space:nowrap;  }
NAV > TABLE TD:last-of-type { width:20%; text-align:right; white-space:nowrap; }

DIV#topstatus { position:relative; overflow:hidden; box-sizing:border-box; font-size:16px; height:30px; width:100%; margin:0; padding:4px 0 4px; text-align:center; box-shadow:0 0 4px #504e4e; /*background:#E9E1D7 url("/i/bgr/hatch.png"); background-repeat:repeat-x; background-position:left 2px;*/
background-color:#dfdacf;
border-bottom:1px solid #808080; transition: .5s;}
#topstatus A, #topstatus A:visited { color:#B12408; }
#topstatus A:hover { color:#E3310E; }
#topstatus.statusauth { /*background-color:#DEDAC6;*/ background-color:#f4f2ed; color:#304417; }
#topstatus.statusauth B { color:#805142; }

IMG#MainLogo { display:block; width:72px; height:72px; border:0; outline:0; margin:0 auto; transition:0.4s ease-in; }
#MainLogo:hover { transform:rotate(15deg); filter:sepia(.3) grayscale(.1);  }
#MainLogo:active { filter:invert(.6);  }
/* IMG.LOGOSTATIC, IMG.LOGOSTATIC:hover, IMG.LOGOSTATIC:active { transition:none !important; filter:none !important; transform:none !important; } */

DIV#LogoTexts { position:fixed; z-index:60; top:-2px; width:17%; overflow:hidden;   }
IMG#Amor { position:relative; display:block; width:144px; height:16px; margin:79px auto 0; transition:all 0.3s; }
IMG#MaybeDot { position:relative; display:block; width:154px; height:45px; margin:-7px auto 0; transition:all 0.5s; }

DIV#UnderLogoGrad
{
position:fixed; z-index:55; width:20%; height:61px;
background: -moz-linear-gradient(left,  rgba(240, 240, 236, .55) 0%, rgba(240,240,236,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240, 240, 236, .55)), color-stop(100%,rgba(240,240,236,0)));
background: -webkit-linear-gradient(left,  rgba(240, 240, 236, .55) 0%,rgba(240,240,236,0) 100%);
background: -o-linear-gradient(left,  rgba(240, 240, 236, .55) 0%,rgba(240,240,236,0) 100%);
background: -ms-linear-gradient(left,  rgba(240, 240, 236, .55) 0%,rgba(240,240,236,0) 100%);
background: linear-gradient(to right,  rgba(240, 240, 236, .55) 0%,rgba(240,240,236,0) 100%);
}

DIV#RadialGrad  { position:fixed; z-index:60; width:17%; left:3px; }

DIV#RadialGrad DIV
{
width:107px; height:110px; margin:-10px auto 0;
background: radial-gradient(ellipse at center,  rgba(72,71,71,.32) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
}

DIV#JustLogo { position:fixed; z-index:100; width:17%; }
#JustLogo A:focus { outline:0; }

DIV#DontTouch { height:64px; }


/* ---------- DROP-DOWN MENU AND AUTH ------------ */

DIV.DROPD, DIV.AUTHENTER { display:inline-block; text-align:left; cursor:pointer; font-size:112%; color:#FFF; text-shadow: 1px 1px 1px #505050; font-variant:small-caps; font-weight:bold; transition:color .5s; }
DIV.DROPD:hover UL, DIV.DROPD:focus UL, DIV.DROPD:active UL { display:block;  }
/*DIV.DROPD { -moz-user-select:none;  -webkit-user-select:none;  -ms-user-select:none; }*/
DIV.DROPD > SMALL { font-size:33%; color:#BFB5B4; padding-left:2px; }
DIV.DROPD:hover SMALL, DIV.DROPD:focus SMALL, DIV.DROPD:active SMALL { color:#FFF; }
DIV.DROPD > IMG { vertical-align:-9px; width:23px; height:31px; padding:0 0 0 4px; }
DIV.DROPD > IMG.AUTHPIC { background:#BAA39B; width:32px; height:27px; padding:0; margin:2px 10px 2px 0; transition:.5s; }
DIV.DROPD:hover > IMG.AUTHPIC { background:#E6DBBD; }
IMG.AUTHPIC:hover { background:#7D9973 !important; }

DIV.DROPD EM { font-style:normal; font-variant:normal; font-weight:normal; padding-right:10px; }

.DROPD UL { position:absolute; z-index:200; display:none; cursor:default; top:31px; text-align:left; list-style-type:none; padding:0; margin:0 0 0 -8px; font-size:90%; box-shadow: 2px 2px 3px #404040; background:rgba(138, 106, 86, .85) url("/i/bgr/menuanim2.gif");  }

.DROPD LI { padding:4px; text-shadow: 1px 1px 1px #707070; }
.DROPD LI.subitem  { font-size:80%; padding: 2px 4px 4px 15px; font-variant:normal;  }


.DROPD LI A, .DROPD LI A:visited { color:#FFFF00; text-decoration:none;}
.DROPD LI:hover { background-color:#CCCC99; }
.DROPD A:hover {color:#C33607; }
.DROPD A:focus, #authform A:focus { outline:0; color:#f9ddd4; }

UL#workmenu { right:0; }

DIV.AUTHENTER:hover  { color:#F5D2B4;  }
DIV.AUTHENTER SPAN { padding-right:8px; }
DIV.AUTHENTER > IMG { vertical-align:-9px; width:23px; height:31px;  }
DIV.AUTHENTER SPAN IMG { vertical-align:-3px; padding:0 8px 0 0; }

#authform { position:absolute; z-index:200; display:none; top:31px; background-color:rgba(138, 106, 86, .9); text-align:left; padding:7px 4px 8px; right:2px; box-shadow: 2px 2px 3px #404040; font-variant:normal; cursor:default; }

#authform INPUT:not([type="submit"])         { max-width:15em; margin:5px 7px; border-radius:10px; padding:5px; border:none; background:#FFF url("/i/bgr/hatch.png"); font-family:Arial, sans-serif; font-size:15px; font-weight:bold; background-position:left, top;  }
#authform INPUT:not([type="submit"]):focus     { background-color:#FBF2D5; background-position:67px, top; }

#authform INPUT[type="submit"]    { display:block; height:2.5em; margin:8px auto 10px; border-radius:1em; padding:8px 12px; color:#FFEECB; font-size:15px; font-weight:bold; font-variant:small-caps; background:#8B443A; background:linear-gradient(to bottom,  #955c49 0%,#bd9088 20%,#955c49 40%,#802a2a 100%); box-shadow:none; border:1px solid; border-color: #81594D #875E3B #712E2E #8C594F; text-shadow: 1px 1px 1px #474437;   }
#authform INPUT[type="submit"]:hover { color:#F6C537; }
#authform INPUT[type="submit"]:active { background:#926A5D; background:linear-gradient(to bottom, #955449 0%, #996652 15%, #BD9088 45%, #955C49 75%, #8F4343 100%);
border-color:#7B5748 #9B685D #845545 #956348;  }

#authform DIV:last-of-type { margin:0 3px; /*background-color:#B89287; opacity:1;*/  line-height:1.5em; }
#authform DIV:last-of-type A, #authform DIV:last-of-type A:visited { color:#F2F580; }
#authform DIV:last-of-type A:hover {color:#FFEA00; }

#authform SMALL { padding-right:.2em; font-family:IconDownload; vertical-align:bottom; text-shadow:1px 1px 0px #484435; color:#eae9cc; }

DIV#NewMsgArea { vertical-align:-9px; display:inline-block; box-sizing:border-box; width:30px; height:31px; margin:0 5px; overflow:hidden; background:url("/i/el/letter.gif") no-repeat left center; cursor:pointer; transition:.1s; }
#NewMsgArea:hover { background-position:left 70%; }
#NewMsgArea B { padding:2px 4px 2px 3px; vertical-align:5px;font-family:"MS Sans Serif",sans-serif; font-size:10px; color:#FFF; text-shadow:1px 1px 1px #505050; background-color:#A51830; border:1px solid #ecd1d1; border-radius:8px; opacity:0; transition:.2s; }
#NewMsgArea:hover  B { color:#561c1c; background-color:#bf3e3e; text-shadow:1px 1px 1px #dac2c2; border:1px solid #561c1c; }

/* ------------------ FOOTER -------------------- */

FOOTER { width:100%; box-sizing:border-box; font-size:85%; padding:3px 7px 3px 5px; margin-top:20px; overflow:hidden;
background:#44291d url("/i/bgr/hatch.png"); background-repeat:repeat-x; background-position:left 1px; color:#FFF;  }
FOOTER>SPAN { float:right; }
FOOTER A, FOOTER A:visited { margin:0 .2em 0 .3em; text-decoration:none; color:#F9DABB;  }
FOOTER A:hover, FOOTER A:active { color:#FFF; }
FOOTER A B, FOOTER A:visited B { color:#fbef00; text-shadow:1px 1px 1px #380606; }

FOOTER > SPAN > A:first-of-type, FOOTER > SPAN > A:first-of-type:visited { color:#FFF; font-weight:bold; }
FOOTER > SPAN > A:first-of-type:hover, FOOTER > SPAN > A:first-of-type:active { text-decoration:underline; }

/* ------------------ IMPORTANT ELEMENTS -------------------- */

MAIN { display:block; } /* for IE */
H1 { font-size:1.7em; font-family:MerriWBold,serif; letter-spacing:.02em; line-height:1.1; color:#50464c; text-shadow:0 0 5px #FFF; font-variant:small-caps; text-align:center; margin:.9em 3px 1.2em; min-height:65px; background:url("/i/bgr/h1_bgr2.gif") center bottom no-repeat; }
H1 > EM { font-style:normal; color:#963d21; }

H2 { font-size:1.4em; font-family:MerriWBold,serif; letter-spacing:.02em; color:#655959; text-shadow:1px 1px 0px #DAB347; }
H2 > EM { font-style:normal; color:#AC520F; text-shadow: 1px 1px 0px #C4E6A9; font-variant:small-caps; }

H3 { font-size:1.3em; font-family:MerriWBold,serif; color:#735f5a; letter-spacing:.02em; text-align:center; padding-bottom:2px; text-shadow: 1px 1px 0px #dcbb5c; }
H3 > EM { font-style:normal; color:#9b432c; text-shadow: 1px 1px 0px #C4E6A9; font-variant:small-caps; }

@-moz-document url-prefix()
{
H1 { font-size:1.55em; font-weight:500; line-height:1.2; letter-spacing:.03em; }
H2 { font-size:1.3em; font-weight:500; line-height:1.2; letter-spacing:.03em; }
H3 { font-size:1.2em; font-weight:500; line-height:1.2; letter-spacing:.03em; }
}

IMG[src="/i/m0.gif"], IMG[src="/i/m1.gif"], IMG[src="/i/f0.gif"], IMG[src="/i/f1.gif"] { width:16px; height:13px; vertical-align:middle; border:0; outline:0; }

IMG[src="/i/el/mobmsg.png"], IMG[src="/i/el/admmsg.png"] { width:34px; height:16px; margin-right:.2em; border:0; outline:0; vertical-align:middle !important; }
IMG[src="/i/el/admmsg.png"] { width:51px; }

DIV.UserPic { width:80px; height:100px; padding:0 !important; overflow:hidden; border-radius:10px; /* -webkit-mask-image:url("/i/upic/thumbmask.png"); */ }
DIV.UserPic IMG { width:80px; height:100px; transition:.4s; }
DIV.UserPic:not(.uPicAnon) IMG:hover { filter:sepia(1); -webkit-filter:sepia(1); transform:scale(1.15) rotate(-3deg); }

/* ------------------ ASIDE ELEMENTS AND ADV BLOCKS -------------------- */

/*ASIDE.ContentAd { box-shadow:inset 0 2px 4px #B0B0B0;  }*/
ASIDE.ContentAd > DIV:first-of-type   { color:#564240; font-weight:bold; font-size:85%; font-variant:small-caps; text-shadow:1px 1px 1px #DDD; padding:0 .1em; line-height:1.8; text-align:center; border-top-left-radius:7px; border-top-right-radius:7px;  background-image:url("/i/bgr/gears_bg_horiz.png"); box-shadow:inset 0 2px 4px #B0B0B0; }
.ContentAd > DIV:last-of-type { padding:.5em .5em .2em .7em; font-size:85%; line-height:1.3; hyphens:auto; word-wrap:break-word; box-shadow:inset 0 -1px 3px #797575; border-bottom-left-radius:7px; border-bottom-right-radius:7px; }
.ContentAd .CA_MORE { box-shadow:none; padding:5px 10px 8px 0; text-align:right; background:none; font-variant:normal; font-weight:normal; font-size:95%;  }

.ContentAd A:hover  { color:#FF1010; }
.ContentAd IMG[src^="/i/flashg/"]  { margin:6px 0; padding:3px; width:87px; height:60px; border:1px solid #c0b39a; box-shadow:2px 2px 2px #aea085; transition:.1s;  }
.ContentAd IMG[src^="/i/flashg/"]:hover { margin:7px -1px 5px 1px; box-shadow:1px 1px 1px #aea085; }
.ContentAd IMG[src^="/dom/artpics"] { max-width:80%; border-radius:.8em 0 .8em 0; transition:.3s; }
.ContentAd IMG[src^="/dom/artpics"]:hover { border-radius:0 .8em 0 .8em; filter:brightness(120%);  }
.ContentAd IMG[src^="/photos/stories"] { display:block; max-width:80%; margin:.2em auto .5em; border-radius:.8em; box-shadow:0 0 3px #FFF; transition:.3s; }
.ContentAd IMG[src^="/photos/stories"]:hover { filter:brightness(120%);  }
.ContentAd IMG[src^="/bpics"] { display:block; max-width:80%; margin:.2em auto .5em; border-radius:.8em; box-shadow:0 0 3px #FFF; transition:.3s; }
.ContentAd IMG[src^="/bpics"]:hover { filter:brightness(120%);  }


DIV.CAH_stories { background-color:#d7cf95; }  DIV.CA_stories { background-color:#F7F3D0; }
DIV.CAH_forums { background-color:#E7C1DC; background-position:67px, top; }   DIV.CA_forums { background-color:#FEF0FB; }
DIV.CAH_jokes { background-color:#abcec2; background-position:120px, top; }    DIV.CA_jokes { background-color:#F1F5F1; }
DIV.CAH_blogs { background-color:#BAC5D2; background-position:195px, top; }    DIV.CA_blogs { background-color:#E4E9E8; }
DIV.CA_blogs P { margin:3px 0 6px; color:#57174a; font-weight:bold; }
DIV.CAH_ezhe { background-color:#EFCABC; background-position:320px, top; }     DIV.CA_ezhe { background-color:#FBF6F4; }
DIV.CAH_flash { background-color:#DBBBBE; background-position:410px, top; }    DIV.CA_flash { background-color:#F6F1F0; }
DIV.CA_flash P { margin:3px; color:#206469; font-weight:bold; }
DIV.CAH_domart { background-color:#BDC4BC; background-position:95px, top; }    DIV.CA_domart { background-color:#F7F5F5; }
DIV.CA_domart P { margin:3px 0 6px; color:#126057; font-weight:bold; }

DIV#HOWTOSLAVA { margin-bottom:.9em; padding:0 .1em; background:rgba(91, 99, 30, .6); border-radius:7px 7px 1px 1px; border-top:1px solid #FEF6F6; box-shadow:0 1px 3px #666c7d; color:#f5f5f5; font-size:75%; font-weight:bold; line-height:1.7; text-shadow:1px 1px 1px #98918d; text-align:center; cursor:pointer; transition:.2s; }
#HOWTOSLAVA:hover { background:rgba(100, 109, 31, .7); color:#f3e7ba; }

IMG[src="/i/el/clickhand.png"] { width:27px; height:22px; }
IMG[src="/i/el/comments.png"] { width:28px; height:21px; }

ASIDE.Slava15M, ASIDE.Slava15F, ASIDE.Slava15 { background-size:cover; border-radius:15px 8px 10px 10px; box-shadow:inset 0 0 4px #B0B0B0; padding:1px 5px 3px; font-size:85%; }
ASIDE.Slava15 { padding:15px 5px 3px; }
ASIDE.Slava15M  { background-color:rgba(222, 230, 217, .7); box-shadow:inset 0 2px 4px #969696; }
ASIDE.Slava15F  { background-color:rgba(233, 209, 195, .6); box-shadow:inset 0 2px 4px #AAA2A2;  }

ASIDE.Slava15M FIGURE, ASIDE.Slava15F FIGURE  { margin:0; }
ASIDE.Slava15M FIGURE>DIV:first-of-type, ASIDE.Slava15F FIGURE>DIV:first-of-type  { position:relative; padding:1px; min-width:120px; width:50%; background:#FFF url("/i/bgr/wood.gif"); box-shadow:inset 0 -2px 4px #505050; margin:22px auto 15px; border-radius:7px;

box-shadow:0 2px 2px #505050;
background:linear-gradient(30deg, #bdbcbb, #fbfbf1);

 }
ASIDE.Slava15M FIGURE>DIV:first-of-type::before, ASIDE.Slava15F FIGURE>DIV:first-of-type::before { content:""; background:url("/i/el/rivet.png") top left no-repeat, url("/i/el/rivet.png") top right no-repeat; width:95%; height:29px; z-index:1; position:absolute; top:-11px;  }
ASIDE.Slava15M FIGURE DIV.UserPic, ASIDE.Slava15F FIGURE DIV.UserPic  { display:block; margin:20px auto 10px; box-shadow:0 0 5px #FFF; }
ASIDE.Slava15M FIGCAPTION, ASIDE.Slava15F FIGCAPTION { text-align:center; margin:3px 0; }


ASIDE.Slava15 SECTION { margin:3px; }
ASIDE.Slava15 SECTION DIV:first-of-type { hyphens:auto; word-wrap:break-word; }
ASIDE.Slava15 SECTION DIV:nth-child(2) { text-align:right; margin:2px; }


ASIDE.Slava15M FIGURE TABLE, ASIDE.Slava15F FIGURE TABLE, ASIDE.Slava15 SECTION TABLE { width:100%; margin:5px 0 0; font-family:Arial,"sans-serif"; font-size:12px; background-color:rgba(255, 255, 255, 0.5); opacity:0; transition: opacity .5s; }
ASIDE.Slava15M:hover FIGURE TABLE, ASIDE.Slava15F:hover FIGURE TABLE, ASIDE.Slava15:hover SECTION TABLE { opacity:1; }
ASIDE.Slava15M FIGURE TABLE TD:last-of-type, ASIDE.Slava15F FIGURE TABLE TD:last-of-type, ASIDE.Slava15 SECTION TABLE TD:last-of-type { text-align:right; }
ASIDE.Slava15M FIGURE TABLE IMG, ASIDE.Slava15F FIGURE TABLE IMG, ASIDE.Slava15 SECTION TABLE IMG {display:inline; margin:0 3px 0 1px; box-shadow:none; vertical-align:middle; border:none; }


ASIDE.Slava15 A, ASIDE.Slava15 A:visited, ASIDE.Slava15M A, ASIDE.Slava15M A:visited, ASIDE.Slava15F A, ASIDE.Slava15F A:visited { color:#C06459; outline:0; }
ASIDE.Slava15 A:hover, ASIDE.Slava15 A:active, ASIDE.Slava15M A:hover, ASIDE.Slava15M A:active, ASIDE.Slava15F A:hover, ASIDE.Slava15F A:active  { color:#DE1800; outline:0; }

ASIDE#DomBlogFriends { width:100%; padding:0; overflow:hidden; background:#FFF; box-shadow:inset 0 -1px 3px #B0B0B0; border-radius:7px;  -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; }
#DomBlogFriends>DIV { padding:.3em .1em; background:url("/i/bgr/gears_bg_horiz.png"); background-color:#e2d1ab; box-shadow:inset 0 2px 5px #909090; font-size:90%; font-variant:small-caps; text-shadow:1px 1px 1px #DDD; text-align:center; }
#DomBlogFriends TABLE { margin: .1em .1em .4em .3em; }
#DomBlogFriends TD:first-of-type { vertical-align:top; font-weight:bold; font-size:120%; line-height:1.2; text-shadow:1px 1px 3px #000; }
#DomBlogFriends TD:first-of-type>DIV { width:1.2rem; height:1rem; margin:.4em .1em 0 0; box-shadow:0 0 1px #555;  }
#DomBlogFriends TD:last-of-type { line-height:1.3;  padding:.2em; }
#DomBlogFriends A { font-size:90%; }

DIV#RSSLINK { margin:.6em .2em; font-size:90%; text-align:center; }
#RSSLINK A, #RSSLINK A:visited { color:red; }

ASIDE#BannerCont { width:100%; min-height:200px; padding:.4em 2px; overflow:hidden; background:rgba(150, 150, 150, .3); box-shadow:inset 0 -1px 3px #5c5c5c; border-radius:7px; }
ASIDE#BannerCont P { margin-top:2em; text-align:center;font-weight:bold; color:#999; }
DIV#RightBanner240 { width:240px; height:400px; margin:0 auto; }
DIV#RightBanner160 { width:160px; height:600px; margin:0 auto; }

/* ------------------ HISTORY, CONTACT, AND IGNORE LISTS ELEMENTS (LEFT PANEL) -------------------- */


table#HistoryP { position:fixed; top:0; left:-31%; z-index:200; min-width:300px; background-color:transparent; height:100%; transition:.4s; border-spacing:0; }
#HistoryP TD { padding:0; /*border:1px solid red;*/ }
#HistoryP TD:first-of-type { width:30vw;  }
#HistoryP table { border-collapse:collapse;  }


DIV#HPtitle { width:100%; text-align:center; background-color:rgba(36,36,36, 0.7); box-shadow:-2px -2px 8px rgb(72, 72, 72) inset, 5px 0px 6px rgb(85, 85, 85); font-size:112%; color:#EAE3E3; text-shadow: 1px 1px 1px #505050; height:32px; cursor:crosshair; }

DIV#HPcontent { width:100%; height:100vh; overflow-y:auto; overflow-x:hidden; border:none; padding:0; vertical-align:top; background-color:rgba(228, 230, 217, 0.9); box-shadow:5px 0 6px #555;  }
TD#HPnomover { width:60px; vertical-align:top; padding-top:130px !important; }
TD#HPhidearea { width:1px; }


TD#HPnomover DIV {position:relative; width:40px; overflow:hidden; background-color:#E5E7DB; box-shadow:6px 3px 5px #555; border-top-right-radius:7px; border-bottom-right-radius:7px;  }

TABLE#HPtabs { border-spacing:0;  }
#HPtabs TD {padding:0; }
#HPtabs TR:first-of-type TD {padding-top:4px; }
#HPtabs IMG {margin:5px; opacity:.6; }
#HPtabs IMG:hover, TABLE#HPtabs IMG#HP_ACTIVE_TAB {opacity:1; box-shadow:0 0 8px #FFF, 0 0 12px #FFF; cursor:pointer; }
#HPtabs IMG#HP_ACTIVE_TAB { cursor:default; }

DIV#HPcontent>table { width:100%; margin:0 auto;   }
#HPcontent>table TD { padding:.3em 3px .4em 0px; background-color:transparent; border-bottom:1px solid rgba(0,0,0,.1); transition:.1s; }

#HPcontent U, #HPcontent S { font-size:75%; vertical-align:super; text-shadow:1px 1px 1px #3c2222; cursor:pointer; }
#HPcontent U { margin:0 .3em 0 .3em; }
#HPcontent S { text-decoration:none; color:#cfaba7;  }
#HPcontent S:hover { color:#e15252; text-shadow:1px 1px 1px #0c0808; }

#HPcontent U { color:#d1d1d1; text-decoration:none;  }
#HPcontent U.INFEXISTS { color:#cfce90; text-decoration:underline; }
#HPcontent U:hover { color:#7bb69b; }

#HPcontent TEXTAREA { display:block; width:98%; height:15ex; margin:.3em auto; font-size:80%; background:#eff3d8; }
#HPcontent FORM DIV:last-of-type { text-align:right; padding:.2em .3em .5em; }
#HPcontent FORM INPUT[type="submit"] { padding:.1em .6em; line-height:1; font-size:80%; background-color:#9f9d7a; color:#FFF; box-shadow:2px 3px 5px #7b8972 inset; }
#HPcontent FORM INPUT[type="submit"]:hover { box-shadow:2px 3px 7px #ABC09D inset; }

#HPcontent FORM DIV:last-of-type B:hover { color:#458a7e; cursor:pointer; }
#HPcontent FORM DIV:last-of-type SPAN { vertical-align:middle; color:#2ea767; text-shadow:1px 1px 1px #544e4e; transition:.3s;  }
#HPcontent FORM DIV:last-of-type B:hover SPAN { color:#da5e0f;  }

#HPcontent>table TR.HPEMPTY TD { border-bottom:0; padding:1em; line-height:1.5; text-align:center; }
#HPcontent>table TR.HPEMPTY TD BIG { font-size:150%; }

#HPcontent>table TR:not(.SINGSPAN):hover>TD { background-color:#FAFAFA; border-bottom:1px solid rgba(200,50,0,.3); }
#HPcontent>table TR:not(.SINGSPAN):hover>TD:first-of-type { padding-left:3px; padding-right:0; }
#HPcontent>table TD IMG { margin:0 .2em 0 .3em;  }


/* ------------------ USER ANKETA AND PRICEP FLOATING ELEMENTS -------------------- */

DIV#UserAnk { position:fixed; z-index:300; right:10px; top:-105vh; width:50vw; min-width:500px; transition:.4s;    }

DIV#UAdark { box-shadow:0 0 5px #444; border-bottom-left-radius:20px; border-bottom-right-radius:20px; background-color:transparent; /*padding:0 2px 2px;*/ border-left:2px solid rgba(161, 151, 125, 0.45); border-right:2px solid rgba(161, 151, 125, 0.45); border-bottom:2px solid rgba(245, 237, 219, 0.4);  }

DIV#UAtitle { width:100%; text-align:center; border-bottom:1px solid #969089; border-left:2px solid rgba(245, 237, 219, 0.4); box-shadow:inset 0px -3px 5px #655F4D, 2px 0 5px #444; font-size:112%; color:#3B3836; text-shadow: 1px 1px 1px #9E948B; background-color:rgba(161, 151, 125, 0.96); height:32px; padding:.05em 0 0; box-sizing:border-box; cursor:crosshair; }
#UAtitle > EM { font-style:normal; color:#E4E4C3; text-shadow: 1px 1px 1px #806954; }
#UAtitle MARK { padding:0 4px; color:#ED184C; background-color:rgba(86, 47, 14, .4); }

TABLE#UAboth { width:100%; border-collapse:collapse; }
TABLE#UAboth TD { padding:0;  }

#UApric, #UAcont
{
-ms-scrollbar-base-color:#605752;
-ms-scrollbar-track-color:#302d2c;
-ms-scrollbar-shadow-color:#463e39;
-ms-scrollbar-arrow-color:#c1ad88;
}

#UApric::-webkit-scrollbar, #UAcont::-webkit-scrollbar { width:14px; }

#UApric::-webkit-scrollbar-track, #UAcont::-webkit-scrollbar-track  { background-color:#302d2c; }

#UApric::-webkit-scrollbar-thumb, #UAcont::-webkit-scrollbar-thumb { background-color:#605752; border:1px solid #463e39; border-radius:10px; }

/*#UApric::-webkit-scrollbar-button, #UAcont::-webkit-scrollbar-button {background-color:#302d2c;  }*/


TD#UAtdpric { width:0; background-color:rgba(69, 66, 66, .9);  }
DIV#UApric { width:100%; height:90vh; overflow-y:auto; overflow-x:hidden; opacity:0; text-align:center; transition:.3s; }
#UApric P.UAload { text-align:center; color:#B0A6A0;  }
#UApric FIGURE { display:inline-block; vertical-align:top; width:150px; margin:1em;  }
#UApric FIGURE DIV:first-of-type { margin:0 auto 4px; height:122px; width:110px; }
#UApric FIGURE IMG { height:100px; width:80px; padding:13px 15px 9px; border:0; outline:0; border-radius:10px 10px 3px 3px; background-image:url("/i/bgr/pricframe.gif"); }
#UApric FIGURE IMG:hover { background-color:#875720; }
#UApric FIGURE DIV:nth-of-type(2) { color:#FFF; font-size:13px; }
#UApric FIGURE FIGCAPTION { color:#DDD; font-size:11px; text-align:left; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; }
#UApric EM { font-style:normal; color:#e0c116; }

DIV#UAcont { height:90vh; overflow-y:scroll; overflow-x:hidden; color:#ECE7E7; background-color:rgba(59, 56, 56, 0.97); transition:.4s; }
#UAcont DIV.AnkPlashka { margin:1.6em 8px .7em 7px; border-radius:10px; text-align:center; background:#866D6A url("/i/bgr/gears_bg_horiz.png"); font-size:110%; letter-spacing:.03em; padding:.1em 0; color:#FFF; text-shadow:1px 1px 2px #65625F; }
#UAcont BLOCKQUOTE { margin:10px 12px 30px; }
#UAcont P B { color:#FFF; }
#UAcont B.A_Red { color:#C58378; }
#UAcont B.A_Green { color:#658960; }
#UAcont B.A_Violet { color:#87909C; }
#UAcont P EM { color:#E05018; font-style:normal; font-weight:bold; }
#UAcont P.UAload { text-align:center; color:#3B3836;  }
#UAcont #MoreInPricep, #AvatarRights { text-align:center; margin:5px 5px 10px; color:#C2B270;  }
#AvatarRights { font-size:80%; color:#AAA; }
#UAcont P.NOTIMP { text-align:right; font-size:80%; line-height:1.3em; }
#UAcont P.AnkFooter { margin:4em 10px -15px; text-align:right; font-size:80%; line-height:1.3em; }
#UAcont A, #UAcont A:visited { color:#51B3E9; font-weight:bold; text-decoration:underline; cursor:pointer; }
#UAcont A:active, #UAcont A:hover { color:#F6ECA5; }
#UAcont DIV.NICEPIC IMG {  margin:0 auto; /*min-width:40%; заком. а то растягивалась по шир. */ max-width:90%; max-height:65vh; border:1px solid #505050; border-radius:8px; box-shadow:1px 1px 5px #212121; }
#UAcont P#TextAreaDiv { text-align:center; margin-top:-10px; }

#OpenPricepBtn { position:relative; height:35px; width:47ex; background:#574F46; border:2px solid #A68D68; border-top-right-radius:10px; border-bottom-right-radius:10px; cursor:pointer; }
#OpenPricepBtn DIV  {  position:relative; height:49px; width:100%; top:-25px; color:#E1BF8B; }
#OpenPricepBtn IMG:first-of-type { position:relative; top:18px; left:0; margin:0 8px 0 5px; transition:.2s; }
#OpenPricepBtn IMG:nth-of-type(2) { position:relative; top:10px; right:0; transition:2s; }
#OpenPricepBtn IMG.PRICBUTREVERSE { transform:rotate(180deg); }
#OpenPricepBtn DIV B { color:#FFF; font-size:100%; text-decoration:none; outline:0; }
#OpenPricepBtn:hover { border-color:#E1CDAE; }
#OpenPricepBtn:hover IMG:first-of-type:not(.PRICBUTREVERSE) { top:3px;  }
#OpenPricepBtn:hover IMG:nth-of-type(2) { right:15ex;  }
#OpenPricepBtn:hover IMG.PRICBUTREVERSE { left:2ex;  }



#UAcont TEXTAREA {width:90%; height:15ex; padding:2px 2px 2px 4px; margin:0 auto; border:2px groove #A56F00; font-size:90%;   }
#UAcont TEXTAREA:focus { border:1px solid #E67A56; box-shadow:#E9E9E9 0 0 4px;  }

DIV#UApullup { background-color:#81725E; border-top:1px solid #897D6E; box-shadow:inset 0px 2px 5px #655F4D; border-bottom-left-radius:20px; border-bottom-right-radius:20px; padding-left:20px; }
#UApullup P { margin:0; text-align:center; padding-bottom:4px;  }
#UApullup IMG { vertical-align:middle; margin-right:5px; }
#UApullup A, #UApullup A:visited  { color:#E4E4C3; text-shadow: 1px 1px 1px #806954; cursor:pointer; transition:.3s; }
#UApullup A:hover { color:#FFF; filter:brightness(1.3);  }

TABLE#TCHOICE { width:100%; margin-bottom:30px; }
#TCHOICE TD { text-align:center; line-height:.9em; }
#TCHOICE SPAN {margin-bottom:.3em; }

TABLE#VOXPOP { width:100%; border-collapse:collapse; margin-top:20px; }
#VOXPOP TR:nth-of-type(3n-2) { background-color:#505050; }
#VOXPOP TR:nth-of-type(3n-2) TD:first-child { padding:2px 1px 3px 5px; border-top-left-radius:5px;  }
#VOXPOP TR:nth-of-type(3n-2) TD:last-child { padding:2px 7px 3px 1px; border-top-right-radius:5px; text-align:right; color:#989898;  }
#VOXPOP TR:nth-of-type(3n-1) TD { padding:5px 5px 5px 0;  }
#VOXPOP TR:nth-of-type(3n) TD { font-weight:bold; font-style:italic; padding:0 5px 25px 10px;  }


/* ------------------ SSS MESSAGES STUFF -------------------- */

.SSSCONT { position:fixed; width:30em; padding:3px; background:rgba(153, 150, 144, .9); border-radius:7px 7px 4px 4px; box-shadow:0px 0px 1px #444, 3px 3px 10px #444; cursor:move; cursor:-webkit-grab; cursor:grab; transition:.15s; }

DIV.SSSCACT { background-color:rgba(120, 116, 111, .9); box-shadow:0px 0px 1px #444, 3px 3px 15px #222; }

DIV.SSSENGAG { background-color:rgba(164, 45, 13, .4); box-shadow:0px 0px 1px #444, 3px 3px 10px #444; cursor:all-scroll; cursor:-webkit-grabbing; cursor:grabbing; }



.SSSCONT>SPAN { display:block; position:absolute; width:29px; height:18px; top:7px; left:5px; background:url("/i/el/sound_onoff.gif"); background-position:0px 0px; cursor:pointer; transition:.3s; }

.SSSCONT>SPAN.SSSSOUNDOFF { background-position:29px 0px; }

.SSSCONT>DIV:first-of-type { width:100%; border:0; padding:2px; margin:0; background:rgba(38, 17, 9, .55) url("/i/bgr/hatch.png"); color:#DEDEDE; font-weight:bold; font-size:17px; text-align:center; text-shadow: 1px 1px 1px #6e6054; letter-spacing:.03em; -moz-user-select:none;  -webkit-user-select:none; -ms-user-select:none; }

.SSSCACT>DIV:first-of-type { background-color:rgba(96, 53, 36, .9) !important; }

.SSSCONT>DIV:first-of-type>I { color:#FFF; }

.SSSCONT>DIV:nth-of-type(2) {  display:block; position:absolute; top:-3px; right:24px; -moz-user-select:none;  -webkit-user-select:none; -ms-user-select:none; }
.SSSCONT>DIV:nth-of-type(2)>DIV { position:absolute; top:8px; right:8px; width:24px; height:24px; background:#816b50; border-radius:20px; transition:.2s; }
.SSSCONT>DIV:nth-of-type(2)>IMG { position:absolute; top:0px; right:0px; width:40px; height:40px; cursor:pointer; }
.SSSCONT>DIV:nth-of-type(2):hover>DIV { background:#4b7b5f; }

.SSSCONT>DIV:nth-of-type(3) { display:block; position:absolute; top:-11px; right:-12px; -moz-user-select:none;  -webkit-user-select:none; -ms-user-select:none; transition:.2s; }
.SSSCONT>DIV:nth-of-type(3)>DIV { position:absolute; top:10px; right:9px; width:27px; height:27px; background:#7c583c; border-radius:20px; transition:.2s; }
.SSSCONT>DIV:nth-of-type(3)>IMG { position:absolute; top:0px; right:0px; width:46px; height:46px; cursor:pointer; }
/*.SSSCONT>DIV:nth-of-type(3):hover { transform-origin:22px 6px; transform:rotate(15deg); }*/
.SSSCONT>DIV:nth-of-type(3):hover>DIV { background:#ad5220; }

.SSSCONT>DIV:last-of-type { width:100%;  height:20em; padding:0 5px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; background:#E6E6E4 url("/i/bgr/darkermain.gif") fixed; cursor:default; }


SECTION.MSGSLIST { width:100%; box-sizing:border-box; margin:3px 0 1em; }

.MSGSLIST>P.SINGLETO { margin:18px 2px 3px 3px; }
.MSGSLIST>P.SINGTA { margin-top: 7px; }

.MSGSLIST>DIV:first-of-type  { background-color:rgba(194, 164, 139, .6); padding:0 8px 2px 0; }
.MSGSLIST>DIV:first-of-type IMG, .MSGSLIST>P.SINGLETO IMG { margin:0 .15em 0 4px; vertical-align:-1px; }
.MSGSLIST>DIV:nth-of-type(2) { margin-bottom:1em; font-size:12px; text-align:center; color:#5c5c5c; text-shadow:1px 1px 1px #FFF; letter-spacing:.05em; background-color:rgba(198, 208, 209, .7); border-bottom:1px solid #bab9b9; cursor:row-resize; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; }
.MSGSLIST>DIV:nth-of-type(2):hover { color:#629b99; background-color:#f6f6f6; }

.MSGSLIST>DIV:nth-of-type(3) { opacity:.1; transition:1s; }

.MSGSLIST>DIV:nth-of-type(3)>P { position:relative; clear:both; width:80%; box-sizing:border-box; border-radius:7px; margin:3px 4px 3px 20%; padding:3px 3px 5px 5px; font-size:70%; background-color:#c5deb2; border:1px solid #c3c3c3; border-top: 1px solid #a1b499; }
.MSGSLIST>DIV>P.ME { margin-left:2px; background-color:#FFF; border:1px solid #c8c8c8; border-top:1px solid #b6b3b3; }
.MSGSLIST>DIV>P.DG, .MSGSLIST DIV>P.DGM  { margin-bottom:15px; }
.MSGSLIST>DIV>P.DG.NOMSG { margin-top:10px; color:#B64377; font-weight:bold; text-align:center; }

.MSGSLIST P.DGM::before { content:""; position:absolute; bottom:-15px; left:17px; width:20px; height:14px; background:#FFF; border-style:solid; border-width:0 1px 1px 0; border-color:#c8c8c8; border-bottom-right-radius:50px 30px; }

.MSGSLIST P.DGM::after { content:""; position:absolute; bottom:-16px; left:13px; width:9px; height:14px; background:#e6e6e4; border-style:solid; border-width:1px 1px 1px 0; border-color:#c8c8c8; border-bottom-right-radius:50px 50px; }

.MSGSLIST P.DG::before { content:""; position:absolute; bottom:-15px; right:9px; width:20px; height:14px; background:#c5deb2; border-style:solid; border-width:0 0 1px 1px; border-color:#c3c3c3; border-bottom-left-radius:50px 30px; }

.MSGSLIST P.DG::after { content:""; position:absolute; bottom:-15px; right:5px; width:9px; height:14px; background:#e6e6e4; border-style:solid; border-width:1px 0 0 1px; border-color:#c3c3c3; border-bottom-left-radius:50px 50px; }


.MSGSLIST>DIV:nth-of-type(3)>P>TIME { display:block; float:none; margin:0 0 .1em; color:#A4897D; text-align:center; font-size:70%; }
.MSGSLIST>DIV:nth-of-type(4) { padding:0 3px 3px; font-size:90%; color:#174136; text-shadow:1px 1px 1px #95bfa3; }
.MSGSLIST>DIV:nth-of-type(5) { clear:both; padding:.5em 5px 8px; }
.MSGSLIST>DIV:nth-of-type(5)>B, .MSGSLIST>DIV:last-of-type>FORM>P>B { color:#555; text-shadow: 1px 1px 1px #FFF; }
.MSGSLIST>DIV:nth-of-type(6) { box-sizing:border-box; padding:0 3px; }

.MSGSLIST .UserPic { box-shadow:0 0 5px #dad5d5; float:right; margin:.3em .2em .3em 1em; }
.MSGSLIST .UserPic IMG { margin:0 !important; }

.MSGSLIST OUTPUT.LetCounter B { background-color:#9DABAB; border-color:#998F88; }
.MSGSLIST TEXTAREA {width:100%; height:18ex; font-size:90%;  }




/* ------------------ GALLERY SHOW -------------------- */


DIV.TwoCurtains { position:fixed; z-index:500; top:0; background-color:rgba(0,0,0,.8); width:100%; height:100%; transition:.5s;  }
DIV#PicPlacmnt { position:fixed; z-index:520; top:0; left:0; height:100%; width:100%; cursor:col-resize; }
/*DIV#PicShowPl { position:fixed; top:0; height:100%; width:100%; z-index:520; }*/
DIV#PricRotDiv { position:absolute; margin:auto; top:0; left:0; bottom:0; right:0; width:50vw; height:90vh; text-align:center; border:1ex solid #1A1919; border-radius:7px; box-shadow:1px 1px 5px #B0A0A0; transform-origin:50% 50% 5vw; transition:.3s; cursor:auto; }
IMG#PricPic2Show { max-height:98vh; max-width:90vw; opacity:0; transition:1s; }
#PricSecret, #PricPay { width:100%; height:100%; box-sizing:border-box; padding:1em; background-color:rgba(86, 143, 230, .6); color:#BDBA9F; }
#PricSecret { background-color:rgba(185, 101, 110, .45); color:#DAC27E; font-weight:bold; }
#PricPay MARK, #PricPay #ErrorPlcmnt { color:#C64747; font-weight:bold; background-color:transparent; }
#PricSecret>FIGURE, #PricPay>FIGURE  { margin:0 auto 4px; height:116px; width:110px; background-image:url("/i/bgr/pricframe.gif"); }
#PricSecret>FIGURE>IMG, #PricPay>FIGURE>IMG  { width:80px; height:100px; margin:10px 15px; border:0; outline:0; }

#FileWarning { padding:5px; border-radius:5px; color:#D55454; background-color:rgba(255, 255, 255, .1); text-align:left; }

#PricSecret INPUT[type="text"], #PricPay INPUT[type="text"] { width:5em; text-align:center; font-size:200%; background-color:#0A0A0B; color:#2C2C2C;
text-shadow: 0 0 1px #FFF; letter-spacing:.05em; }

DIV#PicMoveLeft, DIV#PicMoveRight { position:fixed; z-index:530; height:100%; width:5%; top:0; background-color:rgba(0,0,0,.7); color:#3C3C3C; font-family:Arial,sans-serif; font-size:300%; padding-top:50vh; text-align:center; overflow:hidden; cursor:pointer; transition:.2s; -moz-user-select:none;  -webkit-user-select:none; -ms-user-select:none;   right:95%; }
#PicMoveRight { right:0; left:95%; }


#PicMoveLeft:not(.INACT):hover, #PicMoveRight:not(.INACT):hover { background-color:#000; color:#FFF; }
#PicMoveLeft:not(.INACT):active, #PicMoveRight:not(.INACT):active { background-color:rgba(255,255,255,.3); color:#000; }


/* ------------------ SITE GUIDE  -------------------- */

ASIDE#SiteGuide
 {
position:absolute; top:-20%; bottom:0; left:0; right:0; margin:auto; padding:.5em 0 3em;
width:40vw; min-width:400px; height:40vw; min-height:300px; max-height:500px; color:#573F2E;
background:#F1F0EA url("/i/bgr/mainbg.gif"); border:6px double #333333; border-radius:40px;
box-shadow: 4px 8px 20px #8D735B inset, -2px -5px 15px #A28971 inset, 3px 5px 8px #4A4A4A;
z-index:900; transform:rotate(-2deg); opacity:0; transition:.3s;
 }

#SiteGuide STRONG { color:#AA2121; text-shadow:1px 1px 1px #A7B152; font-size:110%; }

#SiteGuide H6 { margin:0 auto -.3em; color:#AA2121; text-shadow:1px 1px 1px #A7B152; font-size:115%; text-align: center; }

#SiteGuide > DIV { margin:4%; height:100%; /*border:1px solid #DDD;*/ overflow-y:scroll; overflow-x:auto; transform:rotate(2deg); }
#SiteGuide P.CNTRIMG_TP { margin:-.5em auto -1em; text-align:center }
#SiteGuide > DIV IMG { max-width:100%; }

#SiteGuide .FriendIcon_TP { display:inline-block; background:url("/i/el/blog_friends_options.png"); width:27px; height:27px; vertical-align:middle; }
#SiteGuide UL { position:relative; margin-top:1.2em;  }
#SiteGuide LI { position:relative; list-style:none; margin-bottom:1.2em; padding-left:2em; }
#SiteGuide LI::before { position:absolute; top:-.6em; left:-.1em; content:url("/i/el/pin.png"); display:inline-block; margin:.3em .6em .1em 0; }


/* ------------------ MINOR COMMON ELEMENTS -------------------- */

TIME { float:right; margin:5px 1px 0 2px; font-family:Arial, sans-serif; font-size:75%; color:#9E918B; font-weight:bold; text-shadow: 1px 1px 1px #FFF;  }

 /* common style to non-active pics, etc */
.INACT { cursor:default !important; transition:none !important; filter:none !important; transform:none !important; }

.clearfix::after { content:""; clear:both; display:table; }

DIV#Curtain { position:fixed; top:0; left:0; z-index:800; background-color:rgba(0,0,0,0); width:100%; height:100%; transition:.2s;  }
DIV#GrayBoxAlert
 {
position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; cursor:pointer;
width:40%; min-width:400px; height:40%; min-height:300px; max-height:500px; font-weight:bold; color:#573F2E;
background:#F1F0EA url("/i/bgr/mainbg.gif"); padding:20px; border:6px double #333333; border-radius:40px;
box-shadow: 4px 8px 20px #8D735B inset, -2px -5px 15px #A28971 inset, 3px 5px 8px #4A4A4A;
 }
#GrayBoxAlert IMG { display:block; margin:-68px auto 0; }
#GrayBoxAlert H5 { margin:1em 0 20px; text-align:center; font-size:130%; color:#AA2121; text-shadow:1px 1px 1px #A7B152; }
#GrayBoxAlert B:not([class]) { color:#AA2121; text-shadow:1px 1px 1px #A7B152; font-size:120%; }

#ServerError { margin:15vh 1em; text-align:center; line-height:1.5; }
#ServerError H3 { margin-bottom:2em; color:#9E372B; }

DIV#MobMsgContainer { position:fixed; box-sizing:border-box; padding:3vw; height:40%; bottom:-40%; left:0;  background:#203030; border-top:1.5vw double #d4b586; font-size:300%; font-size:4vmax; color:#d0c7c1; text-align:center; box-shadow:0 1em 4em 1em #2b2929; transition:.2s; }
DIV#MobMsgContainer P { margin-top:.3em; }
#MobMsgContainer A, #MobMsgContainer A:visited { padding:.3em .4em .2em; border:1px solid #888; border-radius:.2em; font-size:200%; font-size:3vmax; text-decoration:none; color:#000; background:#91c59b; -moz-user-select:none;  -webkit-user-select:none;  -ms-user-select:none; }
#MobMsgContainer A:active { padding:.2em .4em .3em; border-color:#DDD; }
#MobMsgContainer A:last-of-type { margin-left:1em; background:#8c7f7f; }

DIV.EmptyP { height:1.3em; padding:1px; }

DIV#KeywordCLOUD { text-align:center; line-height:1.2em; }
#KeywordCLOUD A { text-decoration:none; color:#739B9B; transition:.2s; }
#KeywordCLOUD A:hover { color:#A84263; border-bottom:2px dotted #A84263; }

DIV.DomFlagCol { width:100%; height:33.3%; }
DIV.DomFlagLogo { width:70%; height:70%; position:absolute; left:15%; top:15%; opacity:.8; background-size:contain; background-repeat:no-repeat; background-position:center;  }
TABLE#AnketaDomik { background-color:#574F46; width:100%; border-top-right-radius:10px; border-bottom-right-radius:10px; }
#AnketaDomik TD:first-of-type { width:15%; }
#AnketaDomik TD>DIV { position:relative; width:15ex; height:6ex; margin-right:1ex; }
#AnketaDomik TD:last-of-type { text-align:center; font-weight:bold; color:#D8B47E; }

DIV.PLASH_REG { background-color:#FFF; padding:10px 5px; }
DIV.PLASH_ROUND_LSHAD, DIV.PLASH_ROUND_FFF { padding:1.2em; background-color:rgba(255, 255, 255, .5); box-shadow:0 0 2px #241f1f inset; border-radius:.4em; }
DIV.PLASH_ROUND_FFF { background-color:#FFF; }

OL.BIGLIST { counter-reset:LiCounter;  }
.BIGLIST > LI { position:relative; list-style:none; margin-bottom:1.8em; padding-left:2.3em; }
.BIGLIST > LI::before { position:absolute; top:-.4em; left:-.4em; counter-increment:LiCounter; content:counter(LiCounter); display:inline-block; margin:.3em .6em .1em 0; width:1.8em; height:1.7em; line-height:1.7em; font-family:Arial,sans-serif; color:#FFF; font-weight:bold; background:rgba(42, 74, 58, .7) url("/i/bgr/hatch.png"); border-radius:40%; border: 2px solid #FFF; text-align:center; box-shadow:-1px 1px 4px #000; text-shadow:-1px -1px 1px #000; transition:.3s; }
.BIGLIST > LI::after { position:absolute; content:""; width:2px; height:calc(100% - 1.2em); top:2.2em; left:.6em; background:#cbcbcb; }
.BIGLIST > LI:hover::before { background-color:#2a4a3a; box-shadow:0px 0px 3px #000; transition:.5s; }
.BIGLIST > LI:hover::after { width:3px; background:#4c8f7c; }

OL.LIGHTRLIST { counter-reset:LightRLCounter; }
.LIGHTRLIST > LI { position:relative;  margin:1.2em 0;  list-style:none;  }
.LIGHTRLIST > LI::before { position:absolute; left:-2.1em; counter-increment:LightRLCounter; content:counter(LightRLCounter) "."; width:1.8em; height:1.7em; font-size:120%; font-family:Arial,sans-serif; font-weight:bold; color:#FFF1E7; text-shadow:0 0 2px #000; text-align:right;  }
.LIGHTRLIST > LI:hover::before { color:#F6CCAE; transform:scale(1.2); }

UL.SIMPSQRLIST { list-style-type:square; margin:1.6em auto; }
.SIMPSQRLIST > LI { margin-bottom:1.2em; }

UL.SMALLMARGLIST { margin:1.6em auto; }
UL.SMALLMARGLIST > LI { margin-bottom:.6em; }

FIGURE.MediaLink, IFRAME.EmbeddedVideo { margin:15px auto 20px; width:25vw; height:17vw; border:5px solid #F9F9F9; border-radius:10px; box-shadow:1px 1px 5px #746C6C; }
.MediaLink:hover, .EmbeddedVideo:hover  { box-shadow:1px 1px 6px #90360D; }
.MediaLink IMG { position:absolute; max-width:120%; max-height:120%; margin:auto; top:0; left:0; bottom:0; right:0; }

FIGURE.MediaLink { position:relative; overflow:hidden; background:#F1F0EA url("/i/bgr/mainbg.gif"); text-align:center; cursor:pointer; cursor:zoom-in; }

/* используется уже в новом сайте! */
TABLE.LIGHTWHITE { width:100%; border-spacing:.1em; }
.LIGHTWHITE TD { padding:.15em; background:#F5F5F5; }
.LIGHTWHITE TH { padding:.15em; background:#F9F9F9; }

/* блоги, приколы, статьи */
.RICH_USER_CONTENT P:first-of-type { margin-top:0; }

.CENTERALIGNED { text-align:center !important; }

P.CREATE_NEW_AT_RIGHT {text-align:right; min-height:50px;  white-space:nowrap; }
P.CREATE_NEW_AT_RIGHT SPAN { background-color:#FFF; padding:4px 8px 7px 10px; border-radius:10px; border:1px dashed #98584d; border-left:none; }
P.CREATE_NEW_AT_RIGHT A, P.CREATE_NEW_AT_RIGHT A:visited { color:#944b43; font-size:100%; text-decoration:none; outline:0; }
P.CREATE_NEW_AT_RIGHT A:hover { text-decoration:underline; }
P.CREATE_NEW_AT_RIGHT IMG { vertical-align:middle; position:relative; right:-3px; transition:transform 0.2s; }
P.CREATE_NEW_AT_RIGHT A:hover IMG { transform:matrix(0.95, 0, 0, 1.15, 6, 0);  }

P.RETURN_BACK_AT_RIGHT {text-align:right; white-space:nowrap; }
P.RETURN_BACK_AT_RIGHT SPAN { background-color:#FFF; padding:4px 20px 7px 6px; border-radius:10px; border:1px dashed #34555A; border-right:none; margin-right:-60px;}
P.RETURN_BACK_AT_RIGHT A, P.RETURN_BACK_AT_RIGHT A:visited { color:#6A8C92; font-size:100%; text-decoration:none; outline:0; }
P.RETURN_BACK_AT_RIGHT A:hover { text-decoration:underline; }
P.RETURN_BACK_AT_RIGHT IMG { vertical-align:middle; position:relative; left:0px; bottom:-16px;  transition:transform 0.3s; }
P.RETURN_BACK_AT_RIGHT A:hover IMG { transform-origin:-10px 29px; transform:rotate(-20deg); }

P.SEE_ALSO_LINK {text-align:left; white-space:nowrap;  }
P.SEE_ALSO_LINK SPAN { position:relative; left:-23px; background-color:#FFF; padding:4px 8px 7px 10px; border-radius:10px; border:1px dashed #34555A; border-left:none; }
P.SEE_ALSO_LINK A, P.SEE_ALSO_LINK A:visited { color:#6A8C92; font-size:100%; text-decoration:none; outline:0; }
P.SEE_ALSO_LINK A:hover { text-decoration:underline; }
P.SEE_ALSO_LINK IMG { vertical-align:middle; position:relative; z-index:1; transition:transform .8s; }
P.SEE_ALSO_LINK A:hover IMG { transform:rotateX(360deg);   }

P.SHAREME {text-align:left; min-height:50px; margin-left:-55px; white-space:nowrap; }
P.SHAREME SPAN { background:#6CCCAA url("/i/bgr/hatch.png"); padding:4px 8px 7px 10px; border-radius:10px; border:3px dashed #42AD43; border-left:none; }
P.SHAREME A, P.SHAREME A:visited { color:#FFF; font-size:100%; font-weight:bold; text-decoration:none; outline:0; }
P.SHAREME A:hover { text-decoration:underline;  }
P.SHAREME A:hover SPAN { background-position:67px, top; }
P.SHAREME IMG { vertical-align:middle; position:relative; right:-51px; top:3px; transition:transform 0.2s; }
P.SHAREME A:hover IMG { transform-origin:7px 41px; transform:rotate(-7deg);  }

#NOLOGGED { margin-top:3em; }

TABLE.SHARE_N_RET { box-sizing:border-box; width:100%; margin:.5em 0 1em; }
.SHARE_N_RET TD { overflow:hidden; }
.SHARE_N_RET .SHAREME { margin-left:-50px; }
/*TABLE.SHARE_N_RET TD { vertical-align:top; }*/

/* для списков history, контакт-л, и т.д. */

P.SHOW_MORE {text-align:center; min-height:50px; margin:30px auto; }
P.SHOW_MORE A, P.SHOW_MORE A:visited {  cursor:pointer; background-color:#E3DAC8; padding:2px 18px 5px; border-radius:10px; border:2px dashed #8B8D8F; color:#8D5441; font-size:100%; text-decoration:none; outline:0; }
P.SHOW_MORE A:hover { text-decoration:underline; background-color:#F0EADE; }

@keyframes waitstr_rotate { from { transform:rotate(5deg); } to { transform:rotate(364deg); }  }
@keyframes waitstr_dim { from { opacity:1; } to { opacity:.3; }  }
SPAN.WAIT_STR { color:#6b6969; }
.WAIT_STR B {  display:inline-block; vertical-align:sub; font-size:160%; color:#6e8658; animation:waitstr_rotate 1.5s 0s linear infinite; }
.WAIT_STR SPAN { animation:waitstr_dim .6s 0s ease alternate infinite; }


DIV.HR { border-top:2px dashed #A49492; margin:40px 0 -10px; }
.HR IMG[src="/i/el/scissors.gif"] { display:block; position:relative; height:51px; width:114px; top:-24px; left:-5px;  }
.HR DIV { background:rgba(243, 246, 54, .2); color:#426333; margin:-50px 20px 30px 50px; padding:7px 5px 7px 12px; border-radius:0 0 15px 10px; }

TABLE.NOTICEPLASHKA { width:100%;  }
.NOTICEPLASHKA TD:first-of-type { width:92px !important;  }
.NOTICEPLASHKA TD:first-of-type IMG { position:relative; left:12px;  }
.NOTICEPLASHKA TD:nth-of-type(2) { background:rgba(255, 255, 255, .5); border:2px groove #555353 !important; border-radius:5px; padding:3px 4px 7px 8px; }
.NOTICEPLASHKA TD:last-of-type { width:92px !important;  }
.NOTICEPLASHKA TD:last-of-type IMG { position:relative; right:12px; transform:scaleX(-1); }


SECTION.ROLLOUT { box-sizing:border-box; background:rgba(255, 255, 255, .5); border:3px groove rgba(176, 145, 145, 0.6); border-radius:10px; }
.ROLLOUT H4 { height:1.5em; margin:0; border-radius:10px 10px 0 0; background:linear-gradient(to bottom, #f9f1e9, #b9a594); color:#896154; font-weight:bold; font-variant:small-caps; text-shadow:0 0 2px #fff; letter-spacing:0.02em; text-align:center; }
/*.ROLLOUT P { margin:5px; }
.ROLLOUT P:last-of-type { overflow:hidden; height:.01px; padding-bottom:15px; transition:.5s; }*/
.ROLLOUT P { margin:.5em .7em 0; min-height:2em; }
.ROLLOUT P.ROLLME { overflow:hidden; max-height:100px; transition:max-height 1s; }
.ROLLOUT DIV { margin:0; padding:2px; border-radius:0 0 10px 10px; border-top:3px double #c6bdbd; background:rgba(198, 198, 158, .3); font-size:80%; color:#5c6b4c; text-shadow:1px 1px 1px #FFF; text-align:center; cursor:row-resize; transition:.2s; }
.ROLLOUT DIV:hover { background:rgba(199, 218, 150, .5); color:#2f3924; border-color:#ceacac; }

B.ATTN { color:#D13423; }
B.OPOK { color:#30936D; }
B.BLUE { color:#335d7d; }

B.EMPH
{
bottom:1px; cursor:crosshair; color:#5C5C5C; text-decoration:none; outline:0; padding:2px 6px; letter-spacing:1px;
background-color:#F8F8F8; border:2px solid #998E8E;
border-radius:4px; box-shadow: 2px 2px 3px #968F8F;
}

#PHOBOS_NOTFOUND { height:30vh; margin:0; background:#f1e2d1 url(/i/fig/error404.gif) no-repeat center; background-size:contain; border-radius:10px; border:2px solid #EEE; box-shadow:0 0 2px #505050; }

#PHOBOS_NOTFOUND ~ DIV { margin:1.5em 0 2em; padding:.5em 2em 1em; background:#FFF; border-radius:10px; border:2px solid #EEE; box-shadow:0 0 2px #505050; }

/* ------------------ INPUT AND CONTROL COMMON ELEMENTS -------------------- */

INPUT[type="text"], INPUT[type="file"], INPUT[type="password"], TEXTAREA { outline:0; } /* Chrome pissed me off! */

INPUT[type="text"], INPUT[type="file"], INPUT[type="password"]
{
box-sizing:border-box; border-top:1px solid #8c8c8c; border-left:1px solid #8c8c8c; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; box-shadow:0 1px 3px inset #CCC;
padding:.1em .1em .1em .2em; color:#000000; font-family:Corbel, CorbelDownload, verdana; font-size:100%;
}

INPUT[type="file"] { background:#FFF; font-size:90%; color:#20b3c5 !important; }

/* These are sensitive definitions, please don't touch! */
::-moz-placeholder  { color:#000; opacity:.3; }
:-ms-input-placeholder  { color:#000; opacity:.3; }
::-webkit-input-placeholder { color:#000; opacity:.3; }


INPUT[type="text"]:focus, INPUT[type="file"]:focus { border:1px solid #CF6680; box-shadow:#BBB 0 1px 6px;}

SELECT { font-size:90%; color:#AC520F;  }
SELECT:disabled { background-color:#cecece; color:#8c8c8c; }

TEXTAREA { overflow:auto; box-sizing:border-box; width:100%; height:22ex; padding:4px 2px 3px 6px;
border-top:1px solid #8c8c8c; border-left:1px solid #8c8c8c; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1;
color:#000000; font-family:Corbel, CorbelDownload, verdana; font-size:19px; transition:.2s; }

TEXTAREA:focus { border:1px solid #CF6680; box-shadow:#BBB 0 1px 6px; }

TEXTAREA:disabled { background-color:#cecece; color:#8c8c8c; }

SPAN.BIGCHECKBOX, SPAN.BIGRADIO { display:inline-block; position:relative; margin:auto .5em; vertical-align:middle; width:28px; height:28px; background:#FCFFF4; background:linear-gradient(to bottom, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%); border-radius:50%; box-shadow:inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); }

.BIGCHECKBOX LABEL, .BIGRADIO LABEL { width:20px; height:20px; position:absolute; top:4px; left:4px; cursor:pointer; background:#222; border-radius:50%; box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white; }

.BIGCHECKBOX INPUT:disabled ~ LABEL, .BIGRADIO INPUT:disabled ~ LABEL  { background:rgba(132, 68, 68, 0.4); }

.BIGCHECKBOX:hover, .BIGRADIO:hover { background:#E6D9A6; background:linear-gradient(to bottom, #E6D9A6 0%, #BFB176 40%, #90852E 100%); }

.BIGCHECKBOX LABEL::after { content:''; width:9px; height:5px; position:absolute; top:5px; left:4px; border:3px solid #FCFFF4; border-top:none; border-right:none; background:transparent; opacity:0; -webkit-transform:rotate(-45deg); transform: rotate(-45deg); }

.BIGRADIO LABEL::after { content:''; width:10px; height:10px; position:absolute; top:5px; left:5px; background:#CB947C; background: linear-gradient(to bottom, #E47669 0%, #D9BE9A 40%, #A54A38 100%); border-radius:50%; opacity:0; }

.BIGCHECKBOX INPUT, .BIGRADIO INPUT { visibility:hidden; }
.BIGCHECKBOX INPUT:checked + LABEL::after, .BIGRADIO INPUT:checked + LABEL::after { opacity:1; }



INPUT[type="submit"], INPUT[type="reset"]
{
height:2em;
padding-left:.8em; padding-right:.8em; cursor:pointer; font-family:Corbel, CorbelDownload, verdana; font-size:100%; color:#FFF; text-shadow: 1px 1px 1px #808364;
background:#7B9368; background-image:url("/i/bgr/gears_bg_horiz.png"); box-shadow:3px 4px 10px #506840 inset, -3px -4px 10px #ABC09D inset;
border-radius:1em; border:1px solid; border-color: #6C754F #667860 #778655 #68775B;
}

INPUT[type="submit"]:hover, INPUT[type="submit"]:active
{
box-shadow:3px 4px 10px #ABC09D inset, -3px -4px 10px #506840 inset, #555 0 1px 3px;
border-color:#728960 #6E8767 #566533 #708D5C; text-shadow: 1px 1px 1px #515343;
}

INPUT[type="submit"].CRITICAL, INPUT[type="reset"]
{ background-color:#AE6657; box-shadow:3px 4px 10px #685040 inset, -3px -4px 10px #c0a99d inset; border-color:#755a4f #786660 #866955 #77665b;  }

INPUT[type="submit"].CRITICAL:hover, INPUT[type="submit"].CRITICAL:active,
INPUT[type="reset"]:hover, INPUT[type="reset"]:active
{
box-shadow:3px 4px 10px #c0ab9d inset, -3px -4px 10px #684f40 inset, #555 0 1px 3px;
border-color:#897560 #7f7460 #654933 #8d725c; text-shadow:1px 1px 1px #515343;
}


INPUT[type="submit"]:active { color:#F2F1A3; background-color:#445736;  }
INPUT[type="reset"]:active, INPUT[type="submit"].CRITICAL:active { color:#F2F1A3; background-color:#803910;  }
INPUT[type="submit"]:focus, INPUT[type="reset"]:focus { outline:0; }
INPUT[type="submit"]::-moz-focus-inner, INPUT[type="reset"]::-moz-focus-inner { border:none; }


/* ------------------ SPECIFIC CONTRIBFORM ELEMENT'S STYLES -------------------- */


TABLE.CONTRIBFORM { width:90%; margin:0 auto;  }
.CONTRIBFORM TD { text-align:left; font-weight:bold; font-size:110%; color:#222; text-shadow:2px 2px 1px #FFF; }
.CONTRIBFORM TD.Container { font-weight:normal; font-size:100%; }

.CONTRIBFORM TR.OneStr TD:first-child { width:10%; padding-right:1ex; white-space:nowrap; }

.CONTRIBFORM INPUT[type="text"] { width:100%; }

.CONTRIBFORM TR.MsgTitle INPUT { font-weight:bold; color:#AC520F; text-shadow: 1px 1px 0px #C4E6A9; font-variant:small-caps; }
.CONTRIBFORM TR.LinkURL INPUT { color:#0080FF; font-size:80%;  }

.CONTRIBFORM TD.CHKBOX { font-size:100%; font-weight:normal; text-align:center; }

.CONTRIBFORM .BIGCHECKBOX { background:#393b35; }
.CONTRIBFORM .BIGCHECKBOX:hover { background:#8c6f35; }
.CONTRIBFORM .BIGCHECKBOX LABEL { background:#ededed; }
.CONTRIBFORM .BIGCHECKBOX LABEL::after { border-color:#a2520e; }

.CONTRIBFORM TD.PREMODER { font-size:100%; font-weight:normal; color:#7e1818; text-align:center; }

OUTPUT.LetCounter { color:#959595; padding-left:10px; text-shadow:none; font-weight:normal; }
.LetCounter B { background-color:#56835E; color:#FFF; font-family:Arial,sans-serif; font-size:80%; padding:3px 5px 1px 4px; border:2px solid #1C2C1F; border-radius:5px; }
.LetCounter B.LetNoFit { background-color:#B06A49 !important; border:2px solid #982315 !important; }
.LetCounter SPAN { color:#A5B7AB; }
.LetCounter SPAN.WarnNoFit { color:#C5562B; }

.HELPTEXT { padding:.3em .2em .5em .6em; background:#F9F7F2; border-top:3px solid #D5BEA1; font-weight:normal; font-size:90%; }

/* ------------------ FORUM TOPICS ETC COMMON ELEMENTS -------------------- */


TABLE.TOPICLIST { width:100%; position:relative; border-collapse:collapse; font-size:100%;  }
.TOPICLIST TR.SMALLGAP TD { height:14px; background:transparent; border:none; }
.TOPICLIST TR:last-child TD { border-bottom:1px solid #DBD8D8; }
.TOPICLIST TH { background:#B4D5C0 url("/i/bgr/hatch.png"); padding:3px 2px; color:#564240; text-shadow:1px 1px 1px #EEE;  }
.TOPICLIST TD { vertical-align:top; background-color:#FFF; border-bottom:1px solid #E1E0E0; padding: 4px 2px 6px 2px;  }



.TOPICLIST TH:first-child { border-top-left-radius:12px; border-bottom-left-radius:12px; padding:0; }
.TOPICLIST TH:last-child { border-top-right-radius:12px; border-bottom-right-radius:12px; padding:0; }
.TOPICLIST TD:first-child { width:12px; max-width:12px; padding:0; background:transparent !important; border-bottom:none !important; /*border-right:1px solid #E6E6E6;*/ }
.TOPICLIST TD:last-child { width:12px; max-width:12px; padding:0; background:transparent !important; border-bottom:none !important; /*border-left:1px solid #DFDFDF;*/ }
.TOPICLIST TD:nth-child(2) { padding-left:6px; }
.TOPICLIST TD:nth-last-child(2) { text-align:center; }

.TOPICLIST U {text-decoration:none; }
.TOPICLIST TR.unread TD, .TOPICLIST TR.today TD { background-color:#E9DBD4; }
.TOPICLIST TR.fpin TD { background:rgba(137, 137, 176, .24); }
.TOPICLIST TR.fpin TD:nth-child(2) { padding-left:15px; }
.TOPICLIST TR.fpin TD:first-child { position:relative; }
.TOPICLIST TR.fpin TD:first-child::after { content:url("/i/el/pin.png"); position:absolute; bottom:.4em; left:4px; }
.TOPICLIST TR.fpin A { color:#d57a37; }
.TOPICLIST TR.fpin A:hover { color:#ec612b; }
.TOPICLIST TR.unread U { padding:0 7px 3px; border:1px solid black; border-radius:12px; background-color:#F8EFDF; }
.TOPICLIST TR U.UnMod  { padding:0 7px 3px; border:1px solid black; border-radius:12px; background-color:#BCAA96; color:#FFF; text-shadow:1px 1px 2px #000;  }

/*.TOPICLIST TR:nth-child(n+3):hover TD {background-color:#F5F5F5; }*/


DIV#FLATFORUM { }

#FLATFORUM>SECTION>DIV:first-of-type {  margin-top:2em; border-top-left-radius:7px; border-top-right-radius:7px; border-bottom-left-radius:6px; background:rgba(108, 94, 68, .2); color:#505050; padding: 3px 8px 2px 5px; border-bottom:1px solid rgba(120, 93, 93, .2); }
#FLATFORUM>SECTION>DIV:first-of-type A, #FLATFORUM>SECTION>DIV:first-of-type A:visited { color:#1A63F8; }
#FLATFORUM>SECTION>DIV:first-of-type BIG { font-size:100%; color:#7D2424; text-shadow:1px 1px 2px #FFF; padding-left:9px; }

#FLATFORUM>SECTION>DIV:nth-of-type(2) { background-color:#FFF; margin:1px 5px 0 8px; padding:3px 3px 8px 6px; }
#FLATFORUM.FORUMTHUMBCORR > SECTION > DIV:nth-of-type(2) { min-height:120px; }
#FLATFORUM.FORUMTHUMBCORR > SECTION > DIV.UNMODERATED { background-color:rgba(192, 192, 192, .15); border:1px solid #c9c9c9; border-top:none; color:#777; }
#FLATFORUM .UserPic { float:right; margin:.5em; box-shadow:1px 1px 3px #AAA; }

#FLATFORUM .Moderat { clear:both; margin:2px 8px 0; color:#a14615; font-size:80%; text-align:right; }
#FLATFORUM .Moderat > INPUT { vertical-align:middle; margin:auto .3em auto .7em; }
#FLATFORUM .Moderat > INPUT[type="checkbox"] { margin-right:.4em; }


#USERSLIST { width:100%; text-align:center; }

#USERSLIST SECTION { display:inline-block; vertical-align:top; width:31%; margin:0 1% 1.3em 1%; border-radius:7px; box-shadow:1px 1px 2px #cbcbcb;  }
/*#USERSLIST>SECTION:nth-of-type(3n+2) { margin:0 3% 1em 3%; }*/

#USERSLIST SECTION>DIV:first-of-type { padding:.2em .3em; background:#cddecb url("/i/bgr/hatch.png"); border-top-left-radius:7px; border-top-right-radius:7px; }
#USERSLIST SECTION>DIV:nth-of-type(2) { padding:1px; background-color:#FFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; text-align:center; }
#USERSLIST SECTION>DIV:nth-of-type(2)>DIV:last-of-type { margin:.3em 0 .5em; }
#USERSLIST .UserPic { width:6.6em; height:8.3em; margin:.6em auto; box-shadow:1px 1px 4px #cfcfcf; /*-webkit-mask-image:none;*/ }
#USERSLIST .UserPic IMG { width:6.6em; height:8.3em; }


TABLE#USRplusTXT { width:100%; border-spacing:0; }
TABLE#USRplusTXT TD { border:0; }

TABLE#USRplusTXT TR:nth-of-type(2n-1) > TD { background:rgba(179, 166, 141, .2); color:#505050; padding: 3px 8px 2px 5px; border-bottom:1px solid rgba(120, 93, 93, 0.2); }
#USRplusTXT TR:nth-of-type(2n-1) > TD:first-of-type { border-top-left-radius:7px; white-space:nowrap; }
#USRplusTXT TR:nth-of-type(2n-1) A,  #USRplusTXT TR:nth-of-type(2n-1) A:visited { color:#1A63F8; }
#USRplusTXT TR:nth-of-type(2n-1) > TD:last-of-type {  padding-left:.7em; font-weight:bold; color:rgba(68, 71, 74, .6); border-top-right-radius:7px; }

#USRplusTXT TR:nth-of-type(2n) > TD { vertical-align:top; border-bottom:1em solid transparent; }
#USRplusTXT TR:nth-of-type(2n) > TD:first-of-type { padding:.4em; }
#USRplusTXT TR:nth-of-type(2n) > TD:last-of-type > DIV { margin-right:3px; padding:.6em .5em 1em; background-color:#FFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px;  }
#USRplusTXT .UserPic { margin:.2em auto; width:5.3em; height:6.6em; box-shadow:2px 2px 4px #797979; /*-webkit-mask-image:none;*/ }
#USRplusTXT .UserPic IMG { width:5.3em; height:6.6em; }

/* --------------------  PAGE NAVIGATION START -------------------- */

#PagingTable { width:100%; }
#PagingTable TD { border:0; padding:0; }
#PagingTable TD:first-of-type, #PagingTable TD:last-of-type { width:70px; }
#PagingTable TD:first-of-type IMG, #PagingTable TD:last-of-type IMG {  width:70px; height:49px; border:none; }

DIV.PageNav { background:transparent url('/i/el/traces.gif') repeat-x left center; }
.PageNav TABLE { background:#F1F0EA url("/i/bgr/mainbg.gif") fixed; }
.PageNav TD { border:0; padding:0; }
.PageNav TD:nth-of-type(2) { font-size:80%; }
.PageNav TD:first-of-type, .PageNav TD:last-of-type { width:59px !important; }
.PageNav TD:first-of-type IMG, .PageNav TD:last-of-type IMG { width:59px !important; height:27px !important; }

DIV.PGMOV { margin-bottom:6px; }

.PGMOV A, .PGMOV A:visited  { color:#C06459; text-decoration:none; }
.PGMOV A:hover, .PGMOV A:active { color:#F03019;  }

.PageNav TD:nth-of-type(2) A, .PageNav TD:nth-of-type(2) A:visited
{
position:relative; bottom:0px; color:#9C5A52; font-family:serif; text-decoration:none; outline:0; padding:2px 6px; letter-spacing:1px;
font-weight:bold; background-color:#FFF; border:1px solid #866E61; border-radius:4px; transition: bottom .3s;
}

.PageNav TD:nth-of-type(2) A:hover, .PageNav TD:nth-of-type(2) A:active
{
color:#FFF; background-color:#AB735D; border:1px solid #8F432A;
}
.PageNav TD:nth-of-type(2) A:hover { bottom:3px; }
.PageNav TD:nth-of-type(2) A:active { bottom:0px; }


DIV.PageNav B
{
position:relative; bottom:1px; cursor:crosshair; color:#5C5C5C; font-family:serif; text-decoration:none; outline:0; padding:2px 6px; letter-spacing:1px;
background-color:#F8F8F8; border:2px solid #998E8E;
border-radius:4px; box-shadow: 2px 2px 3px #968F8F;
}


A.PAGEPREV, A.PAGEPREV:visited, A.PAGENEXT, A.PAGENEXT:visited
{
display:block; outline:0;  transition:transform .7s;
}

A.PAGEPREV:hover  { transform:rotate(-360deg); }
A.PAGENEXT:hover  { transform:rotate(360deg); }
A.PAGEPREV:active  { transform:translateX(-12px); filter:sepia(30%); }
A.PAGENEXT:active  { transform:translateX(12px); filter:sepia(30%); }



A.SHIFTR, A.SHIFTR:link, A.SHIFTR:visited, A.SHIFTL, A.SHIFTL:link, A.SHIFTL:visited
{
display:block; z-index:3; width:59px; height:27px; transition:transform .4s;
outline:0;
}

A.SHIFTR:hover  { transform:matrix(1, 0, .2, 1, -10, 0);  }
A.SHIFTL:hover  { transform:matrix(1, 0, -.2, 1, 10, 0); }
A.SHIFTR:active, A.SHIFTL:active  { transform:none; filter:sepia(50%);   }


.PGNAVINACT { opacity:.3; filter:grayscale(100%); }


FORM#PageJump { display:inline-block; margin-top:8px; padding:2px 4px 2px 4px; color:#454343; background-color:rgba(188, 159, 144, 0.34);  border-radius:10px; border:1px dashed #C99188;  }
#PageJump INPUT { font-family:Arial, sans-serif; font-size:80%; width:8ex; margin:2px 1px 1px; text-align:center; font-weight:bold; color:#426363; }
#PageJump IMG { cursor:pointer; width:34px; height:25px; border:none; vertical-align:middle; margin:0 2px 2px 5px; transition: transform .3s; }
#PageJump IMG:hover { transform:scale(1.3); }
#PageJump IMG:active { filter:sepia(30%); }

/* --------------------  PAGE NAVIGATION END -------------------- */


#PrevNextTable { width:100%;  -moz-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  }
#PrevNextTable B { font-size:250%; vertical-align:-.19em; color:#776B67; cursor:pointer; transition:.5s; }
#PrevNextTable TD:active B { vertical-align:-.1em; }
#PrevNextTable TD:first-of-type, #PrevNextTable TD:last-of-type {  font-weight:bold; white-space:nowrap;  }
#PrevNextTable TD:first-of-type:hover > B, #PrevNextTable TD:last-of-type:hover >  B { text-decoration:none; color:#A24E69; }
#PrevNextTable U { color:#7e7471; font-size:90%; text-decoration:none; cursor:pointer; transition:.2s; }
#PrevNextTable TD:hover U { text-decoration:underline; color:#A24E69;  }

#PrevNextTable BIG { font-size:250%; vertical-align:-.25em; color:#454545; }
#PrevNextTable EM { font-size:90%; font-style:normal; color:#454545; }

#PrevNextTable TD:nth-of-type(2) { width:100%; background:transparent url('/i/el/traces.gif') repeat-x left center; }






/* ------------------ ADAPTIVE DESIGN STUFF -------------------- */

@media screen and (max-width:1400px)
{
HTML { font-size:18px; }
BODY { font-size:18px; }
DIV#LEFTSIDE { padding-left:.3em; }
DIV#RIGHTSIDE { padding-right:.3em; }
TEXTAREA {font-size:18px;  }
}

@media screen and (max-width:1200px)
{
HTML { font-size:16px; }
BODY { font-size:16px; }
DIV#MAINCONTENT { padding:0 1em; }
TABLE.TOPICLIST TD.DT, TABLE.TOPICLIST TH.DT { display:none; }
DIV.DROPD, DIV.AUTHENTER { font-size:100%;  }
TEXTAREA {font-size:16px;  }
#HPcontent TABLE TR TD:nth-of-type(2) { display:none; }
}

@media screen and (max-width:1080px)
{
DIV#LEFTSIDE { width:20%; padding:95px 0 .5em .3em; }
DIV#MAINCONTENT { width:80%; padding:0 0 0 1em;  }
DIV#RIGHTSIDE { display:none; }
}