/*Needed to hide the non-active tab. Don't hide in print CSS */
.tabberlive .tabbertabhide{
display:none}

/*.tabber = before the tabber interface is set up, .tabberlive = after the set up*/
.tabber {}

.tabberlive{
margin-top:1em}

/*ul.tabbernav = the tab navigation list--li.tabberactive = the active tab*/
ul.tabbernav{
font:12px Arial, Verdana, sans-serif;
margin:0;
padding:3px 0}

ul.tabbernav li{
display:inline;
list-style:none;
margin:0}

ul.tabbernav li a{
margin-right:3px;
border:1px solid #369;
background:#AAA;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding:3px 16px 3px 16px}

ul.tabbernav li a:link, ul.tabbernav li a:visited{ 
color:#369; 
background:#FFF}

ul.tabbernav li a:hover{
color:#369;
text-decoration:underline}

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover{
background-color:#B0C9D7;
color:#369}

/*.tabbertab = the tab content, add style after the tabber interface is set up (.tabberlive)*/
.tabberlive .tabbertab{
padding:0px;
width:572px;
border-top:solid 1px #369}
/* If you set a fix height, set overflow to auto to get a scrollbar
 Hide the heading b/c it is in the tab */
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3{
display:none}

.tabberlive#tab2 .tabbertab{
overflow:auto}

/* Use an ID to set a style for every tab */
.tabberlive .tabbertab#tab2,.tabberlive .tabbertab#tab3{
border:1px solid #369;
line-height:16px;
width:570px}
 
.tabberlive .tabbertab#tab4, .tabberlive .tabbertab#tab5{
border-top:1px solid #369}