body {
  background-color: rgb(255,201,0);
  font-family: sans-serif;
}

a, h1, h2, h3, th {color:rgb(0,90,156); font-weight:normal}
h4, h5, h6 { color:rgb(239, 124,0)}

div#wrapper {
  max-width:56em;
  margin: 0 auto;
  border-left: thick solid rgb(249, 178,51);
  border-right: thick solid rgb(249, 178,51);
  border-radius: 0.2em;
}

header {
  background-color: white;
  padding: 0.2em 1em;
}

main {
  background-color: white;
  display:block;
  padding: 1em;
  margin-bottom: 1em
}

main p, main li, figcaption  {
  font-family: 'Alegreya Sans', sans-serif;
}

p.autoId {font-size:small; text-align:right; font-style:italic}

p.cc {font-size:smaller}

em.rfc2119 {
  text-transform: uppercase;
  color:rgb(239, 124,0);
  font-style:normal;
  font-weight:bold;
}

nav#bpOptions {
  padding:0.2em;
  padding-bottom: 1em;
  display:block;
}

nav#bpOptions label {
  margin-right: 1.5em;
  white-space: nowrap;
  display:block;
  float:left;
}

nav#bpOptions label input {
  margin-right:.5em;
}

nav#bpOptions p#iconExpl {
  clear:left;
  font-style:italic;
  font-size: smaller;
  margin-left: 0.3em;
}

table {border-collapse: collapse}
th, td {
  border: 1px solid black;
  padding: 0.2em;
}

#theList {
  clear:both;
}

#implementationsTable {
  overflow:scroll;
  display:block;
}

.translation {
  font-style:italic;
}

dt.lgTitle {
  font-weight:bold;
}

img.lgFlag {
  display:block;
  width:20%;
  float:right;
  margin-left:0.5em;
  border: 1px solid #666;
}

div.countryLinks {
  clear:both;
  margin-top: 2em;
  -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
}

div.countryLinks img {
  width:30%;
  float:right;
  border: 1px solid black;
}

div.countryLinks p.moreLink {
  text-align:right;
  font-style:italic;
}