body {
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
	font-family: helvetica,arial,sans-serif;
}

.header {
	/* float: left; */
	padding: 5pt;
	margin: 5pt;
	padding-top: 0pt;
	padding-bottom: 0pt;
	border: 1px solid black;
	background: #eee;
	color: black;
}

.sidebar {
	width: 8em;
        display: block;
	float: left;
	padding: 5pt;
	margin: 5pt;
	padding-top: 0pt;
	padding-bottom: 0pt;
	margin-top: 0pt;
	border: 1px solid black;
	background: #eee;
	color: black;
	clear: both;
	text-align: center;
}

.sidebar h1 {
	margin-top: 5pt;
	margin-bottom: 5pt;
	font-size: 10pt;
}

.sidebar h1 a {
	text-decoration: none;
}

.pagecloud, .tags {
	float: left;
	text-align: center;
	padding: 5pt 5pt;
	color: black !important;
	width: auto;
	float: none;
	margin-top: 5pt;
	margin-left: auto;                                                                                                                                                          
        margin-right: auto;
}
.smallestPC { font-size: 70%; }
.smallPC { font-size: 85%; }
.normalPC { font-size: 100%; }
.bigPC { font-size: 115%; }
.biggestPC { font-size: 130%; }

.feedbutton {
	background: #ff6600;
	color: white !important;
	border-left: 1px solid #cc9966;
	border-top: 1px solid #ccaa99;
	border-right: 1px solid #993300;
	border-bottom: 1px solid #331100;
	padding: 0px 0.5em 0px 0.5em;
	font-family: sans-serif;
	font-weight: bold;
	font-size: small;
	text-decoration: none;
	margin-top: 1em;
}
.feedbutton:hover {
	color: white !important;
	background: #ff9900;
}


#content {
        display: block;
	width: auto;
	min-width: 256px;
	/* max-width: 600px; */
	padding-top: 0pt;
	padding: 5pt;
	margin: 5pt;
	margin-left: 10em;
	color: black;
	background: #f8f8f8;
	font-size: 10pt;
        border: 1px solid #aaa;
}
#columns {
	margin-top: 0px;
	margin-bottom: 9pt;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 100%;
}
#rightcolumn {
	border-left: 1px dashed black;
}

/** left column **/

#leftcolumn {
	margin-top: 20px;
	background: #eee;
	padding: 5px;
	width: 150px;
}
#navtree {
	width: 130px;
	font-size: 10pt;
}
#list {
	padding-left: 1.3em;
}
#list ol {
	margin: 0px 0px 0px 8px;
	padding: 0px;
}
#list li {
	text-indent: 0px;
}

#root {
	margin-bottom: 1em;
}

/** edit controls **/

#controls {
	width: 100%;
	text-align: center;
	font-size: 10pt;
}
#controls ol {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 
#controls ol li {
	margin-left: 0;
	list-style: none;
	display: inline;
}
#controls a {
	text-decoration: none;
}
#controls ol li:before {
	content: "| ";
	color: #000;
}
#controls ol li.first:before {
	content: "";
}

#breadcrumbs {
	font-size: 10pt;
	text-align: right;
}
#breadcrumbs a {
  text-decoration: none;
}

#recent_changes { width: 100%;  }
#recent_changes span.path {
	color: green;
}	
#recent_changes td {
	padding-left: 15px; 
}
#recent_changes tr.daybreak {
	background: #eee;
	color: #333;
}
#recent_changes tr.daybreak td { padding-left:	4px; }

h1,h2,h3,h4 {
  color: #666;
}
h1 {
	text-align: center
}
h2 {
  color: #666;
	background: #eee;
	border-bottom: #ccc 2px solid;
	padding-left: 4px;
}
h3 {
	background: #eee;
	padding-left: 4px;
	border-bottom: #ccc 1px solid;
}

.shade {
  background: #FFF6DD;
  border: solid 1px;
  border-color: #AAA688 #DDD6CC #DDD6CC #AAA688;
  padding: 2px;
  font-size: 10pt;
}
.code {
  overflow: auto;
  font-size: 10pt;
}
code {
  font-family: monospace;
}

div#lang {text-align: center; padding-top: 2em;}
div#lang select {font-size: 7pt;}

#footer {
        font-style: italic;
        display: block;
        margin-top: 1em;
	border-top: 1px solid black;
	clear: both;
}

.inlinepage {
        padding: 5pt 5pt;
        margin-top: 5pt;
        margin-bottom: 5pt;
        border: 1px solid #bbb;
	color: black;
	background: #f4f4f4;
	font-size: 10pt;
}

.inlinepage .header {
	display: block;
	border: 0px;
	border-bottom: #ccc 2px solid;
	color: #666;
	background: #eaeaea;
	font-size: 15pt;
}

.inlinepage .header a {
	text-decoration: none;
}

.feedlink {
	float: right;
	margin-bottom: 5px;
}

a {
	color: #3080f1;
	text-decoration: none;
}
a:link {
	color: #3080f1;
}
a:visited { color: #11aa30; }
a:hover {
	color: #f13330;
	text-decoration: underline;
}
a:active { }

.footer .pageinfo .tags {
	text-align: left;
	float: none;
}	

img {
	margin: 2px;
}

@media print {
	#sidebar { display: none; }
	#content { margin-left: 0em; }
	.header { display: none; }
	#footer { display: none; }
}