.tab {
    width: 930px;
  margin: 20px 0;
    padding: 10px;
  overflow: hidden;
}

.tab > .tab-legend, .tab > .tab-content, .tab-legend > li, .tab-content > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tab .tab-legend {
  overflow: hidden;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px 2px #e5e5e5;
}

.tab .tab-legend > li {
  width: 180px;
  overflow: hidden;
  padding: 30px 0;
  text-transform: uppercase;
  float: left;
  cursor: pointer;
  text-align: center;
  color: #459ff3;
  font: 15px/20px 'robotoregular', Arial, sans-serif;
  border-bottom: 1px solid #e5e5e5;
}
.tab .tab-legend > li:hover {
    color: #dc5147;
}

.tab .tab-legend .active {
  color: #dc5147;
  background-color: rgba(250,251,245,0.6);
}

.tab .tab-content {
  width: 700px;
    margin: 0 0 0 30px;
  min-height: 350px;
  position: relative;
  overflow: hidden;

    font-size: 13px;
    line-height: 20px;
    color: #404040;
}

.tab .tab-content > li {
  position: relative;
  overflow: hidden;
}






/*Vertical specific*/
.tab-vert .tab-legend {
  width: 180px;
  float: left;
}

.tab.tab-vert .tab-legend .active {
}

.tab-vert .tab-legend > li {
}

.tab-vert .tab-legend > li.active {
  border-right: 0;
}

.tab-vert .tab-content {
  width: 700px;
  display: block;
  float: left;
}

.tab-vert .tab-content > li {
  min-height: 100%;
  display: block;
}