*, *:after, *:before, *::after, *::before	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body									{ font-family: Segoe; }
html 										{ border: 0; height: 100%; margin: 0; padding: 0; }
body 										{ bottom: 0px; background-color: #081423; background-image: url('/images/bg_op0.3_laaja3.png'); background-repeat: repeat; background-attachment: fixed; height: 100%; font-size: 13px; margin: 0; padding: 0; top: 0; }
img											{ border: 0; }

.row 										{ border-left: 1px #aaa dotted; border-top: 1px #aaa dotted; padding: 5px; }
.rown 										{ border-top: 1px #aaa dotted; padding: 5px; }
.rowb										{ border-bottom: 1px #aaa dotted; padding: 5px; }
.mleft										{ margin-left: auto }
.top										{ margin-top: 20px !important }
.mh											{ min-height: 100vh }
.nopad										{ padding: 0 !important }
.no											{ border: 0 !important }

.logo										{ border: 0; margin-right: 100px; }
.splasherr::placeholder						{ color: rgba(240, 240, 240, 1); }
.splasherr									{ background: rgba(255, 0, 0, .5); color: rgba(255, 255, 255, 1); transform-origin: center center; transition-property: all; transition: 2s   }

input[type="text"]::placeholder				{ font-style: italic; color: rgba(10, 10, 10, .7); }
a											{ text-decoration: none;}
a:hover										{ text-decoration: underline; }
a.w											{ width: 100%; }
.i											{ font-style: italic }
.b											{ font-weight: bold }
.jsl										{ max-height: 30px !important; max-width: 30px !important }


.tbg										{ background-color: #eee; margin-bottom: 5px; width: 100%; padding: 5px 0 5px; }
.nb											{ word-wrap: keep-all; overflow-wrap: normal; white-space: nowrap }
.mma										{ display: block; padding: 10px; margin-top: 14px;  background: rgba(255, 255, 255, 1); border: 1px solid rgba(200, 200, 200, .7); }
.eline										{ margin: 8px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid rgba(100, 100, 100, .4); width: 100% }
.ntitle										{ text-align: left; font-size: 16px; margin-bottom: 6px; padding-bottom: 3px; font-weight: bold; border-bottom: 1px solid rgba(100, 100, 100, .7); width: 100% }
.ctext										{ font-weight: bold; font-size: 16px; padding: 6px 0 10px 0 }

.nd											{ font-size: 20px; font-weight: bold; margin: 20px 0 10px 0; }
.ndrow										{ padding: 7px 4px 7px 4px; border-right: 1px #aaa dotted; border-top: 1px #aaa dotted; width: auto }
.lb, .lb a									{ color: #085489; }
.nddata										{ color: #085489; font-size: 13px; padding: 7px; border-top: 1px #aaa dotted; width: 100% }
.nddata a.nda								{ font-size: 16px; color: #085489; font-weight: 550 }
.nsome										{ margin-top: 5px; }
.ncache 									{ height: 40px; width: 60px; overflow: hidden; }
.ncache										{ border: 3px solid rgba(200, 200, 200, .5); background-size: cover; background-repeat: no-repeat; background-position: center center; margin-left: 0; max-height: 80px; max-width: 80px }

.mtitle										{ font-weight: bold; padding: 3px; }
#headerbg									{ transition: all .5s ease; text-align: center; position: fixed; width: 100%; z-index: 20 }
#headerimg									{ opacity: 0.5; position: absolute; height: 200px; width: 1920px; float: left; }

.userdd										{ box-shadow: 0 7px 7px rgba(40, 40, 40, .6); }
.userdd										{ background: rgba(54, 57, 63, 1); color: rgba(255, 255, 255, 1); height: 35px; width: 100%; bottom: 0; padding: 2px; position: relative; z-index: 20 !important; } 
#da											{ width: 100vw; position: absolute; bottom: 0; height: 91px }
#da											{ top: 205px }
#da .da										{ position: relative; z-index: 20 }
.da											{ text-align: center; margin: auto; width: 100%; padding: 10px }
.da .tx										{ font-size: 16px; font-weight: bold; padding: 0 0 8px 0; }
.da											{ background: rgba(34, 37, 33, .8); color: rgba(250, 250, 250, 1); }

#userdd										{ width: 100vw; position: absolute; bottom: 0; height: 35px }
#userhd + #headerbg							{ margin-top: 35px }
#userhd										{ transition: all .5s ease; position: fixed; width: 100vw; height: 35px; line-height: 35px; border: 2px solid red; align-self: flex-end }
#userhd .userhd								{ background: rgba(54, 57, 63, 1); color: rgba(255, 255, 255, 1); height: 100%; width: 100%; padding: 4px; position: relative; z-index: 20 } 
.usernd a + a								{ margin-left: 3px }
.usernd a									{ height: 35px }
.usernd										{ width: 100%; max-width: 1000px; margin: auto; text-align: left; height: 35px; line-height: 35px } 
.usernd										{ position: relative; display: block; } 

#header										{ transition: all .5s ease; text-align: center; position: fixed; width: 100vw; background-color: rgba(25, 25, 25, .8) !important }
/* #header:not(#userdd) *						{ z-index: 20; } */
#header										{ z-index: 20; }
#header:not(.eehead) > .userdd				{ margin-bottom: -30px; }
#header:not(.eehead) 						{ height: 200px; }
#header:not(.eehead) > .logo				{ max-height: 140px; padding: 10px 0 5px 0; margin-top: -15px }

#footer										{ background: rgba(54, 57, 63, 1); color: rgba(240, 240, 240, 1); line-height: 20px; min-height: 150px; width: 100%; }
#footer										{ margin: 25px 0 0 0; padding: 20px; position: relative; border-top: 3px solid rgba(54, 57, 63, 1); padding: 10px }
#footer										{ box-shadow: inset 0 7px 5px rgba(10, 10, 10, .5);  }

.eehead .userdd .ac							{ height: 35px; width: 100% }
.eehead .userdd a							{ display: inline-block; width: min-content }
.eehead										{ transition: all .5s ease; height: 130px; z-index: 20 }
.eehead	#userdd								{ top: 120px !important;  }
.eehead	#da									{ top: 155px !important;  }
.eehead	> .logo								{ max-height: 70px; }
.header-bg									{ background-color: rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); font-size: 16px;  }
.header-bg									{ height: 130px !important; padding-top: 0 !important; }
.siteimg-100								{ max-height: 52px !important; margin-top: 0 !important; margin-right: 0 !important; }

.logo										{ transition: all .5s ease; }
.nsrc										{ font-size: 11px; }
.ac											{ margin: auto !important; max-width: 1000px !important; width: 100%; }
.underline									{ text-decoration: underline; }
.underline:hover							{ text-decoration: none; }

.ebigi, .ebimg								{ display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.ebimg										{ height: 81px; width: 100%; }
.ebigi										{ border-right: 1px solid rgba(30, 30, 30, .5); width: 150px; }
.ebigr										{ padding: 10px 0 10px 0; border-top: 1px dotted rgba(30, 30, 30, .5); border-bottom: 1px dotted rgba(30, 30, 30, .5); width: 100%; flex: auto }
.ebigd, .ebigi								{ padding: 10px; background: rgba(255, 255, 255, 1); border-top: 1px dotted rgba(30, 30, 30, .5); min-height: 20px; }

.someshare									{ border: 0; margin: 0px 2px -5px 0; max-height: 18px }
.dropshadow									{ box-shadow: 0 -7px 4px rgba(240, 240, 240, .6); position: relative }
.eeq										{ box-shadow: inset 0 -8px 8px rgba(20, 20, 20, .7), inset 0 8px 8px rgba(20, 20, 20, .7) }

.tarea										{ width: 100%; font-size: 13px; padding: 10px; max-width: inherit }
.bot										{ margin-bottom: 15px !important }
.tarea.white								{ background: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); border: 1px solid rgba(30, 30, 30, .3); }
.tarea.dim									{ background: rgba(225, 225, 225, 1); color: rgba(0, 0, 0, 1); border: 1px solid rgba(30, 30, 30, .3); }
.tarea.scr									{ background: rgba(44, 56, 71, .5); color: rgba(250, 250, 250, 1); }
.tarea.mld									{ background: rgba(250, 250, 250, 1); color: rgba(0, 0, 0, 1); border: 1px solid rgba(30, 30, 30, .3); }
.cbtopic									{ font-size: 13px; font-weight: bold; padding: 0 0 2px 0; margin: 0; width: 100%; max-width: inherit }
.cbtopic a									{ color: #085489;}
.ctopic										{ font-size: 13px; font-weight: bold; padding: 0 0 3px 0; margin: 0 0 3px 0; width: 100%; max-width: inherit }
.ctopic.med									{ font-size: 13px; font-weight: bold; padding: 7px 0 7px 0; border-bottom: 1px solid rgba(30, 30, 30, .3);  }
.ctopic.t									{ font-size: 13px; font-weight: bold; padding: 7px 0 7px 0; border-bottom: 1px solid rgba(30, 30, 30, .3); margin-bottom: 6px }
.cdate										{ margin-top: auto; padding: 4px 0 4px 0; color: rgba(30, 30, 30, .8); }

#footer .ti									{ font-size: 16px; padding: 4px 4px 4px 26px; color: rgba(250, 250, 250, 1); font-weight: normal; width: auto; margin: 5px 4px 5px 4px }
#footer .ti::before							{ background-size: 95%; margin: 0px 0 0 -26px ; top: 3px; height: 24px; width: 24px; }

.mend										{ border-top: 1px solid rgba(30, 30, 30, .3); box-shadow: inset 0 3px 3px rgba(30, 30, 30, .3); background: rgba(240, 240, 240, 1); border: 1px solid rgba(30, 30, 30, .3); }
.mend										{ padding: 8px 6px 6px 6px; display: flex; position: relative; width: 100%; align-items: center; z-index: 2 }
.mend:not(.rev)								{ justify-content: flex-end; }
.mend.rev									{ justify-content: flex-start; }
.footimg									{ padding: 10px 0 10px 0; width: 100%; }
.footimg img								{ border: 0; max-height: 70px; }
.footimg a + a								{ margin-left: 50px }
.fline										{ padding: 10px 10% 10px 10%; width: 100%; border-bottom: 1px solid rgba(150, 150, 150, .5); margin: 0 10% 0 10%; }
.sp											{ width: 10px; padding: 10px; }
.sp > img									{ max-width: 10px }

@keyframes glow								{ to { box-shadow: 0px 0px 3px 5px #aaa; } }
.cpglow										{ box-shadow: 0 0 5px 2px #fff; animation: glow 1s ease infinite alternate; }
.mixglow									{ margin: 10px; border-radius: 50%; box-shadow: 0px 0px 5px 2px #747DE8; animation: glow 1.5s ease infinite alternate; }

@keyframes glc								{ to { box-shadow: 0 2px 1px 0 rgba(150, 150, 150, .9); } }
.brownote									{ background: rgba(63, 81, 181, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(40, 40, 40, .3); }
.brownote:hover								{ background: rgba(79, 101, 221, 1); }
.browgl										{ animation: glc 2s ease infinite alternate; }

.orange										{ background: rgba(241, 142, 64, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(40, 40, 40, .3); }
.orange:hover								{ background: rgba(241, 142, 64, .8); }
.torange									{ color: rgba(241, 142, 64, 1); }
.tblue										{ color: rgba(7, 84, 180, 1); }

.ftextarea									{ display: block; margin: 5px 0 5px 0; padding: 4px 4px 5px 4px; width: 100%; min-height: 120px }
.ftextarea									{ background: rgba(250, 250, 250, 1); box-shadow: inset 0 -3px 3px rgba(0,0,0,0.2), inset 0 3px 3px rgba(0,0,0,0.2); }
.active										{ background: rgba(34, 168, 50, .9) !important; color: rgba(250, 249, 247, 1) !important }
.active:hover								{ background: rgba(34, 168, 50, .8) !important; }
.sc											{ padding: 4px; border: 1px solid rgba(30, 30, 30, .3); font-size: 13px }

.labelgreen									{ color: rgba(0, 154, 4, 1); font-style: italic; text-shadow: 0.2px 0 rgba(0, 154, 4, .5); }
.labelred									{ color: rgba(221, 78, 61, 1); font-style: italic; text-shadow: 0.2px 0 rgba(221, 78, 61, 0.4); text-align: center }
.labelblue									{ background: rgba(7, 84, 180, .7); color: rgba(255, 255, 255, 1); border: 1px solid rgba(7, 84, 180, .4) !important; }
.labelblue:hover							{ background: rgba(7, 84, 180, .5); }
.labeldark, .labelorange					{ font-size: 10.5px; width: 100px; padding: 2px 3px 3px 4px; margin: auto 5px auto 5px; }
.labelorange								{ background: rgba(241, 142, 64, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(40, 40, 40, .3);  }
.labeldark									{ background: rgba(77, 90, 104, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(40, 40, 40, .3); }

.eb											{ box-shadow: 0 8px 8px rgba(50, 50, 50, .3); position: relative;  }
.eeq										{ box-shadow: inset 0 -6px 6px rgba(200, 200, 220, .8), inset 0 6px 6px rgba(240, 240, 240, .8) }
.smshadow									{ box-shadow: inset 0 -3px 3px rgba(30, 30, 30, .3); }
.tt											{ width: 100%; font-size: 13px; max-width: inherit; background: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); border: 1px solid rgba(30, 30, 30, .3); box-shadow: 0 3px 3px rgba(30, 30, 30, .4), inset 0 3px 3px rgba(30, 30, 30, .4); }
.ttc										{ font-size: 13px; padding: 14px 10px 14px 10px; border-bottom: 1px solid rgba(30, 30, 30, .7); width: 100% }
.ttd										{ background: rgba(255, 255, 255, 1); border: 1px solid rgba(30, 30, 30, .3); font-size: 13px; padding: 4px; line-height: inherit; min-height: 30px; width: 100%; }
.ttr										{ background: rgba(245, 245, 245, 1); border-bottom: 1px solid rgba(30, 30, 30, .4); width: 100%; text-align: left; font-size: 16px; font-weight: bold; padding: 13px 5px 13px 5px; box-shadow: inset 0 -3px 3px rgba(30, 30, 30, .25); position: relative; z-index: 5; }
.ttrs										{ background: rgba(245, 245, 245, 1); border-bottom: 1px solid rgba(30, 30, 30, .4); width: 100%; text-align: left; font-size: 16px; padding: 13px 5px 13px 5px; box-shadow: inset 0 -3px 3px rgba(30, 30, 30, .25); position: relative; z-index: 5; }
.text										{ width: 100%; font-size: 13px; padding: 4px 0 4px 0; max-width: inherit; line-height: 20px }

.etitle										{ font-size: 13px; padding:4px 5px 4px 5px; text-align: left; }
.etitle										{  background: rgba(133, 139, 146, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(30, 30, 30, .3); box-shadow: 0 -5px 5px rgba(30, 30, 30, .4); }

.cklbl										{ padding: 4px 5px 4px 5px; font-size: 13px; margin: 3px 0 0 0; display: block; font-weight: bolder; width: 100% }
.cklbl										{ border-bottom: 1px solid rgba(40, 40, 40, .8); color: rgba(60, 60, 60, 1); }
.emtitle									{ font-size: 13px; padding:4px 5px 4px 5px; text-align: left; }
.emtitle									{ background: rgba(133, 139, 146, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(30, 30, 30, .3); box-shadow: 0 -3px 3px rgba(30, 30, 30, .4);}
.tsh										{ background: rgba(245, 245, 245, 1); padding: 7px 4px 7px 4px; }
.rsh										{ background: rgba(230, 230, 230, 1); padding: 7px 0 7px 0; }
.rsh, .tsh									{ border-top: 1px solid rgba(30, 30, 30, .3); border: 1px solid rgba(30, 30, 30, .3); font-size: 13px; line-height: inherit; box-shadow: 0 3px 3px rgba(30, 30, 30, .4), inset 0 3px 3px rgba(30, 30, 30, .4); }
.grid.debm .ttd								{ background: rgba(250, 250, 250, 1);  }


div.disc									{ color: rgba(250, 250, 250, 1); background: rgba(88, 101, 242, 1); margin: 0 auto 0 auto; width: 350px; padding: 1px; font-size: 16px; text-align: left; }
div.disc img								{ max-height: 40px; padding-right: 5px; margin-left: 0 }
a.discj										{ margin-left: auto; }
a.discj	input								{ transition: all .5s ease; color: rgba(250, 250, 250, 1); background: rgba(55, 57, 59, 1); font-size: 14px; padding: 6px 10px 6px 10px; border: 1px solid rgba(95, 97, 99, 1); cursor: pointer }
a.discj	input:hover							{ background: rgba(95, 97, 99, 1); }