.tab__header {
  display: block;
  clear: both;
    text-transform:uppercase;

}

.tab__header > div {
  display: inline-block;
  vertical-align: top;
  float: right;
  padding: 20px 10px;
  color: #333;
  border: solid 1px transparent;
}

.tab__header > div:hover {
  color:#006179;
  font-weight:bold;
  cursor: pointer;
  text-decoration:underline;
}

.tab__header > div.tab__header--active {
  color:#006179;
  font-weight:bold;
  border:solid 1px #ccc;
  border-bottom:solid 1px transparent;
}

.tab__content {
  display: block;
  clear: both;
  color: #212121;
  width: auto;
  height: inherit;
  overflow: auto;
  padding: 20px 0;
  border-top:solid 1px #ccc;
}

.tab__content > div {
  display: inline-block;
  vertical-align: top;
  float: right;
  display: none;
}

.tab__content > div.tab__content--active {
  display: block;
}