/****************************************/
/* Body styles                          */

html, body {
	background: rgb(100%,100%,100%);
	color: rgb(0%,0%,0%);
	font-family: Arial, Helvetica, sans-serif;
}

div.content {
	margin: 0px 0px 0px 50px;
}

/****************************************/
/* Header styles                        */

div.header {
	margin: -10px -10px 60px -10px;
	padding: 40px 10px 5px 10px;
	background: rgb(85%,85%,70%); 
}

.logo a {
  font-weight: bolder;
  font-size: 100%;
  text-decoration: none;
  border-bottom-style: none;
}

.logo a:hover {
  color: rgb(60%,60%,60%);
  background: rgb(85%,85%,70%); 
  border-bottom-style: solid;
}

.logostart {
  /* color: rgb(100%,100%,100%); */
  color: rgb(40%,40%,40%);
}

.logomiddle {
  /* color: rgb(90%,90%,90%);*/  
  color: rgb(50%, 50%, 50%);
  padding: 0.0em 0.0em 0.0em 0.1em;
}

.logoend {
  /* color: rgb(100%,100%,100%); */
  color: rgb(40%,40%,40%);
}

/****************************************/
/* Heading styles                        */

h1 {
	color: rgb(0%, 0%, 50%);
	font-size: 1.5em;
	margin-top: 1.4em;
}

h2 {
	color: rgb(0%, 0%, 50%);
	font-size: large;
}

h3 {
	color: rgb(0%, 0%, 0%);
	font-size: medium;
	font-weight: bold;
}

/****************************************/
/* Anchor element styles                */

a {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: thin;
}

a:link {
	color: #0000cc;
}

a:visited {
	color: #551a8b;
}

a:active {
	color: rgb(100%, 0%, 0%);
}

a:hover {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	background: rgb(100%,100%,0%);
}

a.anchor {
	text-decoration: none;
	border-bottom-style: none;
}

a[rel~="external"]:after {
	content: " >";
	font-weight: bold;
}

a[rel~="external"] {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: thin;
}

a[rel~="external"]:hover {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	background: rgb(100%,100%,0%);
}


/****************************************/
/* Table styles                         */

.simple_table {
	background: rgb(70%,70%,70%);
	border: 1pt solid rgb(70%,70%,70%);
	border-collapse: collapse; 
}

.simple_table th {
	padding: 0.3em;
	color: rgb(0%,0%,50%);
	background: rgb(90%,90%,90%);
	font-size: 0.8em;
	border: 1pt solid rgb(70%,70%,70%);
}

.simple_table tr {
	background: rgb(100%,100%,100%);
}

.simple_table td {
	padding: 0.1em 0.3em; 
	font-size: 0.8em;
	border: 1pt solid rgb(70%,70%,70%);
}

td.plain {
	text-align: left;
}

td.yup {
	background: rgb(80%,100%,80%);
}

td.nope {
	background: rgb(100%,80%,80%);
}

td.year {
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}

td.money {
	text-align: right;
}

td.negative {
	color: rgb(90%,0%,0%);
}

td.total {
	font-weight: bold;
	background: rgb(90%,90%,90%);
}

/****************************************/
/* Footer styles                        */

div.footer {
	margin: 30px -10px -10px -10px;
	padding: 5px 5px 10px 5px;
	border-top-style: solid;
	border-top-color: rgb(90%,90%,90%);
	border-top-width: thin;
	background: rgb(85%,85%,70%);
	color: rgb(30%,30%,30%);
}

div.footer img {
	float: left;
	margin: 5px;
	border: none;
}

div.footer {
	font-size: 0.75em;
}

/****************************************/
/* Copyright styles                     */

div.copyright img {
	float: left;
	margin: 5px;
	border: none;
}

div.copyright {
	font-size: 0.75em;
	color: rgb(30%,30%,30%);
}

