/*  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 { font-size:0.8em; }
.tabberlive {margin:0; padding:0; }

/*  ul.tabbernav = the tab navigation list //  li.tabberactive = the active tab */
ul.tabbernav { margin:0 0 3px; padding:0; }
ul.tabbernav li { list-style: none; margin:0; display: inline; font-size:1em; }
ul.tabbernav li a { padding: 3px 0.5em; margin-right: 3px; border-bottom: none; background: #fff; text-decoration: none; color: #000000; }
ul.tabbernav li a:link {}
ul.tabbernav li a:visited { }
ul.tabbernav li a:hover { background:#F4F4EC; color: #000; }
ul.tabbernav li.tabberactive a { background: #444; color: #fff; }
ul.tabbernav li.tabberactive a:hover { background: #444; color: #F4F4EC; }

/*  .tabbertab = the tab content // Add style only after the tabber interface is set up (.tabberlive)  */
.tabbertab { background:#F4F4EC; }
.tabberlive .tabbertab {
	padding:5px 5px 5px 0;
	border-top:0;
	margin-bottom:5px;
	font-size:0.9em;
	/* 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 h2 { display:none; font-size:1em; }
.tabberlive .tabbertab h3 { display:none; }
.tabberlive .tabbertab ul { margin:0; padding-left:5px; }

/* 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; }

.tabbertab p { padding-bottom:10px; line-height:140%; }
.tabbertab ul { padding:0.5em 0; }
.tabbertab ul li  { padding:.2em 0 .3em 1.6em; border-bottom:1px dotted #959595; list-style-type:none; background:url(images/bullet.gif) no-repeat 0 0;  }
.tabbertab ul li a { color: #444; }
.tabbertab ul li a:hover { color: #770000; }