.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
width: 760px;
margin-top: 6px;
margin-left: 2px;
margin-bottom: -3px;
text-align: left;

overflow: hidden;
position:relative;
}

.cssbuttonstoggler a{
	display: block;
	float: left;
	margin: 3px 0 1px 0;
	padding: 0 0 0 12px;
	color: #FFF;
	font-weight: normal;
	height: 20px;
	line-height: 20px; 
	background-color: #336699;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
}

.cssbuttonstoggler a span{
	display: block;
	float: left;
	padding: 0 15px 0 0;
/*	background: url('../images/separator-tabhead.gif') no-repeat right 50%; */
}

.cssbuttonstoggler a.selected {
	color: #ff7000;
	height: 25px;
	line-height: 25px;
	margin: 0 0 0 -1px;
	background: url('../images/tabhead-left.gif') no-repeat;
	padding: 0 0 0 4px;
	cursor:pointer;
	text-decoration:none;
}


.cssbuttonstoggler a.selected span {
	background: url('../images/tabhead-right.gif') no-repeat right top;
	height:25px;
	padding-bottom:-4px;
	z-index:200px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 0;
}


.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

div.tab {
	border-top:1px #a0c3e3 solid;
	padding: 0px 0px 0px 0px;	
	*padding:0px;	
	width: 762px;
	margin-left: 2px;
	height:0px;
}