.tabberlive .tabbertabhide {
display:none;
}
/*---
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
---*/
.tabber {
margin: 0 auto;
}
.tabberlive {
padding:0 auto;
margin:1px;
width:637px;
}
/*---
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
---*/
ul.tabbernav {
margin:0;
padding: 4px 0;
border-bottom: 1px solid #ccc;
font: bold 12px arial, sans-serif;
}
ul.tabbernav li {
list-style: none;
margin: 0;
display: inline;
font-family: arial, sans-serif;
}
ul.tabbernav li a {
padding: 3px 0.5em;
padding-top: 0.2em;
margin-left: 3px;
border: 2px solid #879CA0;
border-bottom: none;
background: #f9f9f9;
text-decoration: none;
}
ul.tabbernav li a:link { color: #25A221; }
/* ul.tabbernav li a:visited { color: #667; } */
ul.tabbernav li a:hover {
color: #fff;
background: #ababab;
border-color: #ababab;}
ul.tabbernav li.tabberactive a {
background-color: #ccc;
border-bottom: 3px solid #ccc;
}
ul.tabbernav li.tabberactive a:hover {color: #000;
background: white;
border-bottom: 1px solid white;
}
/*---
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
---*/
.tabberlive .tabbertab {
background:#ccc;
margin: -3px;
padding: 5px 53px 0;
border:2px solid #879CA0;
}
.tabberlive .tabbertab p {
margin: 0 auto;
padding: 0 auto;}
.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;}
.tabber{display:none;}