#toc {
	float: right;
	margin: 1em;
	padding: .3em;
}

#toc li.document > span {
	background-image: url('var/img/document.png');
}

#documentation_page {
	padding: 1em;
	background-color: white;
}

#documentation_page-title, #documentation_page-changes {
	width: 100%;
}

#documentation_page-content {
	width: 100%;
	height: 24em;
}

#documentation_page-versions {
	width: 30em;
}

#documentation_page .preview-bar {
	float: right;
	width: 47%;
	height: 38em;
	border: {{$BORDER}} 1px solid;
	padding: .5em;
	overflow: auto;
}

#documentation_page h1 {
	background-color: #F0F0F0;
	color: #404040;
	font-weight: normal;
	padding: .3em .5em;
	margin: 0 0 1em 0;
}

#documentation_page h2 {
	border-bottom: #E0E0E0 1px solid;
	color: black;
	font-weight: normal;
}

#documentation_page h3 {
	color: #202020;
	padding: .2em .3em;
	margin: 1.5em 0 1em 0;
}

#documentation_page pre {
	font-size: 10pt;
	color: #002166;
	background-color: #F8F8F8;
	border: #D0D0E0 1px solid;
	border-left: #D0D0E0 3px double;
	padding: 1em;
}

#documentation_page .toc {
	border-left: #D0D0E0 3px double;
	padding: .2em .5em;
}

#documentation_page .toc, #documentation_page .toc ul {
	list-style: square inside;
	padding-left: 2em;
}

#documentation_page .toc li a {
	text-decoration: none;
	color: #002166;
}

#documentation_page .toc li a:hover {
	text-decoration: underline;
}

#documentation_page div.comments div.comment {
	margin-top: 1em;
	border-left: #D0D0E0 1px solid;
}

#documentation_page div.comments div.comment div.author {
	color: #002166;
	background-color: #F8F8F8;
	padding: .2em .5em;
}

#documentation_page div.comments div.comment div.body {
	padding: .3em .5em;
}

#documentation_page-comment-window {
	width: 65em;
}

#documentation_page-comment-window div.comment-preview-bar {
	float: right;
	width: 30em;
	height: 25em;
	border: {{$BORDER}} 1px solid;
	padding: .5em;
	overflow: auto;
}

#documentation_page-comment-window textarea {
	width: 30em;
	height: 22em;
}