ul.wi-tab-header {
  padding: 0;
  margin: 0;
  width: 100%;
  white-space: nowrap; }
  ul.wi-tab-header > li {
    background-color: #f4f4f6;
    color: #999;
    display: inline-block;
    font: 100 14px/50px farayekan, tahoma;
    text-align: center;
    cursor: pointer;
    padding: 0 15px;
    position: relative;
    margin: 0 1px;
    top: 1px; }
    ul.wi-tab-header > li.wi-active {
      border: 1px solid #ccc;
      border-radius: 6px 6px 0 0;
      border-bottom-color: #fdfdfd;
      color: #000;
      background-color: #fdfdfd; }
    ul.wi-tab-header > li.hidden {
      display: none; }
    ul.wi-tab-header > li:hover {
      color: #000; }

ul.wi-tab-content {
  background-color: #fdfdfd;
  padding: 10px 6px 6px;
  min-height: 150px;
  border-top: 1px solid #ccc;
  border-radius: 0 0 6px 6px;
  margin: 0; }
  ul.wi-tab-content > li {
    display: none;
    padding: 10px; }
    ul.wi-tab-content > li.wi-active {
      display: block; }
  ul.wi-tab-content.responsive {
    position: relative; }
    ul.wi-tab-content.responsive > li {
      width: 100%;
      border: 1px solid #ccc;
      border-bottom: 0 none;
      border-radius: 0; }
      ul.wi-tab-content.responsive > li:last-child {
        border-bottom: 1px solid #ccc; }
      ul.wi-tab-content.responsive > li.wi-active-content {
        display: block; }
      ul.wi-tab-content.responsive > li.wi-responsive-header {
        background-color: #f4f4f6;
        color: #999;
        font: 100 14px/44px farayekan, tahoma;
        text-align: center;
        cursor: pointer;
        padding: 0;
        display: block; }
        ul.wi-tab-content.responsive > li.wi-responsive-header.wi-active {
          background-color: #2b66a2;
          border-color: #2b66a2;
          color: #fff; }