/*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:0;
}
ul.tabbernav li{
display:inline;
list-style:none;
line-height:21px;
}
ul.tabbernav li a{
border:solid #369;
border-width:1px 1px 0 1px;
text-decoration:none;
font-size:12px;
font-weight:700;
color:#369
}
#undefinednav1,#undefinednav2,#undefinednav3,#undefinednav4,#undefinednav5{
display:inline-block;
margin-right:3px;
text-align:center
}
#undefinednav1{width:122px}
#undefinednav2{width:97px}
#undefinednav3{width:132px}
#undefinednav4{width:97px}
#undefinednav5{width:102px;margin-right:0}
ul.tabbernav li a:link,ul.tabbernav li a:visited{background-color:#FFF}
ul.tabbernav li a:hover{text-decoration:underline}
ul.tabbernav li.tabberactive a,ul.tabbernav li.tabberactive a:hover{background-color:#B0C9D7}
/*.tabbertab=the tab content, add style after the tabber interface is set up (.tabberlive)*/
.tabberlive .tabbertab{
padding:0;
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{
}