/* root element for tabs  */
ul.tabs {
  /* single tab */
  margin: 0 !important;
  padding: 0px;
  height: 32px;
  background: url(../images/tabs-divider.png) no-repeat bottom center;
  list-style: none;
  /* link inside the tab. uses a background image */
}
ul.tabs li {
  display: block;
  float: left;
  margin: 0px 5px 0px 0px !important;
  padding: 0;
  list-style-image: none !important;
  text-indent: 0;
}
ul.tabs a {
  position: relative;
  top: 0px;
  display: block;
  padding: 0px 0px 0px 10px;
  height: 30px;
  background: url(../images/tabs.png) no-repeat;
  color: #747474;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 30px;
}
ul.tabs a:active {
  outline: none;
}
ul.tabs a:hover {
  background-position: 0px -80px;
}
ul.tabs a span {
  display: block;
  padding-right: 10px;
  height: 100%;
  background: url(../images/tabs.png) no-repeat right -40px;
}
ul.tabs a.current,
ul.tabs a.current:hover {
  display: block;
  background-position: 0px -80px;
  color: #2a2d30 !important;
  cursor: default !important;
}
ul.tabs a:hover span,
ul.tabs a.current span {
  background-position: right -120px;
}
.panes {
  margin-top: 30px;
  /* initially all panes are hidden */
}
.panes .pane,
.panes > div {
  display: none;
  min-height: 200px;
}