html {
}

body {
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

iframe {
  border-top:    1px solid #000000;
  border-bottom: 0px;
  border-left:   0px;
  border-right:  0px;
}

.tabbed tabContent {
  display:     block;
  margin-left: 0;
  clear:       both;
}

.tabbed > input,
.tabbed tabContent > div {
  display: none;
}

.tabbed tabContent > div {
  width:         100%;
  background:    #ffffff;
  border:        1px solid #9d9d9d;
  border-radius: 8px;
  margin-bottom: 20px;
}

#tab1:checked ~ tabContent .tab1,
#tab2:checked ~ tabContent .tab2,
#tab3:checked ~ tabContent .tab3,
#tab4:checked ~ tabContent .tab4,
#tab5:checked ~ tabContent .tab5 {
  display: block;
}

tabNav label {
   float:                   left;
   padding:                 10px 10px;
   border-top:              1px solid silver;
   border-right:            1px solid silver;
   background:              #bfbcbc;
   color:                   #918e8e;
   margin-left:             5px;
   border-top-left-radius:  8px;
   border-top-right-radius: 8px;
}

tabNav label:nth-child(1) { border-left: 1px solid silver; }
tabNav label:active       { background:  #ffffff; }

#tab1:checked ~ tabNav label[for="tab1"],
#tab2:checked ~ tabNav label[for="tab2"],
#tab3:checked ~ tabNav label[for="tab3"],
#tab4:checked ~ tabNav label[for="tab4"],
#tab5:checked ~ tabNav label[for="tab5"] {
  background:    hsl(210,50%,50%);
  color:         #eee;
  position:      relative;
  border-bottom: none;
}