body {
	text-align: center; /* for automatic centering of images and tables */
	background-color: #FFFFFF; /* para que o fundo se mescle com o fundo das imagens */
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0; /* we add lateral margin on the paragraph elements */
}
b, dl, h2, h3, ol, ul {
	text-align: left;
}
h1, h2, h3 { /* titles */
	font-weight: bold;
}
a {
	font-weight: bold;
	/* white-space: nowrap; */
	color: #137E9F;
}
b { /* subtitle */
	display: block;
	margin: 1.5em 0 1.5em 0; /* same as <p>'s top and bottom margin in ie 7 */
	margin-left: 3px; /* to match p's margin */
}
hr {
	border: thin solid #000000;
	height: thin;
}
blockquote {
	font-style: italic; /* without this it looks like the quote is part of the text. */
	font-family: tahoma;
}
blockquote span.mynote, blockquote cite, blockquote em {
	font-style: normal; /* italics in italics should really be plain */
	padding-left: 2px; /* just a little */
}
blockquote p {
	line-height: 2em; /* always double-space block quotations */
	/* text-align: center; */
}
blockquote.dialogue p {
	line-height: 1em;
}
dl {
	margin-left: 3.5em; /* based on <ul>'s left margin in firefox 2 and ie 7 */
	margin-right: 3.5em; /* same as margin-left */
	padding: 1em; /* at least something */
	border: thin solid #000000;
}
dt {
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
}
dd {
	text-align: justify;
	margin: 0.5em 0 0.5em 0;
}
label { /* legend */
	display: block;
	/* border: 1px solid #000000; */
	font-size: smaller;
	width: 80%;
	margin-top: 0.8em; /* at least something */
	padding-right: 10%;
	padding-left: 10%;
}
p {
	text-indent: 1em; /* o padrao mais formal nos browsers parece ser uma identacao pequena mesmo */
	text-align: justify;
	/* margin: auto 3px auto 3px; */ /* very little lateral margin */
	/* warning: better set individual properties for lateral margin because "auto" fucked up in firefox 2 */
	margin-left: 3px;
	margin-right: 3px;
}
table {
	padding: 0;
	border: 0;
	border-collapse: collapse;
	margin: 0 auto 0 auto; /* centers on firefox 2 and eliminates vertical margin if existent */
	/* font-family: monospace; o mesmo usado para o <pre> na maioria dos browsers. para dar a idea de codigo. */
}
td, th {
	border: thin solid #000000;
	padding: 4px; /* only a little (ic #10) */
}
th {
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
}
tfoot {
	font-weight: bold;
	text-align: center;
}
pre { /* schematics */
	border: thin solid #000000;
	margin: 0 auto 0 auto; /* centers on firefox 2 and eliminates vertical margin if existent */
	padding: 1em;
	width: 60%; /* default size to be applied even on very short content */
	text-align: center; 
	/* centered text is preferred, but sometimes we need to align left. in this case, just complement
	the shorter lines with whitespaces until all lines have the same ascii character width */
}
img {
	display: block;
	margin: 0 auto 0 auto; /* centers on firefox 2 */
	border: 0;
}
var {
	padding-right: 4px; /* pelo menos um pouco por causa de ponto final */
	padding-left: 4px; /* diminuimos o word-spacing, portanto precisa compensar com um pouco aqui. */
	white-space: nowrap; /* line breaks are undesirable inside math expressions */
	word-spacing: -0.07em; 
	/* we want to create an appearance that more or less resembles typical typesetting of
	mathematical expressions. this value is aimed to apply to typical fonts like times new roman
	and arial. */
	font-weight: bold;
	/* font-size: 110%;*/
	/* some math symbols are rendered by browsers in a fairly small size. we need a bigger font size. */
}

