/*--------------------------------------------------
  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
  --------------------------------------------------*/
.tabber, .tabberlive {width:300px; margin:10px auto 20px; font-size:13px}
.tabberlive {margin-top:1em}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {margin:0; padding:3px 0; border-bottom:1px solid #aaa; font:13px "microsoft yahei", arial, helvetica, sans-serif}
ul.tabbernav li {list-style:none; margin:0; display:inline}
ul.tabbernav li a {padding:3px 0.5em; margin-left:3px; color:#111}
/*border:1px solid #778; border-bottom:none; background:#DDE; text-decoration:none*/
/*ul.tabbernav li a:visited {color:#667}*/
ul.tabbernav li a:hover {color:#fff; background-color:#1a8cff}
ul.tabbernav li.tabberactive a {border:1px solid #aaa; border-bottom:1px solid #fff; color:#1a8cff}
ul.tabbernav li.tabberactive a:hover {background-color:#fff}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding:5px; border:1px solid #aaa; border-top:0;
/* set a fixed height, and the tab size changing whenever a tab is changed
   height:200px; */
/* If you set a fix height, set overflow to auto and get a scrollbar when necessary
   overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h3 {display:none}

/* Example of using an ID to set different styles for the tabs on the page 
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto}
*/