@import url('https://fonts.googleapis.com/css?family=Balthazar|Roboto:400,900|Open+Sans:800');

.report {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.reportheader {
  height: 190px;
  background-color: #fbba00;	
  border-top: solid 20px black;
}

.reportname {
  color: black;
  margin-top: 5px;
  margin-left: 15px;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 1.2em;
  clear: both;
}

.toflerlogo {
  float: right;
  margin-right: 15px;
  margin-top: 10px;
}

.reporttitle { 
  font-family: Roboto, sans-serif;
  font-weight: 900;
  font-size: 2em;
  color: white;
  margin-left: 15px;
  margin-top: 30px;
  text-align: left;
  text-transform:uppercase;
}

.infobox {
  width: 400px;
  height: 200px;
  background-color: #DDD;
  float: right; 
}

.dateline {
  text-align: left;
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 5px;
  float: left;
}

.reportingunits {
  text-align: right;
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 5px;
  float: right;
}

.toc {
	width: 100%;
	margin-top: 10px;
	border: 0px;
}

.toc .oddsection {
	background-color: #EEE;
}

.toc .sectionname {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	margin-top: 10px;
	padding-left: 20px;
	color: #e0301e;
}

.toc .sectionname .subsectionname {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	padding-left: 40px;
	margin-top: 10px;
	font-size: 0.9em;
	color: #e0301e;
}

.toc .sectiondescription {
	font-family: 'Times New Roman', serif;
	vertical-align: top;
	padding-left: 20px;
}

.section {
	width: 100%;
	clear: both;
}

.sectiontitle {
	width: 100%;
	border-bottom:solid thin #CCC;
	font-family: Roboto, serif;
	font-weight: 900;
	font-size: 1.5em;
	color: #e0301e;
	text-align: left;
}

.section .subsection {
	margin-left: 3%;
	margin-right: 3%;
}

.section .subsection .subsectiontitle {
	font-family: 'Times New Roman', serif;
	font-weight: 400;
	font-size: 1.5em;
	margin-top: 5px;
}

.infotable {
	width: 100%;	
}

.infotable thead tr {
	background-color: #e0301e;
	background-color: #aaa; 
}

.infotable thead tr td {
	font-weight: bold;
	color: white;
}

.infotable .firstcol {	
	border-left: solid 6px #fbba00 ;
	border-left: solid 6px #e0301e ;
}

.infotable .oddrow {
	background-color: #DDD;
}

.infotable .darkoddrow {
	background-color: #aaa;
}

.infotable tr td {
	padding-left: 10px;
}

.chargetable {
	width: 100%;
	border: 1px solid;
}

.chargetable tr td {
	padding-left: 10px;
}

.chargetable .titlecell {
	font-weight: bold;
	background-color: #DDD;	
}

.chartleft {
	text-align: left;
	font-family: 'Times New Roman',serif;
	font-weight: bold;
	/* float: right;*/
	/* background-color: #e0301e; */
	/*background-color: #dddddd;*/
	margin-top: 5px;
	/* width: 40%;*/
	/*min-width: 550px;*/
}

.chartright {
	text-align: left;
	font-family: 'Times New Roman',serif;
	font-weight: bold;
	/* float: right; */
	/*background-color: #e0301e;*/
	/*background-color: #dddddd;*/
	margin-top: 5px;
	/* width: 40%;*/
	/*min-width: 550px;*/
}

.chart {
	text-align: left;
	font-family: 'Times New Roman',serif;
	font-weight: bold;
	float: right;
	/*background-color: #e0301e;*/
	background-color: #dddddd;
	margin-top: 5px;
	min-width: 550px;
}

.charttitle {
	/*margin-left: 10px;*/
	margin-top: 5px;
	color: black;
	font-style: italic;	
	font-size: 1.3em;
}

.subcharttitle {
	font-size: 0.9em;
	font-family: Roboto, serif;
}

.chartname {
	/*font-family: 'Times New Roman', serif;*/
	font-family: Roboto, serif;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 5px;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style:solid;
  	border-color: #555555;	
	color: #d50423;
}

.remove {
	background-color: red;
}

.reportfooter {
  background-color: #fbba00;	
}