/* CSS Document */

/* 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 */
.tabber {}

/* .tabberlive = after the tabber interface is set up */
.tabberlive {margin-top:1em}

div.tabbertab {font:.76em/1.5 verdana,san-serif}
div.tabbertab ul li {margin-bottom:1em}
div.tabbertab p {margin-left:27px}

/* ul.tabbernav = the tab navigation list */
ul.tabbernav {
	margin:0;
	padding:3px 0;
	border-bottom:2px solid #9cb4cc;
	font: bold 12px Verdana, sans-serif}

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

ul.tabbernav li a {
	padding:3px 0.5em;
	margin-left:3px;
	border:0px solid #9cb4cc;
	border-bottom:none;
	background:#9cb4cc;
	text-decoration:none}

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

ul.tabbernav li a:hover {
	color:#FFF;
	background:#7b3d1e;
	border-color:#7b3d1e}

/* li.tabberactive = the active tab */
ul.tabbernav li.tabberactive a {
	background:#214b75;
	border-bottom:0px solid #214b75}

ul.tabbernav li.tabberactive a:hover {
	color:#FFF;
	background:#7b3d1e;
	border-bottom:0}

/* .tabbertab = the tab content - Add style only after the tabber interface is set up (.tabberlive) */
.tabberlive .tabbertab {
	padding:5px;
	border:2px solid #9cb4cc;
	border-top:0}

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