body {
  color:                  #FFE6BC;
  background-color:       #1B3331;
}

div.tabset {
  margin:                 1em;
  margin-top:             3em;
  padding:                1em;
  background-color:       #22403D;
  border:                 2pt outset #294D4A;
  min-height:             10em;
  position:               relative;
}
div.tabcontent {
  white-space:            normal;
}
div.tab {
  height:                 4em;
}

div.tabset > div.tab,
div.tabset > div.tab > div.tablabel {
  display:                inline;
}
div.tablabel {
  margin:                 0.5em;
  margin:                 1em;
  margin-right:           1px;
}
div.tablabel > a {
  background-color:       #294D4A;
  padding-left:           1em;
  padding-right:          1em;
  padding-top:            0.5em;
  padding-bottom:         0.25em;
  vertical-align:         center;
  position:               relative;
  top:                    -1em;
  border-radius:          0.5em;
 -moz-border-radius:      0.5em;
  text-decoration:        none;
  color:                  #FFE6BC;
}
div.tab:target > div.tablabel > a,
:target div.tabset > div.tab > div.tablabel > a {
  padding-bottom:         1em;
  background-color:       #366662;
  color:                  #FFF3DE;
  border:                 1px outset #366662;
}

div.tab > div.tabcontent:not(:target) {
  display:                none;
}

div.tabset div.tab:first-child div.tabcontent,
div.tab:target > div.tabcontent {
  background-color:       #366662;
  display:                block;
  clear:                  left;
  padding:                1em;
  position:               absolute;
  top:                    1.5em;
  left:                   1em;
  right:                  1em;
  bottom:                 1em;
  overflow:               auto;
}

div.tab > div.tabcontent a,
div.tab > div.tabcontent a:link,
div.tab > div.tabcontent a:visited {
  color:                  yellow;
}