/* DO NOT RE-ORDER THESE CLASSES */

/* 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-top:1em;
}

/*
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
*/

ul.tabbernav{
margin:0px;
padding: 1px 0px;
border-bottom: 1px solid #999;
font: bold 12px Verdana, sans-serif;
}

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

ul.tabbernav li a{
padding: 3px 0.5em;/* bg image possible */
margin-right: 8px;
border: 1px solid #999;
border-bottom: none;
background-color: #ccc;
text-decoration: none;
}

ul.tabbernav li a:link{
color: #036;
}
ul.tabbernav li a:visited{
color: #036;
}

ul.tabbernav li a:hover{
color: #000;
background-color: #f8f8f8;
border: 1px solid #999;
border-bottom: none;
}

ul.tabbernav li.tabberactive a{
background-color: #f8f8f8; /* selected tab */
border-bottom: 1px solid #f8f8f8;
/* background-image:none; */

}

ul.tabbernav li.tabberactive a:hover{
background-color: #f8f8f8;/* selected tab onMouseOver, keep same colors as content */
border-bottom: 1px solid #f8f8f8;
color: #000;
}

/*
 .tabbertab = the tab content
 Add style only after the tabber interface is set up (.tabberlive)
*/

.tabberlive .tabbertab{
background-color: #f8f8f8;
padding:5px 10px;
border:1px solid #999;
border-top:0;
/* scrollbar-base-color:#369;scrollbar-arrow-color: #00ffff; */ /* fast one color MS IE scrollbar */
/* height:200px; */ /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
/* overflow:auto; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
}

/* 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:350px;
overflow:auto;
}