/* --- Tabs --- */
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive {margin:8px 0px;}
ul.tabbernav {list-style-type: none;margin:0px;padding:3px 0px;border-bottom:1px solid #bbb;font-size:11px;font-weight:bold;}
ul.tabbernav li {list-style-type: none;list-style:none;margin:0;display:inline;}
ul.tabbernav li a {
padding: 3px 4px;
margin-left: 0px;
border: 1px solid #bbb;
border-bottom: none;
background: #ff8901;
text-decoration: none;
list-style-type: none;
}
ul.tabbernav li a:link {list-style-type: none;color:#333}
ul.tabbernav li a:visited {}
ul.tabbernav li a:hover {list-style-type: none;color:#C64934;background:#f2f2f2;border-color:#aaa;}
ul.tabbernav li.tabberactive a {list-style-type: none;background:#fff;border-bottom:1px solid #fff;}
ul.tabbernav li.tabberactive a:hover {list-style-type: none;background:#fff;border-bottom:1px solid #fff;}
li.tabberactive {list-style-type: none;background-image:none;padding:0px;}
li.tabberinactive {list-style-type: none;background-image:none;padding:0px;}
.tabberlive .tabbertab {padding:5px;border:1px solid #bbb;border-top:0;
/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
/* height:100px; */
/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
/* overflow:auto; */
}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {overflow:auto;/*height:200px; */}