.tabberlive .tabbertabhide{
display:none;
}

/*----------------------------------------------------------------------------*/
.tabber{
}

.tabberlive{
margin-top:0.1em;
}

/*----------------------------------------------------------------------------*/
ul.tabbernav{
margin:       0;
/*border-bottom:1px solid #F4BF8A;*/
padding:      0.23em 0;

font:bold 1.25em verdana,arial,helvetica,sans-serif;
}

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

margin:0;
}

ul.tabbernav li a{
margin-left:  0.23em;
/*border:       1px solid #F4BF8A;*/
border-bottom:none;
padding:      0.23em 0.5em;

/*background:     #FCD9CD;*/
text-decoration:none;
}

ul.tabbernav li a:link{
/*color:#000000;*/
}
ul.tabbernav li a:visited{
/*color:#000000;*/
}

ul.tabbernav li a:hover{
/*border-color:#F4BF8A;*/

/*background:#F4BF8A;*/
/*color:     #000000;*/
}

ul.tabbernav li.tabberactive a{
/*border-bottom:1px solid #FFFFFF;*/

/*background:#FFFFFF;*/
}

ul.tabbernav li.tabberactive a:hover{
/*border-bottom:1px solid #FFFFFF;*/

/*background:#FFFFFF;*/
/*color:     #000000;*/
}

/*----------------------------------------------------------------------------*/
.tabberlive .tabbertab{
padding:0.3em;

/*background:#E8EAEA;*/

/* If you don't want the tab size changing whenever a tab is changed
   you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a
   scrollbar when necessary */

/* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h1,.tabberlive .tabbertab h2,.tabberlive .tabbertab h3,.tabberlive .tabbertab h4,.tabberlive .tabbertab h5,.tabberlive .tabbertab h6{
display:none;
}

.tabbertab h1,.tabbertab h2,.tabbertab h3,.tabbertab h4,.tabbertab h5,.tabbertab h6{
font-size:1.25em;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1{
}
.tabberlive#tab2{
}
.tabberlive#tab2 .tabbertab{
overflow:auto;

height:200px;
}