div.content {
    border: #CCC solid 3px;
    clear: left;
    padding: 1em;
	width: 55%;
	background-color: #333;
	color: #FFFfff;
	float:left;

}

div.content.inactive {
	display: none;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
	background: url(/images/tabs.png);
	color: #444;
	display: block;
	float: left;
	height: 2.2em;
	padding-left: 5px;
	text-decoration: none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}

ol#toc a:hover {
	background-color: #d8d8d8;
	background-position: 0 -120px;
	color: #666;
	font-family:Tahoma, Geneva, sans-serif;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li a.active {
    background-color: #48f;
    background-position: 0 -60px;
    color: #900;
	font-weight:bold;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
	background: url(/images/tabs.png) 100% 0;
    display: block;
    line-height: 1em;
    padding-right: 10px;
	padding-top: 6px;
	padding-left: 2px;
}