/*

Tabs - important styles to ensure accessibility in print

*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print {
    .anchors {
        display: none;
    }
}

/*

Tabs - not important for accessibility, just for the look of it...

*/
.anchors {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.anchors li {
  float: left;
  margin: 0;
  padding: 0;
  background: #ddd;
  margin: 0 3px;
  border: 1px solid #ccc;
  border-bottom: none;
}

.anchors li a {
  font-size: 1.1em;
  background: #ddd;
  display: block;
  padding: 5px 9px;
  margin: 0;
  color: #333;
}

.anchors li a:HOVER, .anchors li:HOVER {
  background: #eee;
}

.anchors .tabs-selected a {
  background: #eee;
  font-weight: bold;
}


div .tab-content {
  background: #eee;
  padding: 10px;
}