/* Fonts */
div.tabs {
  padding: 0;
  background: #2a2a2a; }
  @media all and (min-width: 768px) {
    div.tabs {
      display: inline-block;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; } }
  div.tabs h2 {
    margin: 0;
    padding: 0; }
  div.tabs ul.tabs {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-variant: small-caps;
    *zoom: 1; }
    div.tabs ul.tabs:before, div.tabs ul.tabs:after {
      content: "";
      display: table; }
    div.tabs ul.tabs:after {
      clear: both; }
    @media all and (min-width: 768px) {
      div.tabs ul.tabs {
        display: block;
        float: left; } }
    div.tabs ul.tabs li {
      margin: 0;
      padding: 0;
      border: 0;
      display: block;
      float: left;
      margin-right: 5px; }
      div.tabs ul.tabs li a {
        padding: 0;
        margin: 0;
        background: none;
        border: 0;
        display: block; }
      div.tabs ul.tabs li.active a {
        background: none;
        border: none; }
  @media all and (min-width: 768px) {
    div.tabs ul.primary,
    div.tabs ul.secondary {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; } }
  div.tabs ul.primary li a,
  div.tabs ul.secondary li a {
    background: #e1e1e1;
    color: #4a4a4a;
    border: 1px solid #c1c1c1;
    padding: 4px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    div.tabs ul.primary li a:hover,
    div.tabs ul.secondary li a:hover {
      background: #d4d4d4;
      color: #3d3d3d;
      border-color: #b4b4b4; }
    div.tabs ul.primary li a.active,
    div.tabs ul.secondary li a.active {
      background: #008aba;
      border: 1px solid #008aba;
      color: white;
      font-weight: bold; }
  div.tabs ul.primary li:last-child,
  div.tabs ul.secondary li:last-child {
    margin-right: 0; }
  div.tabs ul.primary {
    background: #e1e1e1;
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px; }
  div.tabs ul.secondary {
    font-size: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px; }
    @media all and (min-width: 768px) {
      div.tabs ul.secondary {
        padding-left: 14px;
        padding-right: 14px; } }