/* Variables =================================================== */
/* As far as possible all line heights and whitespace heights (vertical margins and padding) should be calculated as this or a multiple/division of it */
/* -- Horizontal grid spacing -------- */
/* Basic units */
/* |-----| */
/* |*| */
/* Multiples of 1 column with gutters in between */
/* 55px  |-----|                         */
/* 130px |-----|*|-----|                 */
/* 205px |-----|*|-----|*|-----|         */
/* 280px (etc.)                          */
/* 355px */
/* 430px */
/* 505px */
/* 580px */
/* 655px */
/* 730px */
/* 805px */
/* 880px */
/* As above but including extra (right) gutter to accommodate floated elements with their won right margins */
/* 75px  |-----|*|                       */
/* 150px |-----|*|-----|*|               */
/* 225px |-----|*|-----|*|-----|*|       */
/* 300px (etc.)                          */
/* 375px */
/* 450px */
/* 525px */
/* 600px */
/* 675px */
/* 750px */
/* 825px */
/* 900px */
/* As above but also includes extra (left) gutter - used mainly as breakpoint min widths */
/* 95px  |*|-----|*|                     */
/* 170px |*|-----|*|-----|*|             */
/* 245px |*|-----|*|-----|*|-----|*|     */
/* 320px (etc.)                          */
/* 395px */
/* 470px */
/* 545px */
/* 620px */
/* 695px */
/* 770px */
/* 845px */
/* 920px */
/* Mixins =================================================== */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
/* Tables =================================================== */
table {
  background-color: transparent;
  border-bottom: 1px solid #ebebeb;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2.1em;
  max-width: 100%;
  width: 100%;
}
table th,
table td {
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 1px solid #ebebeb;
  line-height: 1.4em;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}
table th {
  font-weight: bold;
}
table thead th {
  color: #808080;
  vertical-align: bottom;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table thead + tbody {
  border-top: 2px solid #ebebeb;
}
table tbody tr td,
table tbody tr th {
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
table tbody tr:hover td,
table tbody tr:hover th {
  background-color: #f0f0f0 !important;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #ebebeb;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #ebebeb;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #fafafa;
}
body {
  width: 100%;
  overflow-x: hidden;
}
#content [role="main"] table tbody tr:nth-child(odd) td,
#content [role="main"] table tbody tr:nth-child(odd) th {
  background-color: #fafafa;
}
#content [role="main"] table th,
#content [role="main"] table td {
  font-size: 15px;
  font-size: 1.5rem;
}
#content [role="main"] table td.desc {
  color: #404040;
}
#content [role="main"] table th.i1 {
  padding-left: 20px;
}
#content [role="main"] table th.i2 {
  padding-left: 40px;
}
#content [role="main"] table th.i3 {
  padding-left: 60px;
}
@media only screen and (min-width: 695px) {
  #show_nav,
  #hide_nav {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    background: #404040;
    display: inline-block;
    position: absolute;
    right: -3.5em;
    top: 15.4em;
  }
  #show_nav.fixed,
  #hide_nav.fixed {
    position: fixed;
    top: 4.2em;
  }
}
#show_nav a,
#hide_nav a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  padding: 0.7em 20px;
}
#show_nav a:hover,
#hide_nav a:hover {
  background: #262626;
  color: #ffffff !important;
}
#show_nav a {
  width: 7em;
  text-align: center;
}
#show_nav {
  display: none;
}
@media only screen and (min-width: 695px) {
  #show_nav {
    display: block;
  }
  .lt-ie9 #show_nav {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }
  .ie8 #show_nav {
    right: -6em !important;
  }
  .ie7 #show_nav {
    right: 0 !important;
  }
}
#hide_nav {
  display: none;
}
@media only screen and (min-width: 695px) {
  #hide_nav {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  #hide_nav a {
    padding-left: 16px;
  }
}
#api_nav {
  background: #404040;
  color: #bfbfbf;
  padding: 1.4em 20px;
}
@media only screen and (min-width: 695px) {
  #api_nav {
    display: none;
    position: absolute;
    right: 0;
    top: 11.2em;
  }
  #api_nav.fixed {
    position: fixed;
    top: 0em;
  }
}
#api_nav h6 {
  color: #808080;
}
#api_nav a {
  color: #ffffff;
}