h1 {
  margin: 0 0 .5em;
}

/* =TabInterface Styles */
.tabbed-on {
  margin: 2em 0 0;
  padding: 1.6em 0;
  position: relative;
}
.tabbed-on .hidden {
  position: absolute;
  left: -999em;
}
.tabbed-on .folder {
  border: solid;
  border-width: 1px 2px 2px 1px;
  min-height: 200px;
  max-height: 294px;
  max-width: 297px;
  padding: 1em .5em .5em;
  position: absolute;
  top: 0;
  left: -999em;
}
.tabbed-on .folder.visible {
  position: static;
}
.tabbed-on .index {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  left: 0;
}
.tabbed-on .index li {
  border: 1px solid;
  border-bottom: 2px solid;
  cursor: pointer;
  font-size: 0.6em;  /*font size in the tab area*/
  letter-spacing: .1em;
  line-height: 1.1;
  list-style: none;
  float: left;
  padding: .2em 5px .1em;
  margin: -1px 5px 0 0;
  text-transform: uppercase;
  white-space: normal;
}
.tabbed-on .index li:hover {
}
.tabbed-on .index li:focus {
  outline: 1px dotted;
}
.tabbed-on .index .active {
  border-right-width: 2px;
  line-height: 1.2;
  padding: .2em 10px .5em;
}