body
{
	font-family: Courier New;
	margin: 0;
	padding: 0;
}
.header {
  position: fixed;
  background: #555;
  color: #ffffff;
  width:100%;
  top: 0;
  left: 0;
  height:180px;
}

#wrapper {
    width: 100%;
    overflow: hidden; /* will contain if #first is longer than #second */
}
#updateTime {
    width: 400px;
    float:left; /* add this */
}
#lookup {
    width: 400px;
	overflow: hidden; /* if you don't want #second to wrap below #first */
}


.content
{
    margin-top: 200px;
	margin-bottom:50px;
}​

.pc3
{
    margin-top: 200px;
	margin-bottom:50px;
}​


.chart-container {
    width: 300px;
    height:300px;
}

.histograms-container
{
    width: 600px;
    height:600px;
}

.datagraph-container
{
    width: 600px;
    height:600px;
	clear: both;
	
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  /*background-color: inherit;*/
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width:100px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
/*.tab button.active {
  background-color: #ccc;
}*/

.h2Region {
    display: block;
    font-size: 15px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	width:350px;
}

.butNA {
  background-color: #33cc33;
}
.butEU {
  background-color: #ff3300;
}
.butLA {
  background-color: #eca53a;
}
.butOCE {
  background-color: #33AEEF;
}
.butALL {
  background-color: #E6E6FA;
}

.butPC3 {
  background-color: #eee;
}



.butNA2 {
  background-color: rgba(51, 204, 51,0.5);
}
.butEU2 {
  background-color: rgba(255, 51, 0, 0.5);
}
.butLA2 {
  background-color: rgba(236, 165, 58, 0.5);
}
.butOCE2 {
  background-color: rgba(51, 174, 239, 0.5);
}



.cls tr:nth-child(even) {background: #EEE}
.cls tr:nth-child(odd) {background: #FFF}


.cls tr:hover { 
   background: red; 
}

.cls tr a { 
   color: black;
}

.cls td a { 
   display: block; 
   border: 1px solid black;
   padding: 16px; 
   color: black;
}

.graphs_col {
  display: table;
  width:100%;
}

.graphs_col tr
{
	height:200px;
}

.r1 {
  display: table-row;
  background-color: #e5e5e5;
  overflow: hidden;
  background: #EEE;
  color:black;
}

.r1:hover {
  background-color: yellow;
}

.r2:hover {
  background-color: yellow;
}

.r3:hover {
  background-color: yellow;
}

.r2 {
  display: table-row;
  background-color: #e5e5e5;
  overflow: hidden;
  background: #FFF;
  color:black;
}

.r3 {
  display: table-row;
  background-color: #e5e5e5;
  overflow: hidden;
  background: #ff0000;
  color:black;
}

.r {
  display: table-row;
  background-color: #CFF1DB;
  overflow: hidden;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.c {
  display: table-cell;
  padding: 0px;
  width:30px;
}

.cs {
	width:30px;
	text-align: right;

}

.cf {
	width:30px;
}

.ca {
	width:30px;
	height:30px;
}

.ca img{
	width:30px;
	height:30px;
}

.cn {
	width:300px;
}

.ci {
	width:300px;
}

.row:hover {
  background-color: #cccccc;
}

.column1 {
  width: 45%;
  padding: 10px;
  margin:0;
  float:left;
}

.column2 {
  width: 45%;
  padding: 10px;
  margin:0;
  float:left;
  margin-bottom: -10000px;
  padding-bottom: 10000px;

}

.region:after {
  content: "";
  display: table;
  clear: both;
}


.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
	margin-left:0px;
	margin-right:0px;
	border-collapse: collapse; 
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
	/*width: 100%;*/
}

.region_col
{
	
	/*position:fixed;*/

}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #F0F8FF;
  color: black;
  text-align: center;
}



.decklistViewer
{
	display: inline-block;
}