#mytab {
  margin: 10px auto;
  width: 40%;
  color:#fff;
  font-family: 'roboto', Consolas,Courier, monospace;
}

#mytab2 {
  margin: 10px auto;
  width: 50%;
  font-family: 'roboto', Consolas,Courier, monospace;
}

.tabs { }

.tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tabs ul li {
  float: left;
  padding: 10px;
  text-transform: uppercase;
}

.tabs ul li a {
  color: #ccc;
  text-decoration: none;
}

.tabs ul li.active {
  background-color: #F5624D;
  color: #fff;
}

.tabs ul li.active a { color: #fff; }

.tabs ul li:last-child { border-left: none; }

.tabs ul li:first-child { border-right: none; }

.tab-block {
  background: #F5624D;
  clear: both;
  padding: 10px;
}