#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 0 -15px 0 0;
}

#tabs a {
  float: left;
  position: relative;
  padding: 0 40px;
  height: 0; 
  line-height: 30px;
  /* text-transform: uppercase; */
  text-decoration: none;
  color: #fff;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #3D3D3D;
  border-bottom-color: #777\9;
  opacity: .3;
  filter: alpha(opacity=30);    
}

#tabs a:hover,
#tabs a:focus {
  border-bottom-color: #0292ca;
  opacity: 1;
  filter: alpha(opacity=100);
}

#tabs a:focus {
  outline: 0;
}

#tabs #current {
  z-index: 3;
  border-bottom-color: #0c1d2f;
  opacity: 1;
  filter: alpha(opacity=100);   
}

#tabcontent {
   background: #fff;
   border-top: 2px solid #3d3d3d;
   padding: 2em;
   /*height: 220px;*/
}

#tabcontent h2,
#tabcontent h3,
#tabcontent p {
   margin: 0 0 15px 0;
}