body { margin: 0 auto; max-width: 800px; font-family: 'Roboto Condensed', sans-serif; font-size: 11pt; } a { color: #154996; } h1 { text-align: center; } article { padding: 0 8px; } table { border-collapse: collapse; width: 100%; } table th { text-align: left; font-size: 10pt; } table tr td { padding-right: 10px; border-bottom: 1px solid grey; } table tr td:last-child { padding: 0; } table tr td.nowrap { white-space: nowrap; } nav { display: flex; background-color: #154996; text-align: center; } nav span { flex: 1 1 auto; } nav span { white-space: nowrap; } nav span a { display: block; color: #FFF; } nav.nextprev { margin-top: 10px; padding: 0 15px; } nav.nextprev span.first, nav.nextprev span.last, nav.nextprev span.prev, nav.nextprev span.next { padding: 0 2px; } nav.nextprev span.plain, nav.nextprev span a { display: block; padding: 10px 5px; } nav.tabs { } nav.tabs span { border-right: 1px solid #FFF; } nav.tabs span:last-child { border-right: none; } nav.tabs span a { padding: 15px 10px; font-size: 10pt; font-weight: bold; } div.search { margin: 0 10px 15px; display: flex; flex-wrap: wrap; align-items: stretch; } div.search > div { flex: 1 1 300px; padding: 5px; display: flex; align-items: center; } div.search label { flex: 1; text-align: right; padding-right: 10px; } div.search input { flex: 2; font-family: 'Roboto Condensed', sans-serif; /* Override firefox's occassional monospace weirdness */ padding-top: 5px; /* Override Firefox weirdness */ padding-bottom: 5px; /* Override Firefox weirdness */ } div.search input#searchsubmit { flex: none; margin-left: auto; }