.tabs {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}

.tabs .index {
  margin: 0px;
  margin-left: 5px;
  padding: 0px 5px;
  vertical-align: text-bottom;
}

.tabs .index li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}

.tabs .index li a {
    display: block;
    padding: 5px 10px;
    background: rgba(250, 250, 250, 0.1) none repeat scroll 0% 0%;
    border-color: rgba(250, 250, 250, 0.1) rgba(255, 33, 33, 0.09) -moz-use-text-color;
    border-bottom: medium none;
    border-radius: 5px 5px 0px 0px;
    color: #999;
    text-decoration: none;
}
.tabs .index li a:hover {
}
.tabs .index li.active a {
  color: #666;
  /*font-weight: bold;*/
}
.tabs .index li.active a:hover {
}

.tabs .content {
  clear: both;
  padding: 20px;
  background: rgba(255, 255, 255, 0.35);
  border: 0px solid #d1d1d1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
   box-shadow: 1px 1px 5px #fff;
}