/* Set height of body and the document to 100% to enable "full page tabs" */
body, html {
  height: 100%;
  margin: 0;
  font-family: Arial;
}

/* Style tab links */
.tablink {
  background-color: #444;
  color: #ddd;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0.5em 0.5em;
  font-size: 1em;
  width: 100%;
}

.tablink:hover {
  background-color: #666;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
}

#tab1 {background-color: rgb(160,192,220);color:#222;}
#tab2 {background-color: rgb(160,220,192);color:#222;}
#tab3 {background-color: rgb(220,160,192);color:#222;}
#tab4 {background-color: rgb(192,192,192);color:#222;}

#tab-container
{
	width: 100%;
	display: inline-block;
	min-height:100%;
}