/* root element for tabs  */

ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:30px;
}
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

ul.tabs a {
  outline: none;
  display: block;
  position: relative;
  padding: 12px 20px;
  font: bold 13px/100% Arial, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
}

ul.tabs a:active {
    outline:none;
}

ul.tabs a:hover {
background: #3f3f3f;
border-color: #3f3f3f;
padding-bottom: 13px;
padding-top: 13px;
top: -1px;
z-index: 999;
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    cursor:default !important;
    background: #3f3f3f;
    border-color: #3f3f3f;
    padding-bottom: 13px;
    padding-top: 13px;
    top: -1px;
    z-index: 999;
}

/* initially all panes are hidden */
.panes .pane {
    display:none;
}