/* 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);
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block;  } /* For IE */

HTML { font-size:16px; }
BODY { margin:0; font-family:sans-serif; font-size:16px; line-height:1.4; background:#F0F0EC; /*-webkit-text-size-adjust:none; text-size-adjust:none; */ }
A { color:#0080FF; }
A:visited { color:#008080; }
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; }

HEADER { position:fixed; z-index:100; top:0; height:31px; width:100%; box-sizing:border-box; padding:0 5px 0 0px; background:#7a5e57 url("/i/bgr/gears_bg_horiz.png"); font-size:20px; color:#FFF; text-shadow:1px 1px 1px #505050; font-variant:small-caps; letter-spacing:1px; box-shadow:0 3px 3px 0 rgba(0,0,0,.3);  -moz-user-select:none;  -webkit-user-select:none;  -ms-user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -ms-touch-action:none;  }

#topstatus { position:fixed; z-index:800; width:100%; max-height:50%; top:-55%; box-sizing:border-box; padding:3px; background:#556642; transition:.3s;  cursor:crosshair; }
#topstatus DIV { width:100%; height:100%; box-sizing:border-box; padding:7px 3px; background:#DEDAC6; border-radius: 0 0 10px 10px; font-weight:bold; text-align:center; transition:.6s; }

#TOPSPACER { height:34px; }

/* "Main" has important role in mobile version. With ONCLICK="" it forces javascript clickable in iPhone! */

MAIN { max-width:800px; margin:0 auto; min-height:80vh; -webkit-tap-highlight-color:rgba(0,0,0,0); -ms-touch-action:none; }
MAIN A { -webkit-tap-highlight-color:#D2DDB4; }


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

#DROPDLEFT { position:fixed; z-index:110; top:0px; height:43px; min-width:140px; max-width:40%; white-space:nowrap; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); }
#DROPDLEFT IMG { z-index:120; width:40px; height:40px; margin:0 4px; position:relative; transition:1s; }
#DROPDLEFT:active IMG { transform:rotate(15deg) scale(1.5); }
#DROPDLEFT B { position:relative; top:-18px; }


#MAINMENU { position:fixed; visibility:hidden; z-index:40; display:block; margin:0; top:-110%; text-align:left; list-style-type:none; padding:5px 0 0; background:rgba(158, 126, 106, .9); font-size:20px; border-right:1px solid rgba(134, 120, 110, .7); border-bottom:1px solid rgba(101, 95, 91, .7);  border-bottom-right-radius:15px 7px; cursor:default;  transition:.3s;  -webkit-tap-highlight-color:rgba(0,0,0,0);   }

#MAINMENU LI { margin:5px 10px 5px 5px; padding:5px; font-weight:bold; color:#FFF; white-space:nowrap; text-shadow: 1px 1px 1px #505050; font-variant:small-caps; letter-spacing:1px; cursor:pointer; }
#MAINMENU LI::after { content:"\25BA"; position:relative; z-index:30; left:2px; top:-1px; font-size:14px; color:#e9e4b6; padding-left:3px; }


#MAINMENU LI DIV { z-index:40; opacity:0; position:absolute; top:20px; left:-300px; border:1px solid #EDEDED; background:rgba(66, 50, 50, 0.8); box-shadow:0 1px 3px #606060; font-size:14px; transition:opacity .5s; }
#MAINMENU LI:hover DIV, #MAINMENU LI:focus DIV, #MAINMENU LI:active DIV { opacity:1; left:145px; }
#MAINMENU A, #MAINMENU A:visited, #MAINMENU U { display:block; padding:8px; text-decoration:none; color:#FFF;  -webkit-tap-highlight-color:rgba(181, 190, 126, .8);  }
/*#MAINMENU A:active { background:#806C6C; color:#F5E6BC; }*/
#MAINMENU U { color:#AAA; }



#DROPRIGHT { display:block; float:right; z-index:200; right:0; top:0px; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); }
B#DROPRIGHT { margin-top:1px; }
B#DROPRIGHT::first-letter { color:#ccc9bc; }
U#DROPRIGHT { max-width:40%; overflow:hidden; white-space:nowrap; font-size:18px; text-decoration:none;  }
U#DROPRIGHT IMG { background-color:#B2A09A; width:32px; height:27px; vertical-align:middle; margin:2px 5px 5px 3px; }


#authform, #workmenu { position:fixed; z-index:70; margin:0; right:-300px; top:31px; padding:7px 4px 8px; background:rgba(158, 126, 106, .95); border-left:1px solid rgba(134, 120, 110, .7); border-bottom:1px solid rgba(101, 95, 91, .7); border-bottom-left-radius:15px 7px; color:#FFF; cursor:default; text-align:center; transition:.3s; }
#workmenu { padding:4px 6px 6px 8px; font-size:18px; line-height:1.7; font-variant:small-caps; text-align:left; text-shadow:1px 1px 1px #505050; }


#authform INPUT:not([type="submit"])  { display:block; margin:12px 5px; width:200px; border-radius:10px; padding:5px; border:none; background:#FFF; font-weight:bold;  }
#authform INPUT:not([type="submit"]):focus  { background-color:#FBF2D5; }

#authform INPUT[type="submit"]    { display:block; margin:8px auto 10px; border-radius:1em;/* padding:8px 12px;*/ color:#FFEECB; font-size:15px; font-weight:bold; font-variant:small-caps; background:#8B443A; 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; border-color:#7B5748 #9B685D #845545 #956348;  }

#authform DIV:last-of-type { margin:5px 3px 0; text-align:left; line-height:1.8em; }

#authform BIG { text-shadow:1px 1px 1px #474437; color:#EFFFEC; font-size:130%; vertical-align:middle; }

#authform A, #authform A:visited { color:#F2F580; text-decoration:none; }
#workmenu A, #workmenu A:visited { color:#FF0; text-decoration:none; }
#authform A:hover, #workmenu A:hover {color:#8d2503; text-decoration:underline; }

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

#NewMsgArea { position:absolute; z-index:210; right:40%; /*vertical-align:-9px;*/ display:inline-block; box-sizing:border-box; width:33px; height:31px; margin:0 5px; overflow:hidden; background:url("/i/el/letter.gif") no-repeat center center; cursor:pointer; transition:.1s; }
#NewMsgArea:active { background-position:center 70%; }
#NewMsgArea B { position:absolute; display:block; right:0; top:1px; min-width:15px; padding:2px; background-color:#A51830; border:1px solid #ecd1d1; border-radius:50%; font-size:11px; color:#FFF; text-shadow: 1px 1px 1px #505050; text-align:center; opacity:0; transition:.2s;  }
#NewMsgArea:hover  B { color:#561c1c; background-color:#bf3e3e; text-shadow:1px 1px 1px #dac2c2; border:1px solid #561c1c; }

#FirstTimeBanner { position:relative; height:0; margin-top:-.2rem; background:rgba(21, 17, 37, .74); color:#FFF; transition:.7s; }
#FirstTimeBanner DIV { position:absolute; width:100%; top:15%; box-sizing:border-box; padding:0 1rem; text-align:center; font-size:110%; }
#FirstTimeBanner A { color:#FFF; }

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

ASIDE#BottomAd { text-align:center; margin:5px auto 15px; }

FOOTER  { box-sizing:border-box; width:100%; margin-top:1em;  border-top:1px solid #6a6a6a; font-size:12px; }
FOOTER P { margin:0; padding:.3em .3em .3em .5em; background: #2f1f18 url("/i/bgr/hatch.png"); color:#FFF; }
FOOTER SPAN { float:right;  }
FOOTER A, FOOTER A:visited { text-decoration:none; color:#F9DABB; }
FOOTER A:hover, FOOTER A:active { color:#F9DABB; }
FOOTER TABLE { background:#1b1b1b; box-sizing:content-box; width:100%; }
FOOTER TABLE TD:first-of-type { width:40%; padding-left:2px; color:#c5c5c5; }
FOOTER TABLE TD:last-of-type {  padding-right:2px; text-align:right; }
FOOTER TABLE DIV { display:block; margin:.4em auto; }

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

H1 { margin:1em 3px; font-family:serif; font-size:1.3em; line-height:1.2; font-variant:small-caps; color:#655B61; text-shadow:0 0 5px #FFF; text-align:center; }
H1 > EM { font-style:normal; color:#964530; }

H2 { font-size:1.2em; color:#655959; text-shadow: 1px 1px 0px #DAAC2A; }
H2 > EM { font-style:normal; color:#AC520F; text-shadow: 1px 1px 0px #C4E6A9; font-variant:small-caps; }

H3 { font-size:1.1em; color:#866C65; text-align:center; padding-bottom:2px; text-shadow:1px 1px 0px #DAAC2A; }
H3 > EM { font-style:normal; color:#655959; text-shadow: 1px 1px 0px #C4E6A9; font-variant:small-caps; }

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:4px; border:0; outline:0; vertical-align:text-top !important; }
IMG[src="/i/el/admmsg.png"] { width:51px; }


DIV.UserPic { width:80px; height:100px; overflow:hidden; border-radius:10px;  }
DIV.UserPic IMG { width:80px; height:100px; }

OL, UL { padding-left:1.2em; }


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

ASIDE.ContentAd { margin:.5em 0 .8em;  }
ASIDE.ContentAd > DIV:first-of-type   { margin:auto .8vw; 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 { margin:auto .8vw; padding:.5em .5em .2em .7em; font-size:85%; line-height:1.3; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto;  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; }

.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:90%; 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:90%; 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; }   DIV.CA_forums { background-color:#FEF0FB; }
DIV.CAH_jokes { background-color:#abcec2; }    DIV.CA_jokes { background-color:#F1F5F1; }
DIV.CAH_blogs { background-color:#BAC5D2;  }    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; }     DIV.CA_ezhe { background-color:#FBF6F4; }
DIV.CAH_flash { background-color:#DBBBBE; }    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; }

P.ReadMore { margin:1em .8vw .6em; font-weight:bold; text-shadow:1px 1px 1px #FFF; }



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


#HistoryP { position:fixed; z-index:300; height:100%; width:90%; top:0; left:-91%; transition:.6s; }

#HPtabs {  height:40px; background:rgba(119, 115, 107, .7); box-shadow:2px 1px 2px rgba(82, 80, 80, .71); }


#HPtabs>DIV { display:inline-block; margin:5px 3% 0; width:20%; height:35px; background-color:#DDD; border-radius:14px 10px 0 0; text-align:center; }
#HPtabs>DIV>IMG { width:27px; height:26px; margin-top:4px; }
#HPtabs>DIV#HP_ACTIVE_TAB>IMG { border-radius:5px; box-shadow:0 0 6px rgba(255, 255, 255, .8);  }

#HPgrip { position:absolute; min-width:16px; height:auto; min-height:100px; bottom:70px; left:100%; padding:3px 1px 1px; background:rgba(197, 196, 196, 0.55); color:#464545; border-radius:0 5px 5px 0; box-shadow:-2px 0px 2px #6d6d6d inset; font-size:13px; text-shadow:1px 1px 1px #FFF; letter-spacing:1px; text-align:center; -webkit-writing-mode:vertical-lr; writing-mode:vertical-lr; cursor:pointer; }
#HPgrip:active { background:#d8d3af !important; color:#6d5050; }

#HPgripB { display:inline-block; vertical-align:bottom; -webkit-transform:rotateZ(-90deg); transform:rotateZ(-90deg); transition:.5s; }


#HPtitle { width:100%; padding:3px 0; box-shadow:-2px -2px 8px rgb(72, 72, 72) inset, 2px 0 3px #6f6f6f; color:#EAE3E3; text-align:center; text-shadow: 1px 1px 1px #505050; }

#HPcontent { height:100%; background:#DDD; overflow-y:auto; overflow-x:hidden; box-shadow:1px 0 4px #656464; }

#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); }

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

#HPcontent>table TR:last-of-type TD { border-bottom:none; }
#HPcontent>table TD IMG { margin:0 .2em 0 .3em;  }


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


#UserAnk, #UserPric { position:fixed; top:-110%; z-index:500; width:100%; height:100%; transition:.4s;    }
#UserPric { top:0; left:-110%; z-index:550; }

#UAtitle, #UPtitle { box-sizing:border-box; width:100%; padding:3px 0; text-align:center; /*border-bottom:1px solid #969089;*/ border-left:2px solid #9e9378; box-shadow:inset 0px -3px 5px #655F4D, 2px 0 5px #444; color:#3B3836; text-shadow:1px 1px 1px #9E948B; background:rgba(161, 151, 125, .96); cursor:crosshair; }
#UAtitle>EM, #UPtitle>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); }

#UAcont, #UApric { height:100%; overflow-y:scroll; overflow-x:hidden; color:#ECE7E7; background-color:#3b3838; border-left:2px solid #66635c; border-right:2px solid #5c5b57; border-bottom:2px solid rgba(245, 237, 219, 0.4);  }

#UApric { text-align:center; }
#UApric FIGURE { display:inline-block; vertical-align:top; width:140px; margin:10px 4px;  }
#UApric FIGURE IMG { display:block; margin:0 auto 4px; height:100px; width:80px; border:0; outline:0; border-radius:8px;  }
#UApric FIGURE DIV { color:#FFF; font-size:13px; font-weight:bold; }
#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; }


.UApullup { position:absolute; width:100%; left:0; bottom:0; background-color:#000; cursor:crosshair;  }
.UApullup DIV  { width:100%; background:#81725E url("/i/bgr/hatch.png"); border:1px solid #897D6E; box-shadow:inset 0px 2px 5px #655F4D; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:#E4E4C3; text-shadow: 1px 1px 1px #806954; text-align:center; transition:.3s; }

#UAcont DIV.AnkPlashka { margin:1em 2px .7em; border-radius:5px; 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 4px; }
#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, #UAcont P.NOTIMPR { font-size:80%; line-height:1.3em; }
#UAcont P.NOTIMPR { text-align:right; }
#UAcont P.AnkFooter1 { margin:30px 10px 0px; text-align:right; font-size:80%; }
#UAcont P.AnkFooter2 { margin:5px 10px 60px; text-align:right; font-size:80%; }
#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.ANKTHUMB { text-align:center; }
#UAcont DIV.ANKTHUMB IMG {  margin:.7em auto 0; width:6.6em; height:8.3em; border:1px solid #505050; border-radius:8px; box-shadow:1px 1px 5px #212121; cursor:pointer; }
#UAcont P#TextAreaDiv { text-align:center; margin-top:-10px; }

#OpenPricepBtn { position:relative; background:#574F46; padding:3px 6px 3px 12px; border:2px solid #A68D68; border-top-right-radius:8px; border-bottom-right-radius:8px; color:#E1BF8B; cursor:pointer; }
#OpenPricepBtn::before { content:"\21D2"; position:absolute; top:-8px; left:-12px; font-size:25px; color:#E1BF8B; text-shadow: 1px 0 0 #FFF; }
#OpenPricepBtn B { color:#FFF; font-size:100%; text-decoration:none; outline:0; }


#UAcont TEXTAREA { height:15ex; border:2px groove #A56F00;    }
#UAcont TEXTAREA:focus { border:1px solid #E67A56; box-shadow:#E9E9E9 0 0 4px;  }

TABLE#TCHOICE { width:100%; }
#TCHOICE TD { text-align:center; line-height:.9em; }
#TCHOICE SPAN {margin-bottom:.3em; }
#TCHOICE B { font-weight:normal; font-size:80%; }

TABLE#VOXPOP { min-width:100%; border-collapse:collapse; margin:10px -2px; }
#VOXPOP TR:nth-of-type(3n-2) { background-color:#505050; }
#VOXPOP TR:nth-of-type(3n-2) TD:first-child { padding:2px 1px 2px 5px; border-top-left-radius:5px;  }
#VOXPOP TR:nth-of-type(3n-2) TD:last-child { padding:2px 7px 2px 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 20px 10px;  }



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


#SSSCONT { position:fixed; top:-17rem; z-index:400; width:100%; height:15rem; background:#b7b8ab; box-shadow:0 2px 5px #606060; transition:.4s; overflow-y:auto; overflow-x:hidden; }
#SSSCONT>DIV:first-of-type {  position:absolute; width:19px; height:19px; top:3px; right:4px; background:#a55935; border-radius:50%; }

#SSSclose { position:absolute; top:1px; right:2px; width:24px; height:24px; /*left:5px; top:-3px; font-size:150%; font-weight:bold; color:#c9a785; text-shadow:0px 1px 4px #9e4321;*/ cursor:crosshair; }
#SSSclose>IMG { width:24px; height:24px; }


#SSSCONT>DIV:nth-of-type(3) { box-sizing:border-box; width:100%; padding:2px 0; text-align:center; border-bottom:1px solid #969089; box-shadow:inset 0px -1px 2px #cecac1,2px 0 5px #444; color:#FDFDFD; /* font-weight:bold; */ text-shadow:1px 1px 1px #6e6054; letter-spacing:.03em; background:#846D56 url("/i/bgr/hatch.png"); }



#MSGBLOCK { box-sizing:border-box; /*padding-bottom:40px;*/ /*max-height:calc(100% - 27px); overflow-y:auto; overflow-x:hidden;*/ }
#MSGBLOCK #NO_NEW_MSGS { font-weight:bold; font-size:110%; margin:10% 10px 20px; color:#c54809; text-align:center; }

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

.MSGSLIST>P.SINGLETO { margin:0px 2px 3px 3px; }
.MSGSLIST TEXTAREA { margin-bottom:.8em;   }

.MSGSLIST>DIV:first-of-type  { background-color:#ccb7a2; padding:2px 4px 1px 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:3px; font-size:11px; text-align:center; color:#7B7B7B; text-shadow:1px 1px 1px #FFF; background-color:#d1d6e2;  border-bottom:1px solid #C6C6C6;  }
.MSGSLIST>DIV:nth-of-type(2):active { color:#629b99; background-color:#f6f6f6; }

.MSGSLIST>DIV:nth-of-type(3) { width:98%; margin:0 auto; 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 0 3px 20%; padding:3px 3px 5px 5px; font-size:70%; background-color:#D9E6D0; border:1px solid #AAA; border-top: 1px solid #A4A4A4; }
.MSGSLIST>DIV>P.ME { margin:3px 20% 3px 0; background-color:#FFF; }
.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:1px 1px 1px 0; border-color:#AAA; border-top-color:#FFF; border-bottom-right-radius:50px 30px; }

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

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

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


.MSGSLIST>DIV:nth-of-type(3)>P>TIME { display:block; float:none; margin:0; text-align:center; font-size:70%; }
.MSGSLIST>DIV:nth-of-type(4) { padding:0 3px 3px 4px; font-size:90%; color:#174136; text-shadow:1px 1px 1px #96a099; }
.MSGSLIST>DIV:nth-of-type(5) { clear:both; padding:3px 5px 2px; }
.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; }



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


DIV.TwoCurtains { position:fixed; z-index:600; top:0; background-color:rgba(0,0,0,.8); width:100%; height:100%; transition:.5s;  }
DIV#PicPlacmnt { position:fixed; z-index:620; top:0; left:0; height:100%; width:100%; cursor:col-resize; }
DIV#PricRotDiv { position:absolute; overflow:hidden; margin:auto; top:0; left:-3px; bottom:0; right:0; width:250px; height:400px; text-align:center; border:3px solid #1A1919; border-radius:5px; box-shadow:0 0 4px #8d8282; transform-origin:50% 50% 5vw; transition:.3s; cursor:auto; }
IMG#PricPic2Show { height:auto; max-width:100%; max-height:100vh; max-width:100vw; opacity:0; transition:1s; }
#PricSecret, #PricPay { width:100%; height:100%; box-sizing:border-box; padding:1em; background-color:rgba(86, 143, 230, .6); font-size:12px; 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;  }
#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:630; top:40%; color:#3C3C3C; font-size:200%; text-shadow: 1px 1px 2px #FFF; cursor:pointer; transition:.2s;   -webkit-tap-highlight-color:rgba(0,0,0,0); -ms-touch-action:none; }
#PicMoveRight { right:0; }

#PicMoveLeft:not(.INACT):active, #PicMoveRight:not(.INACT):active { color:#000; }*/

#GalNavTit { position:absolute; z-index:630; top:0; width:100%; background-color:rgba(0,0,0, .4); text-align:center; color:#BFBFBF; }
#GalNavTit > OUTPUT { position:absolute; left:5px; top:0px; color:#bfbfbf; }
#GalNavTit > IMG { display:block; position:absolute; top:1px; right:2px; width:24px; height:24px; cursor:crosshair; }


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

ASIDE#SiteGuide
 {
position:absolute; top:-20%; bottom:0; left:0; right:0; margin:auto; padding:.5em 0 3em;
width:90vmin; height:70vh; min-height:80vmin; color:#573F2E;
background:#F1F0EA; 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); -webkit-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%; overflow:auto; transform:rotate(2deg); -webkit-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-size:80%; color:#68625f; font-weight:bold; text-shadow: 1px 1px 1px #D0D0D0;  }

/* 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:1000; background-color:rgba(0,0,0,0); width:100%; height:100%; transition:.2s;  }
DIV#GrayBoxAlert
 {
position:absolute; left:0; right:0; width:80%; min-width:200px; max-width:500px; margin:auto; top:40%; padding:1.5em 1em 2em; -webkit-transform:translateY(-60%); transform:translateY(-60%); border:4px double #BD3619; border-radius:20px;
box-shadow: 4px 8px 20px #8D735B inset, -2px -5px 15px #A28971 inset, 3px 5px 8px #4A4A4A; font-weight:bold; color:#573F2E;
background:#F3F3F1; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; cursor:pointer;
 }
#GrayBoxAlert IMG { display:block; margin:-68px auto 0; }
#GrayBoxAlert H5 { margin:0 0 .8em; text-align:center; font-size:120%; color:#AA2121; text-shadow:1px 1px 1px #A7B152; -moz-hyphens:none; -webkit-hyphens:none; -ms-hyphens:none }
#GrayBoxAlert B { color:#AA2121; text-shadow:1px 1px 1px #A7B152; font-size:110%; }

#ServerError { margin:2em 1em; text-align:center; line-height:1.5; }
#ServerError H3 { margin-bottom:2em; color:#9E372B; }
#ServerError STRONG { font-family:sans-serif; font-size:150%; color:#555; }

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:focus { color:#A84263; border-bottom:2px dotted #A84263; }


DIV.DomFlagCol { width:100%; height:33.333%; }
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; }


OL.BIGLIST { counter-reset:LiCounter; padding-left:.2em;  }
.BIGLIST LI { position:relative; list-style:none; margin-bottom:1.8em; padding-left:2.2em; font-size:90%; }
.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:.5em; 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; padding-left:1.5em; }
.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:110%; 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.SMALLMARGLIST { margin:1.6em auto; padding-left:1.2em; }
UL.SMALLMARGLIST LI { margin-bottom:.6em; }

FIGURE.MediaLink, IFRAME.EmbeddedVideo { margin:10px auto 15px; width:11em; height:7em; border:5px solid #F9F9F9; border-radius:10px; box-shadow:1px 1px 5px #746C6C; }
.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; text-align:center; cursor:pointer; cursor:zoom-in; }
IFRAME.EmbeddedVideo { width:16em; height:10em; max-width:90%; }

/* используется уже в новом сайте! */
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; }
.MARGINED { margin:1em .8vw; }

P.CREATE_NEW_AT_RIGHT {text-align:right; margin:auto 8px 20px auto; font-size:80%;  }
P.CREATE_NEW_AT_RIGHT SPAN { position:relative; white-space:nowrap; background-color:#FFF; padding:6px 5px 6px 15px; border-radius:10px; border:1px dashed #C99188; }
P.CREATE_NEW_AT_RIGHT A, P.CREATE_NEW_AT_RIGHT A:visited { color:#B0635B; text-decoration:none; }
P.CREATE_NEW_AT_RIGHT>SPAN::before { content:"\270D"; position:absolute; top:-12px; left:-8px; font-size:30px; color:#897575;  transition:.2s; }
P.CREATE_NEW_AT_RIGHT SPAN:active { border:1px dashed #7F9917; }
P.CREATE_NEW_AT_RIGHT A:active { color:#C52A1A; }
P.CREATE_NEW_AT_RIGHT:active > SPAN::before { top:-6px; }

P.RETURN_BACK_AT_RIGHT {text-align:right; margin:auto 8px 20px auto; font-size:80%;  }
P.RETURN_BACK_AT_RIGHT SPAN { position:relative; white-space:nowrap; background-color:#FFF; padding:6px 5px 6px 15px; border-radius:10px; border:1px dashed #4A6D72; }
P.RETURN_BACK_AT_RIGHT A, P.RETURN_BACK_AT_RIGHT A:visited { color:#6A8C92; text-decoration:none; }
P.RETURN_BACK_AT_RIGHT>SPAN::before { content:"\21D1"; position:absolute; top:-16px; left:-1px; font-size:30px; color:#FFF; text-shadow:0 0 2px #180b07; transition:.2s; }
P.RETURN_BACK_AT_RIGHT SPAN:active { border:1px dashed #A8713C; }
P.RETURN_BACK_AT_RIGHT A:active { color:#247483; }
P.RETURN_BACK_AT_RIGHT:active > SPAN::before { top:-22px; }

P.SEE_ALSO_LINK {text-align:left; margin:auto auto 20px 8px; font-size:80%;  }
P.SEE_ALSO_LINK SPAN { position:relative; white-space:nowrap; background-color:#FFF; padding:6px 5px 6px 15px; border-radius:10px; border:1px dashed #34555A; }
P.SEE_ALSO_LINK A, P.SEE_ALSO_LINK A:visited { color:#6A8C92; text-decoration:none; }
P.SEE_ALSO_LINK>SPAN::before { content:"\261E"; position:absolute; top:-12px; left:-8px; font-size:30px; color:#897575; transition:.3s;  }
P.SEE_ALSO_LINK SPAN:active { border:1px dashed #A8713C; }
P.SEE_ALSO_LINK A:active { color:#247483; }
P.SEE_ALSO_LINK:active > SPAN::before { left:-2px; }

P.SHAREME {text-align:left; font-size:80%; margin:auto auto 20px 8px;  }
P.SHAREME SPAN { white-space:nowrap; padding:4px 5px 5px 5px; border-radius:10px; background:#6CCCAA url("/i/bgr/hatch.png"); border:3px dashed #42AD43;  }
P.SHAREME A, P.SHAREME A:visited { color:#FFF; font-weight:bold; text-decoration:none; outline:0; }

DIV.DOUBLE_BTN { }
.DOUBLE_BTN::after { content:""; display:table; clear:both; }
.DOUBLE_BTN > .CREATE_NEW_AT_RIGHT, .DOUBLE_BTN > .RETURN_BACK_AT_RIGHT, .DOUBLE_BTN > .SEE_ALSO_LINK, .DOUBLE_BTN > .SHAREME { display:inline-block; }
.DOUBLE_BTN > P { vertical-align:middle; margin:10px 2px 8px 10px !important; float:right; }
/*.DOUBLE_BTN > P:first-of-type { margin-left:8px; float:none; }*/


P.SHOW_MORE {text-align:center; margin:10px auto 90px; }
P.SHOW_MORE A, P.SHOW_MORE A:visited { background-color:#E3DAC8; padding:2px 18px 5px; border-radius:10px; border:2px dotted #8B8D8F; color:#8D5441; text-decoration:none; outline:0; }

@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; }

/*HR { width:95%; margin:15px auto; }*/
DIV.HR { position:relative; height:1px; width:90%; margin:15px auto; border-top:2px dotted #444; }
DIV.HR::before { content:"\BB"; position:absolute; top:-23px; left:-14px; font-size:30px; color:#929292; }
DIV.HR::after { content:"\AB"; position:absolute; top:-23px; right:-14px; font-size:30px; color:#929292; }
DIV.AFTERHR { width:95%; box-sizing:border-box; margin:0 auto; padding:.4em; background:rgba(240, 242, 138, .7); color:#426333; border-radius:0 0 15px 10px; font-size:90%; }

SECTION.COMMONWHITE, SECTION.PLASH_ROUND_FFF, SECTION.NOTICEPLASHKA { margin:auto .8vw; padding:.7em; background:#FFF; box-shadow:0 0 2px #241f1f inset; border-radius:.4em; }
SECTION.COMMONWHITE { box-shadow:0 1px 2px #AAA; border-radius:0;  }
.COMMONWHITE>P:first-of-type, .PLASH_ROUND_FFF>P:first-of-type, .NOTICEPLASHKA>P:first-of-type { margin-top:0; }
.COMMONWHITE>P:last-of-type, .PLASH_ROUND_FFF>P:last-of-type, .NOTICEPLASHKA>P:last-of-type { margin-bottom:0; }

SECTION.NOTICEPLASHKA { position:relative; margin:auto 1.2vw; padding:.6em; background:#fef3e1; border:3px double #ba9292; box-shadow:0 0 3px #241f1f; font-size:90%; }
SECTION.NOTICEPLASHKA::before { content:"\270E"; position:absolute; top:-23px; left:-11px; font-size:30px; color:#646464; }

SECTION.ROLLOUT { box-sizing:border-box; margin:auto .8vw; 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 5px 0; font-size:90%; }
.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; 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;
}

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

INPUT[type="text"], INPUT[type="password"], TEXTAREA { outline:0; }

INPUT[type="text"], INPUT[type="password"] { box-sizing:border-box; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; box-shadow:0 1px 3px inset #CCC; padding:2px 2px 0 4px; color:#000000; font-size:16px; }
INPUT[type="text"]:-ms-input-placeholder, INPUT[type="password"]:-ms-input-placeholder { color:#000; opacity:.3;}
INPUT[type="text"]::-webkit-input-placeholder, INPUT[type="password"]::-webkit-input-placeholder { color:#000; opacity:.3; }
INPUT[type="text"]::-moz-placeholder, INPUT[type="password"]::-moz-placeholder { color:#000; opacity:.3; }

INPUT[type="file"] { max-width:100%; background:#FFF; color:#20b3c5 !important; }

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 { display:block; margin:0 auto; box-sizing:border-box; overflow:auto; width:97%; height:5em; font:inherit; font-size:90%; padding:2px 1px 2px 3px; border-top:1px solid #BBB; border-left:1px solid #BBB; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; color:#000000;  }

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

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

SPAN.BIGCHECKBOX, SPAN.BIGRADIO { display:inline-block; width:28px; height:28px; position:relative; margin:auto .5em auto auto; vertical-align:middle; 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(34, 34, 34, .4) }

.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"]
{
padding:.3em .7em; font-size:100%; color:#FFFFFF; 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"].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"]: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:99%; margin:0 auto; border-collapse:collapse; }
.CONTRIBFORM TD:not(.Container) { text-align:left; font-weight:bold; font-size:90%; color:#222; text-shadow:2px 2px 1px #FFF; }

.CONTRIBFORM TD.TRTEXTAREA { padding-top:.2em; }

.CONTRIBFORM TR.OneStr TD:first-child { width:10%; padding-right:.3em; white-space:nowrap; font-size:90%; }

.CONTRIBFORM INPUT[type="text"], .CONTRIBFORM INPUT[type="file"]  { width:100%; }
.CONTRIBFORM SELECT { max-width:100%; }

.CONTRIBFORM TEXTAREA { width:100%; font-size:100%; font-weight:normal; }

.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:90%; font-weight:normal; text-align:center; }

.CONTRIBFORM .BIGCHECKBOX { background:#393b35; width:22px; height:22px;  }
.CONTRIBFORM .BIGCHECKBOX LABEL { background:#ededed; width:16px; height:16px; top:3px; left:3px; }
.CONTRIBFORM .BIGCHECKBOX LABEL::after { border-color:#a2520e; width:7px; height:4px; top:4px; left:3px; }

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



OUTPUT.LetCounter { color:#959595; padding-left:.2em; text-shadow:1px 1px 1px #38786F; }
.LetCounter B { background-color:#6b8b71; color:#FFFFFF; font-size:80%; padding:3px 5px 1px 4px; border:2px solid #676767; border-radius:5px; }
.LetCounter B.LetNoFit { background-color:#B06A49; border:2px solid #982315;}

.HELPTEXT { padding:.3em .3em .5em .4em; 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; }
.TOPICLIST TR.SMALLGAP TD { height:10px; 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 0; color:#564240; text-shadow:1px 1px 1px #EEE;  }
.TOPICLIST TD { background-color:#FFFFFF; border-bottom: 1px solid #E9E9E9; padding:3px 2px 4px 3px; font-size:90%;  -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }


.TOPICLIST TH:first-child  { width:8px; padding:0; border-radius:10px 0 0 10px; border-left:2px solid transparent; }
.TOPICLIST TH:last-child { width:8px; padding:0; border-radius:0 10px 10px 0; padding:0; border-right:2px solid transparent; }
.TOPICLIST TD:first-child, .TOPICLIST TD:last-child { width:8px; padding:0; background:transparent !important; border-bottom:none !important;  }
.TOPICLIST TD:nth-last-child(2) { text-align:center; }

.TOPICLIST U {text-decoration:none; }
.TOPICLIST TR.unread TD, .TOPICLIST TR.today TD { background-color:#f1e1d7; border-bottom: 1px solid #b9b9b9; }
.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.unread U { padding:0 3px; border:1px solid black; border-radius:12px; background-color:#F8EFDF; }
.TOPICLIST TR U.UnMod  { padding:0 3px; border:1px solid black; border-radius:12px; background-color:#BCAA96; color:#FFF; text-shadow:1px 1px 2px #000;  }

/*DIV#FLATFORUM { }*/

#FLATFORUM>SECTION>DIV:first-of-type {  margin-top:1.2em; border-top-left-radius:7px; border-top-right-radius:7px; border-bottom-left-radius:6px; background:#d8d5ce; color:#505050; padding: 3px 4px 2px 3px; border-bottom:1px solid #d5cdc7; }
#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:#8F4646; text-shadow:1px 1px 2px #FFF; padding-left:4px; }

#FLATFORUM>SECTION>DIV:nth-of-type(2) { background-color:#FFFFFF; margin:1px 3px 0 4px; padding:1px 1px 2px 3px; }
#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:#AE8372; font-size:80%; text-align:right; }


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

#USERSLIST>SECTION { display:inline-block; overflow:hidden; vertical-align:top; width:150px; margin:0 .5% 1.3em .5%; border-radius:7px; box-shadow:1px 1px 2px #cbcbcb;  }


#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:nth-of-type(2) { font-size:90%; }
#USERSLIST>SECTION>DIV:nth-of-type(2)>DIV:last-of-type { margin:.3em 0; font-size:90%; }
#USERSLIST .UserPic { margin:.6em auto; box-shadow: 1px 1px 4px #cfcfcf; }


TABLE#USRplusTXT { width:100%; border-spacing:0; margin-top:1.5em; }
TABLE#USRplusTXT TD { border:0; }

TABLE#USRplusTXT TR:nth-of-type(2n-1) > TD { background:rgba(179, 166, 141, .2); color:#505050; padding: 3px 2px 2px 2px; 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; padding-left:.2em; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; }
#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 { width:70%; padding-left:.5em; font-weight:bold; color:rgba(68, 71, 74, .6); border-top-right-radius:7px;  font-size:90%; text-align:right; }

#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 .2em; }
#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 !important; box-shadow:2px 2px 4px #797979;}
#USRplusTXT DIV.UserPic { width:4em; height:5em; margin:.1em .4em 0 2em; }
#USRplusTXT DIV.UserPic IMG { width:4em; height:5em; }


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

#PagingTable { width:100%; margin:15px 0; }
#PagingTable TD { border:0 padding:0; }

#PagingTable TR:first-of-type>TD { font-size:90%; padding:0 2px 5px; text-align:center; }
#PagingTable TR:first-of-type>TD>A,  #PagingTable TR:first-of-type>TD>A>A:visited { color:#C06459; text-decoration:none; }

#PagingTable TR:nth-of-type(2)>TD:first-of-type, #PagingTable TR:nth-of-type(2)>TD:last-of-type { max-width:25px; font-size:25px; color:#B5B5B3; }

#PagingTable A[rel="prev"], #PagingTable A[rel="next"], #PagingTable A[rel="prev"]:visited, #PagingTable A[rel="next"]:visited, #PageJump SPAN
{ font-size:120%; text-decoration:none; color:#a27e62; text-shadow:2px 1px 1px #443b3b;  }

#PagingTable TR:nth-of-type(2)>TD:nth-of-type(2) { text-align:center; }
#PagingTable TR:nth-of-type(2)>TD:last-of-type { text-align:right; }

#PagingTable TR:last-of-type>TD { text-align:center; }


TD.PageNav B { position:relative; bottom:1px; color:#e2e2e2; text-decoration:none; outline:0; padding:2px 6px; letter-spacing:1px; background-color:#949494; border:2px solid #776c6c; border-radius:4px; box-shadow: 2px 2px 3px #968F8F;}

A.P, A.P:visited { bottom:0px; color:#9C5A52; 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; }

FORM#PageJump { display:inline-block; margin-top:5px; padding:1px 3px 1px 3px; color:#454343; background-color:rgba(188, 159, 144, 0.34); border-radius:10px; border:1px dashed #C99188; font-size:90%;  }
#PageJump INPUT { width:5ex; margin:2px 1px 1px; text-align:center; font-weight:bold; color:#426363; }


/* --------------------  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:500px)
{
TABLE.TOPICLIST TD.DT, TABLE.TOPICLIST TH.DT { display:none; }
.TOPICLIST TH:first-child  { width:4px; border-radius:10px 0 0 10px; border-left:1px solid transparent; }
.TOPICLIST TH:last-child { width:4px; border-radius:0 10px 10px 0; border-right:1px solid transparent; }
.TOPICLIST TD:first-child, .TOPICLIST TD:last-child { width:4px;  }

TABLE.LIGHTWHITE TD.DT, TABLE.LIGHTWHITE TH.DT { display:none; }
}