/*-------------------------------------------------- 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{margin-top:10px}.tabber .tabbertab ul{margin-left:5px;margin-right:5px}.tabber .tabbertab p{padding:4px}.tabbertab{margin-bottom:20px}.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 #444444;font:bold 11px Verdana,sans-serif}ul.tabbernav li{list-style:none;margin:0;display:inline}ul.tabbernav li a{padding:7px;margin-left:0px;margin-right:0px;background:#333333;text-decoration:none;color:#bbbbbb}ul.tabbernav li a:link{color:#bbbbbb}ul.tabbernav li a:visited{color:#bbbbbb}ul.tabbernav li a:hover{color:#fff;background:#333333}ul.tabbernav li.tabberactive a{background-color:#444444;border:1px solid #444444;border-bottom:none;color:#fff}ul.tabbernav li.tabberactive a:hover{color:#fff;background-color:#444444}/*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/.tabberlive .tabbertab{padding:10px;border-top:0;background-color:#444444 /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */}.tabberlive .tabbertab ul{list-style-image:url(images/li2.gif)}.tabberlive .tabbertab ul li{border:0px}.tabberlive .tabbertab h2{display:none}.tabberlive .tabbertab h3{display:none}.tabberlive#tab1{}.tabberlive#tab2{}.tabberlive#tab2 .tabbertab{height:200px;overflow:auto}