/* hide the non-active tab content */
.tabberlive .tabbertabhide {
 display: none;
}
/* .tabberlive = after the tabber interface is set up */
.tabberlive {
 margin-bottom: 1em;
}
ul.tabbernav {
	margin: 0;
	padding: 3px 0;
	font: bold 75% Arial, sans-serif;
	padding-left: .1667em;
}
html>body ul.tabbernav {
	padding-left: .0833em;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	float: left;
	display: block;
	position: relative;
	margin: -.25em 0 -.0833em -.0833em;
	border-left: .0833em solid #ccc;
}
html>body ul.tabbernav li {
	margin-top: 0;
}
ul.tabbernav li.hidden {
	visibility: hidden;
	float: none;
}
ul.tabbernav li a {
	padding: .4167em 10px;
	border: .0833em solid #ccc;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	border-left: none;
	/*background: #fcf6de;
	color: #06c;*/
}
ul.tabbernav li a:hover {
	/*color: #a03c00;*/
	text-decoration: none;
}
ul.tabbernav li.tabberactive a {
	/*color: #a03c00;*/
	background-color: #fff;
	border-bottom-color: #fff;
}
/* .tabbertab = the tab content */
.tabberlive .tabbertab {
	padding: .4375em .625em 1.5em;
	border: .0625em solid #ccc;
	clear: left;
}
html>body .tabberlive .tabbertab {
	padding: .9375em .625em 1.5em;
}
/* hide the headings */
.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 {
	display: none;
}
/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ 
.tabberlive#tab1 .tabbertab {
	height: 200px;
	overflow: auto;
}

.tabbg {
	margin: -.9375em -.625em -1.5em;
}

/* colors */
ul.tabbernav li, ul.tabbernav li a, .tabberlive .tabbertab {
	border-color: #87bbf0;
}
ul.tabbernav li a {
	color: #06c;
}
ul.tabbernav li a, .tabbg {
	background: #ebf6fa;
}
ul.tabbernav li a:hover, ul.tabbernav li.tabberactive a {
	color: #1a478a;
}
	/* group */
		.group ul.tabbernav li, .group ul.tabbernav li a, .group .tabberlive .tabbertab {
			border-color: #87bbf0;
		}
		.group ul.tabbernav li a, .group .tabbg {
			background: #ebf6fa;
		}
		.group ul.tabbernav li a:hover, .group ul.tabbernav li.tabberactive a {
			color: #1a478a;
		}
	/* products */
		.products ul.tabbernav li, .products ul.tabbernav li a, .products .tabberlive .tabbertab {
			border-color: #e29d58;
		}
		.products ul.tabbernav li a, .products .tabbg {
			background: #fcf6de;
		}
		.products ul.tabbernav li a:hover, .products ul.tabbernav li.tabberactive a {
			color: #a03c00;
		}
	/* research */
		.research ul.tabbernav li, .research ul.tabbernav li a, .research .tabberlive .tabbertab {
			border-color: #90cb94;
		}
		.research ul.tabbernav li a, .research .tabbg {
			background: #edfbec;
		}
		.research ul.tabbernav li a:hover, .research ul.tabbernav li.tabberactive a {
			color: #063;
		}
	/* social */
		.social ul.tabbernav li, .social ul.tabbernav li a, .social .tabberlive .tabbertab {
			border-color: #88c5c5;
		}
		.social ul.tabbernav li a, .social .tabbg {
			background: #e8f2ed;
		}
		.social ul.tabbernav li a:hover, .social ul.tabbernav li.tabberactive a {
			color: #14737d;
		}
/* /colors */

.contentlink span.plaintext {width:47.5em; display:block; padding-left:1em; }
.contentlink span.plaintext a {display:block;}
.contentlink span.plaintext a img {margin-left:-.75em; margin-right:.2em;}
html>body .contentlink span.plaintext a img {margin-left:-1em; margin-right:.3em;}

.tabberlive .tabbertab .indented span.plaintext {
	width: 23em;
	display: block;
	padding-left: 1em;
}
.tabberlive .tabbertab .indented {
	position: absolute;
	z-index: 2;
	padding-left: 16em;
}
.tabberlive .tabbertab .contentlink span.plaintext br {
	/*display: none;*/
}
.tabberlive .tabbertab .contentlink span.plaintext a {
	margin-bottom: 1px;
}
html>body .tabberlive .tabbertab .contentlink span.plaintext a {
	margin-bottom: 0;
}