/*
<div class="tabberlive">
  <ul class="tabbernav">
    <li class="active">
      <a href="javascript:void(null)" onclick="">
      Section One</a>
    </li>
    <li>
      <a href="javascript:void(null)" onclick="">
      MyTabTitle</a>
    </li>
  </ul>
  <div class="tabbertab">
    <h3>Section One</h3>
    Section one content.
  </div>
  <div class="tabbertab">
    Section two content.
  </div>
</div>
*/
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
   display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabberlive {
   margin-top: 10px;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav {
   margin: 0;
   padding: 5px 0;
   border-bottom: 1px solid #778;
}
ul.tabbernav li {
   list-style: none;
   margin: 0;
   display: inline;
   white-space: nowrap;
}
ul.tabbernav li a {
   padding: 5px 0.5em;
   margin-left: 5px;
   border: 1px solid #333;
   border-bottom: none;
   background: #eee;
   text-decoration: none;
   color: #333;
}
ul.tabbernav li a:hover {
   text-decoration: underline;
}
ul.tabbernav li a:hover {
   border-color: #333;
   text-decoration: underline;
}
ul.tabbernav li.tabberactive a {
   background-color: #fff;
   border-bottom: 1px solid #fff;
}

/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 {
   display:none;
}
.tabbertab {
   margin: 20px 0;
}