/* pure CSS tabs    http://jsfiddle.net/jacobdubail/bKaxg/ */

.tabs {
  /* width: 98%; */ /*560px;*/
  position: relative;
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 45px 0 0px;
  background: white;
}
.tab {
  float: left;
}
.tab>label {
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: -1px;
  position: relative;
  left: 1px;
  top: -29px;
  transition: background-color .17s linear;
}
.tab>[type=radio] {
  display: none;   
}
.tab [type=radio].inptab {
  display: none;   
}
.tab .content {
  /* width: 98%; */ /*560px;*/
  position: absolute;
  top: -1px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  /* border: 1px solid #ccc; */
/*  transition: opacity .6s linear;
  opacity: 0; */
/*    transition: visibility .6s linear;  
    visibility: hidden; */
    display: none;
  /*  padding: 20px; */
  margin: 0px;
  overflow: auto;
}
.tab [type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2; 
}
.tab [type=radio]:checked ~ label ~ .content {
  z-index: 1; 
/*  opacity: 1; */
/*    visibility:visible */
    display: block;
}

div.tabVert {
    display: none;
}