body {
    margin: 0 auto;
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    height: 100%;
}

.navbar-inverse {
    background-color: #222222;
    height: 40px !important;
}

.navbar-inverse .navbar-nav>li>a:focus {
    background-color: #FFF;
}

.dropdown-menu {
    background-color: #ffffff
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #428bca
}

.navbar-inverse {
    background-image: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-image: none;
}

.navbar-inverse {
    padding-top: 5px;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #999999;
}

.navbar-inverse .navbar-brand-img {
    vertical-align: top;
    float: left;
    margin-top: 5px;
    width: 210px;
    height: 32px;
}

.navbar-inverse .navbar-brand2 { 
    color: #37abc8;
    font-size: 24px;
}

.navbar-inverse .navbar-nav>li>a { 
    color: #999999;
    height: 43px !important;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus { 
    color: #ffffff;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus { 
    color: #ffffff;
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus { 
    color: #ffffff;
}

.dropdown-menu>li>a { 
    color: #333333;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus { 
    color: #ffffff;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ffffff}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #ffffff}


/* FIRST LEVEL */

.nav > ul > li { 
  display: inline-block; 
  position: relative; 
  padding: 3px 10px 3px 0;
  z-index: 100;
}

/* SECOND LEVEL */

#tabs > ul > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 0 1000em; /* trick from css-tricks comments */
  margin: 0 -1000em; /* trick from css-tricks comments */
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  background: rgba(255, 240, 240, 0.8);
  width: 310px; 
}

#tabs ul {
   background-color: #F5F3F5;
   width: 297px; 
   text-align: center;
}

#tabs li>a {
   background-color: #F5F3F5;
   color: #302B27;
   line-height: 20px;
}

#tabs li.active>a {
   background-color: #302B27;
   color: #F5F3F5;
}

#tabs li>a:hover {
   color: #576CA8;
}

.panel {
    height: 100%;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    /*display: inline;*/
    visibility: hidden;
    position: absolute;
    width: 800px;
    margin: auto 0;
    padding-left: 80px;
    padding-bottom: 60px;
}

.tab-content > .active,
.pill-content > .active {
    /*display: inline;*/
    visibility: visible;
    position: absolute;
    width: 800px;
    margin: auto 0;
    padding-left: 80px;
}

header .container {
    position: fixed;
    background-color: #222222;
    height: 60px !important;
    top: 0px;
    padding-top: 5px;
    margin-bottom: 20px;
    border-width: 0 0 1px;
    z-index: 1000;
    min-height: 45px;
}

.container { 
    width: 100% !important;
}

.navbar-title {
    position: fixed;
    z-index: 1800;
    top: 50px;
    width: 100%;
    margin: auto 0;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    background-color: #333;
    font-weight: bold;
    border-top: 1px;
}

.content {
    margin:auto;
    width: 900px;
    top:100px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    font-family: "Helvetica Neue",Helvetica,sans-serif;
}

#peering-policy {
    margin: auto 0;
    text-align: left;
    display:inline-block;
    width: 800px;
    font-size: 14px;
    padding-left: 100px;

}
#peering-policy h3 {
    font-size: 18px;
    font-weight: bold; 
    padding-top: 5px;
    padding-bottom: 10px;
}
#peering-policy p {
    padding-left:20px;
}

.facname,
.ixname {
   font-size: 13px;
   font-weight:bold;
}

.facorg,
.location {
   font-size: 10px;
   color: gray;
}


th {
   font-size: 16px;
   white-space:nowrap !important;
   background: #222222;
   color: #FFF;
}

th.right,
td.right {
   text-align: right;
   padding-right: 5px;
   vertical-align: middle !important;
}

th.center,
td.center {
   text-align:center;
   vertical-align: middle !important;
}

.table {
  font-size: 12px;
  width: 100%;
}

#ixes_apac,
#ixes_europe,
#ixes_usa {
    /*width: 800px;*/
    margin-top: 50px;
}

.dataTables_filter label  {
  display: inline-block;
  padding-right: 15px;
  text-align:right;
}

.dataTables_filter,
.dataTables_length {
    padding-top: 10px;
    margin-bottom: 10px;
}
.dataTables_length {
    text-align:left;
}
.dataTables_filter {
    text-align:right;
}
.dataTables_filter .input-sm,
.dataTables_length .input-sm {
    margin-left: 10px;
    margin-right: 10px;
}

select,
input {
    line-height: 16px !important;
    font-size: 12px;
}

footer {
    display: block;
    width: 100% !important;
    z-index: 1;
}

.footer {
    background-color: #333;
    border-top: 1px solid #666a73;
    bottom: 0;
    position: fixed;
    width: 100% !important;
    text-align: center;
    margin: 0 auto;
    z-index: 1;
}

#footer {
    margin: 0 auto;
    color: #FFF;
    width: 800px;
    margin-top: 3px;
    margin-bottom:3px;
    font-size: 12px;
    text-align:center;
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    z-index: 1;
}