body {background-image:url('background.jpg'); background-size:100%;
      margin:0px; font-size: 1em; font-family: verdana, sans-serif; }
.menu {text-align:center; padding:0.5em;}

/* .menu a.login {margin-left:auto; order:2;}
.menu, .footer {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
*/
.menu a {display:inline-block; vertical-align:middle; margin:0px 0.5em;
         padding:0.5em; background-color:skyblue; border-radius:0.5em; text-decoration:none; color:#7414dc;}
.menu a.floatright {float:right;}
.menu a:hover {background-color:blue; color:skyblue;}
.menu .logo a {margin:0px;}
.menu .logo img {height:1em; vertical-align:middle;}
.menu .logo:hover img, .menu .logo .hoverimg {display:none;}
.menu .logo:hover img.hoverimg {display:inline-block;}
.content {max-width:60em; background-color:#ebecf7; margin:0px auto; padding:0.5em 1em;}
#content.waiting > * {display:none;}
#waitmessage {display:none;}
#content.waiting > #waitmessage {display:block; text-align:center; margin:1em auto; font-size:5em;}

img.icon {width:1em; height:1em;}

.osminfo {float:right; background:white; max-width:max-content; margin:0.5em 0.5em 0.5em auto;padding:1px 0.5em;}
.footerlink {float:left; background:white; max-width:max-content; margin:0.5em 0.5em 0.5em auto;padding:1px 0.5em;}

.newpage {page-break-before:always;}

.error {color:red; font-size:larger; text-align:center;}

.expandall {background-color:skyblue; border-radius:0.5em; color:#7414dc; display:none; float:right; padding:0.5em;}
.expandall:hover {background-color:blue; color:skyblue;}
.expandable > * {display:none;}
.expandable > h2:first-child {display:block;}
.expandable > h2 a, .expanded > h2 a {text-decoration:none;}
.expandable > h3:first-child {display:block;}
.expandable > h3 a, .expanded > h3 a {text-decoration:none;}
.expandableShown {display:block;}
.expandableHidden {display:none;}

h1 {text-align: center;}
h2 {margin-bottom:0.5em;}
img.inline {float:right; margin:0px 1em 0px 0px; max-width:300px;}
p {margin-top:0.5em; margin-bottom:0.5em;}

table {border-collapse:collapse;}

table, td, th {border:1px solid grey; padding:0.1em 0.2em;}

td.date {text-align:center; padding:0px 0.2em;}
td.number {text-align:right; padding: 0px 0.2em;}
td.text {padding:0px 0.2em;}

table.fixedheader thead th {position:sticky; top:0px; background-color:white;}
table.fixedheader tbody th {position:sticky; left:0px; background-color:white;}
table.fixedheader {border-collapse:separate;}
table.fixedheader {position:relative; left:50%; transform:translateX(-50%);}
table {background-color:#ebecf7;}
th.badge {font-size:2em;}
th.req {text-align:right;}
td.green {background-color:green;}
td.red {background-color:red;}
td.lightgreen {background-color:lightgreen;}
td.lightred {background-color: pink;}

p.tiny {font-size: 0.6em;}

table.badgetable, table.badgetable td {border:none;}
table.badgetable td:first-child {text-align:center;}
table.badgetable img {height:3em;}

.fees td {padding:0.15em 0.5em;}
.jsOnly {visibility:hidden;}

.sectionSize {text-align:center; font-weight:bold;}

form.waitinglist {display:flex; flex-wrap:wrap; margin:0.5em 0px 1em;}
form.waitinglist > * {margin:0px 1em;}

@media print {
  body {background:transparent; font-family:serif;}
  .content {background:transparent;}
  .menu {display:none;}
  .noprint {display:none;}
  .content {max-width:100%;}
  .expandable {display:none;}
  .osminfo, .footerlink {display:none;}
  td.green {background-color:#80ff80;}
  td.red {background-color:#ff8080;}
  td.lightgreen {background-color:#c0ffc0;}
  td.lightred {background-color: #ffc0c0;}
  table.fixedheader {position:static; left:auto; transform:none;}
  table {background-color:transparent;}
}