html {
	border:none;
	background:black; }

body {
	font-family:serif;
	color:black;
	background:white;
	padding:0.8em;
	margin:0.8em; 
	text-align:justify; }
input, textarea {
	color:black;
	border-color:#889;
	background:transparent; }
textarea { width:99%; }

img {
	border:none;
	max-width:100%; }

blockquote { font-style:italic; }

h1, h2 {
	margin:0px;
	padding-left:1%;
	padding-bottom:1%; }
h1 { padding-top:0.7em; }
h2 {
	background:#ddd;
	/* Trouble for ie: */
	/*margin-top:1em;*/
	padding-top:1.2em;
	font-size:larger;
	font-weight:normal; }

a:link, a:visited { color:#369; }
a:hover, a:active {
	color:#060;
	background:#ff8; }


.notice, .warning, .error {
	font-size:larger;
	font-weight:bold;
	text-align:center; }
.notice { color:#080; }
.warning { color:#f84; }
.error { color:#f00; }

.login {
	margin-top:1em;
	margin-left:2em; }
.logout {
	float:left;
	font-size:smaller; }

.helpLink, .helpLinkClose {
	text-decoration:none;
	font-size:medium;
	font-style:italic;
	padding-left:1%;
	padding-right:1%; }
.helpLink { cursor:help; }
.helpLinkClose { text-decoration:line-through; }

.help {
	padding-top:1em;
	font-size:medium;
	font-weight:normal;
	background:transparent; }

.helpTitle, .helpTitle:link, .helpTitle:visited {
	display:block;
	font-size:larger;
	font-weight:bolder; }


.sidebar {
	float:right;
	clear:right;
	font-size:smaller;
	padding-left:1em;
	width:30%;
	text-align:center;
	background:white; }

.title {
	font-size:larger;
	font-weight:bolder;
	letter-spacing:0.3em; }

.box {
	/* Due to IE, I recode the outset effet */
	border:solid 2px #668;
	border-top-color:#ccd;
	border-left-color:#ccd;
	background:#ccc;
	margin-top:1em;
	padding-bottom:1em; }

.boxTitle {
	text-align:left;
	font-weight:bold;
	padding:0.2em;
	margin-bottom:0.4em;
	color:#ff4;
	background:#557; }

.boxSubtitle {
	font-size:small;
	text-align:right;
	color:#ff4;
	background:#557; }

.boxLine {
	text-align:left;
	padding-left:1em; }
.boxLineR {
	float:right;
	padding-right:1em; }

.boxMore {
	font-weight:bold;
	text-align:right; }


.parent {
	text-align:center;
	font-size:smaller;
	font-style:italic;
	padding-bottom:1.4em; /* To make sure no following author gest garbled */ }

.author {
	font-style:italic;
	float:left; }
/* Because of a discrepancy with ie: */
.author:after {
	content:" ";
	white-space:pre; }

.eltInfo {
	float:right;
	margin-left:0.5em; }

.created_on {
	margin-right:0.5em;
	font-size:smaller;
	font-weight:normal;
	float:right; }

.eltBody { padding-left:1%; }

.eltSub, .help {
	border-bottom:solid 1px white; /* Or IE would add strange vertical lines in
	the close part */
	margin-left:2%;
	border-left:solid 2px #bbb;
	padding-left:2%; }

.pageCount {
	margin-left:2em;
	margin-right:2em;
	font-size:smaller;
	letter-spacing:0.3em; }

.eltSubsClose {
	margin-left:1%;
	font-size:smaller; }

.version, .version:link, .version:visited, .version:hover, .version:active {
	display:block;
	text-align:right;
	clear:right; /* To make sure the sidebar is not element at the bottom */
	font-size:smaller;
	color:#aaa;
	background:transparent;
	cursor:default;
	text-decoration:none;

/*
.link {
	padding-left:1em;
	font-weight:bold;
	vertical-align:middle; }

.xml {
	position:absolute;
	top:0em;
	right:0em; }

.level {
	display:inline;
	font-weight:bold;
	color:#44C; }

.propose, .choose, .delegate { margin-left:1em; }
.propose:before { color:#881; }
.choose:before { color:#188; }
.delegate:before { color:#818; }
.propose:before, .choose:before, .delegate:before {
	content:"->";
	font-size:x-large;
	font-weight:bold; }
.moderate { text-align:center; font-weight:bold; font-size:larger; }
.moderate:before { color:#CCC; content:"-> "; }
.moderateActual { display:inline; color:#44F; }
.moderateActual:before { content:"["; }
.moderateActual:after { content:"]"; }

.messageTitle {
	font-size:larger;
	font-weight:bold;
	font-weight:italic;
	color:#333; }

.ancestor { text-align:right; }

.section {
	border:outset thin #889;
	margin-bottom:1em; }

.sectionTitle {
	font-size:x-large;
	text-align:left;
	font-weight:bold;
	padding:6px;
	background:#eef; }

.subTitle { text-align:right; }

.out, .err, .info {
	font-size:larger;
	font-weight:bold;
	padding:1em;
	text-align:center;
	background:white; }
.out { color:#080; }
.err { color:#800; }
.info { color:#008; }


.footnote:before { content:"("; }
.footnote {
	font-size:smaller;
	text-align:right;
	margin-top:1em; }
.footnote:after { content:")"; }

th.visu, td.visu, th.param, td.param {
	padding-left:1em;
	padding-right:1em;
	background:#ddd; }
th.visu, th.param { background:#ddf; }
td.visu { background:#bbb; }

input.param { width:100%; }
textarea.param { width:100%; height:50em; }
textarea.paramSmall { width:100%; height:1.5em; }

*/