/*--------------------------------------------------
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{margin:0 0 5px 0;clear:both;width:950px;display:block;position:relative}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav{padding:3px 0;border-bottom:1px solid #BEBEBE;position:relative}
ul.tabbernav li{margin:0;list-style:none;display:inline}
ul.tabbernav li a{padding:3px 0.5em;margin-left:3px;border:1px solid #BEBEBE;border-bottom:none;color:#454545;background:#F0F0F0;text-decoration:none}
ul.tabbernav li a:link{}
ul.tabbernav li a:visited{}
ul.tabbernav li a:hover{border-color:#C8C8C8;color:#0055A4}
ul.tabbernav li.tabberactive a{border-top-color:#BEBEBE;border-bottom:1px solid #FFFFFF;color:#0055A4;background-color:#FFFFFF;background:url(../gfx/tabs/active_tab.png) #FFFFFF repeat-x 0 0;font-weight:bold}
ul.tabbernav li.tabberactive a:hover{border-bottom:1px solid #FFFFFF;color:#0055A4}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab{padding:5px;border:1px solid #FFFFFF}
/* If desired,hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2{display:none}
.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}