@font-face {
  font-family: "DejaVuSans";
  src: url('fonts/DejaVuSans.ttf');
}
@font-face {
  font-family: 'DejaVuSans-Bold';
  src: url('fonts/DejaVuSans-Bold.ttf');
  font-weight: bold;
}
body {background-color:#EDE2B5; margin:0px; width:100%; height:100%;}
* {font-family:DejaVuSans, verdana, arial;}
b, strong {font-family:DejaVuSans-Bold, verdana, arial; font-weight:bold;}
html{font-size:100%;}
@media(min-width:60em){html{font-size: 100%}}

/*h2 {font-stretch:condensed;}*/
h1 {text-align:center; text-decoration:none; font-weight:normal; font-size:32px; margin:10px; color:#0a65b8;}
h2 {text-align:left; text-decoration:none; font-weight:normal; font-size:26px; margin:10px; color:#0a65b8;}
h3 {text-align:left; text-decoration:none; font-weight:normal; font-size:18px; margin:4px; color:#0a65b8;}
img.contimg {width:100%; height:auto;}
a:link {color:#0000FF;}
/*a:visited {color:#0000FF;}*/
a:visited {}
a:hover {color:#0000FF; text-decoration:none;}

div.login {position:absolute; top:0px; right:5px;}
a:link.login {color:#808080; font-size:16px;}
a:visited.login {color:#808080; font-size:16px;}
a:hover.login {color:#C3C3C3; font-size:16px; text-decoration:none;}
div.logout {position:absolute; top:5px; right:5px; padding:4px;}
a:link.logout {color:#585858; font-size:12px; text-decoration:none; background-color:#ffffff; border:1px solid #585858; border-radius:3px; padding:4px;}
a:visited.logout {color:#585858; font-size:12px; text-decoration:none; background-color:#ffffff; border:1px solid #585858; border-radius:3px; padding:4px;}
a:hover.logout {color:#ffffff; font-size:12px; text-decoration:none; border:1px solid #585858; background-color:#585858; border-radius:3px; padding:4px;}

div.mainhead {width:100; border-style:hidden; text-align:left; background-color:#45b7ff; font-size:36px; color:#ffffff; padding:10px; margin:0px;}
div.mainheadsub {padding:4px; font-size:16px; background-color:#ffffff; color:#555555; border:1px solid lightgrey; border-radius:4px; margin:6px; text-align:center;}

a.headnav {background-color:#45b7ff; padding:10px; color:#ffffff; text-decoration:none; font-size:18px; white-space:nowrap; border:1px solid #ffffff;  display:inline-table; margin:2px;}
a.headnav:hover {background-color:#ffffff; display:inline-table; padding:10px; color:#45b7ff; text-decoration:none; font-size:18px; white-space:nowrap; border:1px solid #ffffff; margin:2px;}
a.headnavact {background-color:#ffffff; display:inline-table; padding:10px; color:#45b7ff; text-decoration:none; font-size:18px; white-space:nowrap; border:1px solid #ffffff; margin:2px;}

div.msb {background-color:#45b7ff; position:sticky; top:0; z-index:100; width:100%; padding:2px 0px 1px 0px; margin:0px; height:52px; text-align:center;}
div.msbs {display:inline-block; height:50px; background-color:#ffffff;}
input.msb {width:250px; height:50px; font-size:20px; vertical-align:middle; border:none; box-sizing:border-box; padding:4px 50px 4px 4px;}
input.msb:focus {width:250px; height:50px; font-size:20px; vertical-align:middle; border:none; box-sizing:border-box; padding:4px 50px 4px 4px;}
input.msbs {height:50px; font-size:18px; vertical-align:middle;  color:#ffffff; border:1px solid #ffffff; box-sizing:border-box; background-color:#006400; margin:0px;}
input.msbs:hover {height:50px; font-size:18px; vertical-align:middle; background-color:#ffffff; color:#006400; border:1px solid #006400; box-sizing:border-box; cursor:pointer; margin:0px;}

button.msbc {line-height:50px; font-size:26px; width:48px; border:none; text-decoration:none; color:#585858; background:transparent; height:50px; box-sizing:border-box; vertical-align:middle; top:0px; right:0px;
margin-left:-51px; display:none; z-index:101; cursor:pointer; padding-bottom:24px;}

div.cent {width:100%; text-align:center;}

div.homemsg {background-color:#ffffff; width:90%; border:1px solid #45b7ff; padding:10px; border-radius:2px; margin:auto;}
div.supermsg {background-color:#ffffff; width:99%; border:1px solid #45b7ff; border-radius:2px; margin:auto;}
div.logmsg {display:inline-block; background-color:#ffffff; max-width:300px; border:1px solid #45b7ff; padding:10px; border-radius:2px; margin:auto;}

div.diagok {background-color:#caffcf; color:#006400; width:90%; border:1px solid #008000; padding:10px; border-radius:2px; margin:auto; text-align:center;}
div.diaginfo {background-color:#fffea4; color:#FF0000; width:90%; border:1px solid #FF0000; padding:10px; border-radius:2px; margin:auto; text-align:center;}
div.diagerror {background-color:#ffe7e7; color:#FF0000; width:90%; border:1px solid #FF0000; padding:10px; border-radius:2px; margin:auto; text-align:center;}

table.split {width:100%; height:100%; border-collapse:collapse;}
col.sidenav {width:50px; min-width:50px; display:table-column;}
col.pagebody {width: calc(100% - 50px); display:table-column;}

div.split {width:100%; height:100%; display:table;}
div.sidenav {width:50px; min-width:50px; display:table-cell;}
div.pagebody {width: 100%; display:table-cell;}

table.cwords {width:100%; padding:4px; border-collapse:collapse;}
td.cwl {text-align:center; border-bottom:1px dotted #555555;}
td.cwr {text-align:left; border-bottom:1px dotted #555555;}
thead {position:sticky; top:55px; background-color:#ffffff; z-index:100;}

table.shead {width:100%; background-color:#ffffff; border-collapse:collapse;}
td.shead {text-align:center; border-bottom:1px solid #000000; color:#0a65b8;}
td.slistl {border-bottom:1px solid #000000;}
td.slistc {border-bottom:1px solid #000000; text-align:center;}
td.slistr {border-bottom:1px solid #000000; text-align:right;}

a.slist:link {display:block; background-color:#0000ff; color:#ffffff; padding:2px;}
a.slist:hover {display:block; background-color:#ffffff; color:#0000ff; padding:2px;}
a.slist:visited {display:block; background-color:#0000ff; color:#ffffff; padding:2px;}

input.super {font-size:16px; padding:10px;}

a.sidenav {background-color:#ff0000; display:block; font-size:20px; width:50px; line-height:50px; color:#ffffff; text-decoration:none; border-bottom:1px solid #ffffff; text-align:center; vertical-align:middle; min-width:50px;}
a.sidenav:hover {background-color:#e7e7e7; display:block; font-size:20px; width:50px; line-height:50px; color:#ff0000; text-decoration:none; border-bottom:1px solid #ff0000; text-align:center; vertical-align:middle;}
a.sidenavact {background-color:#ffffff; display:block; font-size:20px; width:50px; line-height:50px; color:#ff0000; text-decoration:none; border-bottom:1px solid #ff0000; text-align:center; vertical-align:middle;}

div.emotnav {vertical-align:middle; text-align:center; margin:0px;}
img.emotnav {vertical-align:middle; text-align:center; margin:0px;}

td.polll {text-align:right; vertical-align:top;}
td.pollr {vertical-align:top;}

label.poll {line-height:300%; width:100%; display:block; background-color:#F8F8F8; border-bottom:1px dotted #585858;}
label.poll:hover {line-height:300%; width:100%; display:block; background-color:#ffffff; border-bottom:1px dotted #585858; cursor:pointer;}
div.poll {padding-left:10px; line-height:300%; width:100%; display:block; background-color:#F8F8F8; border-bottom:1px dotted #585858;}
input.poll {transform:scale(1.3); margin-right:10px; outline:2px solid #006400;}
input.pollt {line-height:200%; font-size:16px; width:100%; max-width:300px; border:2px solid #006400; border-radius:5px; padding:6px; box-sizing:border-box;}
input.pollt:focus {line-height:200%; font-size:16px; width:100%; max-width:300px; border:2px solid #000bf1; border-radius:5px; padding:6px; box-sizing:border-box;}

div.foot {background-color:#000000; background-image: linear-gradient(#4c4c4c, #000000); height:100%; width:100%; color:#DCDCDC; box-shadow: 0px 0px 10px 5px #585858;}
table.foot {width:100%; padding:10px;}
td.footl1 {width:30%;}
td.footl2 {width:20%;}
td.footr1 {width:20%;}
td.footr2 {width:30%;}
td.footbottoml {font-size:small;}
td.footbottomr {font-size:small; text-align:right;}
a.foot {color:#DCDCDC; line-height:200%;}
a.foot:visited {color:#DCDCDC; line-height:200%;}
a.foot:hover {color:#DCDCDC; line-height:200%; text-decoration:none;}

div.loginf {margin:auto; width:40%;}
input.login {line-height:200%; font-size:16px; width:100%; border:1px solid #585858; border-radius:5px; padding:7px; box-sizing:border-box; max-width:300px;}
input:focus.login {line-height:200%; font-size:16px; width:100%; border:2px solid #000bf1; border-radius:5px; padding:6px; box-sizing:border-box; max-width:300px;}

#lb {}
input.loginbd {line-height:300%; width:100%; font-size:16px; border:1px solid #C3C3C3; border-radius:5px; color:#ffffff; background-color:#C3C3C3; font-weight:bold;}

input.loginb {line-height:300%; width:100%; font-size:16px; border:1px solid #006400; border-radius:5px; color:#ffffff; background-color:#006400; font-weight:bold; max-width:300px;}
input:hover.loginb {line-height:300%; width:100%; font-size:16px; border:1px solid #006400; border-radius:5px; color:#006400; background-color:#ffffff; font-weight:bold; cursor: pointer; margin:0px; max-width:300px;}
input:focus.loginb {line-height:300%; width:100%; font-size:16px; border:1px solid #006400; border-radius:5px; color:#006400; background-color:#ffffff; font-weight:bold; cursor: pointer; margin:0px; max-width:300px;}

div.addm {width:100%; text-align:center;}
div.addb {display:inline-block; padding:10px; margin:10px;}
div.addbf {max-width:300px; padding:10px; margin:auto;}

p.login {}
button.pagetop {position:fixed; bottom:40px; right:0px; padding:8px; background-color:#585858; color:#DCDCDC; border:none; cursor:pointer; font-size:16px; opacity:0.6; z-index:100;}
button.pagetop:hover {position:fixed; bottom:40px; right:0px; padding:8px; background-color:#585858; color:#DCDCDC; border:none; cursor:pointer; font-size:16px; opacity:0.9; z-index:100;}
button.mpagetop {position:fixed; bottom:2px; right:2px; padding:12px; background-color:#585858; color:#DCDCDC; border:none; cursor:pointer; font-size:16px; opacity:0.6; z-index:100;}