* { box-sizing: border-box; }
body { padding: 0; margin: 0; }

.bold, .bold * { font-weight: bold; }
.left          { text-align: left; }
.center        { text-align: center; }
.right         { text-align: right; }
.top           { vertical-align: top; }
.middle        { vertical-align: middle; }
.bottom        { vertical-align: bottom; }
.nowrap        { white-space: nowrap; }
.pointer       { cursor: pointer; }
.nomargintop   { margin-top: 0px !important; }

ul, form, ol { margin: 0; padding: 0; list-style: none; }
form { margin: 0; padding: 0; }
img { border: 0; }
img.icon { vertical-align: middle; }

small, .small, small *, .small *, div#content .small, div#content small, div#content .small *, div#content small * { font-size: 10px; }

h1 span { position: absolute; top: -1000px; }
div#dialog { display: none; }




div.pagenav { display: flex; }
div.pagenav > *
{
  flex-grow: 1;
  border-radius: 4px;
  background-color: rgb(107, 176, 36);
  line-height: 1em;
  display: block;
  padding: 8px 8px;
  min-width: 12px;
  text-align: center;
  margin: 0 5px 0 0;
}

div.pagenav > a
{
  color: #ffffff !important;
}

div.pagenav > a:hover
{
  background-color: rgb(82, 135, 28);
}

div.pagenav > div { background: #cccccc; border-radius: 4px; }
div.pagenav > div.this { font-weight: bold; }

div#content tr.pagenavtr { background: transparent; }
div#content tr.pagenavtr td { padding: 0; background: transparent; }


@media (prefers-color-scheme: dark)
{
  div.pagenav > div { background: #666666; }
}