/* 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 {border:1px solid #d0dcef}

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

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

/* ul.tabbernav = the tab navigation list */
ul.tabbernav {
	margin:0;
	padding:1px 0 12px 0;
	border-bottom:1px solid #d0dcef;
	font: bold .8em Verdana, sans-serif}

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

ul.tabbernav li a {
	padding:10px 8px;
	margin:0;
	background:#dee9f8;
	text-decoration:none}

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

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

/* li.tabberactive = the active tab */
ul.tabbernav li.tabberactive a {
	background:#0a387d;
	color:#FFF}

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

/* .tabbertab = the tab content - Add style only after the tabber interface is set up (.tabberlive) */
.tabberlive .tabbertab {
	padding:5px;
	border:0 solid #d0dcef;
	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}