/*Custom Classes----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.draft {
	color: red;
}
a.bonusimg {
	background-image: url('bonus_bg.png');
	border: 1px solid black;
	color: #000000;
	display: block;
	margin: 1.5em auto 1.5em auto;
	margin-left: auto; /* centers on firefox 2 */
	margin-top: 1.5em; /* same as the default top/bottom margin for the <p> element in ie 7 */
	padding: 2px 0 2px 0; /* very little */
	text-decoration: underline;
	white-space: nowrap;
	width: 30%;
}
.version-final, .version-early, .version-draft, .version-empty {
	background-repeat: no-repeat;
	background-position: right;
}
.version-final { background-image: url('version-final.png'); }
.version-early { background-image: url('version-early.png'); }
.version-draft { background-image: url('version-draft.png'); }
.version-empty { background-image: url('version-empty.png'); }
div.buttons {
	text-align: right;
	border: 1px solid gray;
}
h2.biblio {
	text-align: center;
}
p.fn { /* endnote */
	text-indent: 0;
	text-align: left;
	font-size: smaller;
}
p.fn sup {
	font-weight: bold;
	font-size: small;  /* override: p.fn */
	vertical-align: middle;
}
p.forbidden {
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-image: url('forbidden_bg.gif'); /* a "police line"-like (used in crime scenes) background */
}
p.math {
	text-align: center;
	position: relative;
}
p.math label {
	display: block;
	width: 0;
	position: absolute;
	right: 16;
	top: 2; /* so um pouco pois parece que os browsers assumem top: 0 por padrao */
	font-size: 100%; /* override: label */
	/* border: 1px solid black; */
}
p.math img {
/* latex images - for math expressions that cannot be represented with html only. obs: make sure
that the font used in the image is sufficiently larger than the default size so that we can at least
avoid some of the disparity that arises when users change the browser's default font size but the
image size remains the same. */
	display: inline; /* override: img */
	margin: 0; /* override: img */
	vertical-align: middle;
}
p.undercons { /* under construction */
	color: red;
	font-weight: bold;
}
ol.biblio li {
	line-height: 2em;
}
pre.large {
	width: 75%;
}
pre.small {
	width: 50%;
}
pre.tiny {
	width: 35%;
}
sup.fn { /* endnote */
/* vamos colocar em negrito para diferenciar dos superescritos usados em expressoes matematicas. alem de que
chama mais atencao. */
	font-weight: bold;
}
span.pre {
	border: 1px solid #DDDDDD; /* just a very faint shade of gray */
	font-family: monospace; /* o mesmo usado para o <pre> na maioria dos browsers. para dar a idea de codigo. */
	font-size: 94%; /* so um poco. ie tende a aumentar monospace por alguma razao */
	padding-right: 2px; /* just enough to isolate the block from normal text */
	padding-left: 2px; /* just enough to isolate the block from normal text */
	/* white-space: nowrap; */
}
table.qualities-of-energy td.quality0 {
	background-color: #0099FF;
	font-weight: bold;
}
table.qualities-of-energy td.quality1 {
	background-color: #47B3FF;
	font-weight: bold;
}
table.qualities-of-energy td.quality2 {
	background-color: #66CCFF;
	font-weight: bold;
}
table.qualities-of-energy td.quality3 {
	background-color: #99FFFF;
	font-weight: bold;
}
table.qualities-of-energy td.quality4 {
	background-color: #CCFFFF;
	font-weight: bold;
}
table.qualities-of-energy td.quality5 {
	background-color: #FFFFFF;
	font-weight: bold;
}
table.struct { /* structural */
      	padding: 0;
      	border: 0;
	border-collapse: collapse;
	margin: auto; /* centers in firefox 2 */
}
table.struct td, table.struct th {
	padding: 0;
	margin: 0;
	border: 0;
}
td.struct {
	padding: 0;
	margin: 0;
	border: 0;
}
ul.paragraph {
	margin: 0;
	margin-left: 3px; /* same as <p>'s */
	margin-right: 3px; /* same as <p>'s */
}
ul.paragraph li {
	list-style-type: none;
	margin-bottom: 1em; /* something */
	margin-top: 1em; /* something */
	/* border: 1px solid black; */
}

/*Unique DIVs-------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

div#contents li {
	border-bottom: 1px solid #6593CF;
	line-height: 20px; /* calibrated: height of one row in progress_bar.png */
	list-style-type: decimal;
	/* border: 1px solid red; */
}
div#contents ul {
	/* width: 100%; */
	/* warning: don't use this or all list markers disappear in ie7 */
	padding-top: 0; /* removes firefox 2's default top padding */
}
div#contents ul.top {
	margin-top: 0;
	margin-bottom: 0;
	/* border: 1px solid black; */
}
div#contents li.skip {
	list-style-type: none;
	display: inline;
	/* removes ie7's default top padding that cannot be removed with padding-top: 0 */
}
div#contents li a {
	text-decoration: none;
}
div#contents 
li.progress,
li.progress-00,
li.progress-05,
li.progress-10,
li.progress-15,
li.progress-20,
li.progress-25,
li.progress-30,
li.progress-35,
li.progress-40,
li.progress-45,
li.progress-50,
li.progress-55,
li.progress-60,
li.progress-65,
li.progress-70,
li.progress-75,
li.progress-80,
li.progress-85,
li.progress-90,
li.progress-95,
li.progress-100 {
	background: url('progress_bar.png') no-repeat top right;
	/* list-style-image: url('progress_bar.png'); */
}
div#contents li.progress-00 {
	background-position: 100% -20px; /* firefox 2 doesn't support background-position-y */
	background-position-y: -20px;
}
div#contents li.progress-05 {
	background-position: 100% -40px;
	background-position-y: -40px;
}
div#contents li.progress-10 {
	background-position: 100% -60px;
	background-position-y: -60px;
}
div#contents li.progress-15 {
	background-position: 100% -80px;
	background-position-y: -80px;
}
div#contents li.progress-20 {
	background-position: 100% -100px;
	background-position-y: -100px;
}
div#contents li.progress-25 {
	background-position: 100% -120px;
	background-position-y: -120px;
}
div#contents li.progress-30 {
	background-position: 100% -140px;
	background-position-y: -140px;
}
div#contents li.progress-35 {
	background-position: 100% -160px;
	background-position-y: -160px;
}
div#contents li.progress-40 {
	background-position: 100% -180px;
	background-position-y: -180px;
}
div#contents li.progress-45 {
	background-position: 100% -200px;
	background-position-y: -200px;
}
div#contents li.progress-50 {
	background-position: 100% -220px;
	background-position-y: -220px;
}
div#contents li.progress-55 {
	background-position: 100% -240px;
	background-position-y: -240px;
}
div#contents li.progress-60 {
	background-position: 100% -260px;
	background-position-y: -260px;
}
div#contents li.progress-65 {
	background-position: 100% -280px;
	background-position-y: -280px;
}
div#contents li.progress-70 {
	background-position: 100% -300px;
	background-position-y: -300px;
}
div#contents li.progress-75 {
	background-position: 100% -320px;
	background-position-y: -320px;
}
div#contents li.progress-80 {
	background-position: 100% -340px;
	background-position-y: -340px;
}
div#contents li.progress-85 {
	background-position: 100% -360px;
	background-position-y: -360px;
}
div#contents li.progress-90 {
	background-position: 100% -380px;
	background-position-y: -380px;
}
div#contents li.progress-95 {
	background-position: 100% -400px;
	background-position-y: -400px;
}
div#contents li.progress-100 {
	background-position: 100% -420px;
	background-position-y: -420px;
}