.tabs {
  margin-top: 25px;
}

.tabs li {
  float: left; 
  list-style: none; 
  margin-right: 15px; 
  margin-bottom: -1px;
}

.tabs li a {
  display:block; 
  padding: 5px 20px;
  background: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  border-top-left-radius: 5px; 
  border-top-right-radius: 5px; 
  z-index: 1;
  color: #000;
  text-decoration: none;
}

.tabs li a.inactive{
  color: #1689da;
  background: #f0f0f0;
  border-bottom: 1px solid #ccc; 
}

.tabs li a:hover {
  cursor: default;
}

.tabs li a.inactive:hover {
  cursor: pointer;
  color: #1689da;
  text-decoration: underline;
}

.tabs-container {
  clear: both;           
  display: none;
  padding: 20px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.tabs-container:first-of-type {
  display: block;
}