@import url(https://fonts.googleapis.com/css?family=Roboto:700,700italic,400,400italic,300,900);

body, p, h1,h2,h3,h4,h5,h6 {
 font-family: "Roboto", Georgia, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, sans-serif;
 color: #2E2D2C;
}

body {
	background-color: #fff;
}

body, p {
  font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 300;
}

.page-header {
  border-bottom-color: #000;
}

#innerbodycontent a {
  color: #202B7A;
  border-bottom: 1px dotted #202B7A;
}

#innerbodycontent a:hover, #innerbodycontent a:focus  {
  color: #2E2D2C;
  border-bottom-color: transparent;
}

#innerbodycontent a.new {
  color: #b71c1c !important;
border-bottom-color: transparent !important;
}
#innerbodycontent a.new:hover, #innerbodycontent a.new:focus {
  color: #2E2D2C !important;
border-bottom-color: transparent !important;
}

#userbar .nav-pills {
    display: inline-block;
}


@media (min-width: 992px) {
  .container-fluid {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    width: 100%;
  }
}

.input-group.has-light {
  margin-right: 22px !important;
}

.nav.logo-container {
	display: none;
}
#searchInput {
  width: 80% !important;
}

.footer.custom-footer {
	padding-top: 30px;
	border-top: 3px solid #202B7A;
}
@media (max-width: 992px) {
.mw-body.container-fluid {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
}

.banner {
  border-bottom-width: 3px;
  font-size: 18px;
  font-weight: 400!important;
}
.banner a {
  border: none!important;
}
@media (min-width: 768px) {
  .banner .navbar-header {
    width: 100%;
  }
}
.banner .navbar-header .navbar-brand {
  padding-bottom: 0;
  height: 105px;
}
.banner .navbar-header .navbar-brand img {
  width: auto;
  height: 65px;
}
@media (max-width: 767px) {
  .banner .navbar-collapse {
    background-color: #ecf0f1;
  }
  .banner .navbar-header .navbar-brand {
      padding-right: 5px !important;
  }
}
.banner .nav.navbar-nav.primary-nav {
  background-color: #ecf0f1 !important;
}
@media (max-width: 767px) {
  .banner .nav.navbar-nav.primary-nav {
    margin: 0 -30px;
  }
}
@media (min-width: 768px) {
  .banner .nav.navbar-nav.primary-nav {
    padding-left: 30px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .banner .nav.navbar-nav.primary-nav li {
    border-bottom: 2px solid transparent;
  }
}
.banner .nav.navbar-nav.primary-nav .active {
  background-color: #202b7a;
}
.banner .nav.navbar-nav.primary-nav .active a {
  color: #fff;
}
.banner .nav.navbar-nav.primary-nav a {
  background-color: transparent;
  padding: 10px 30px;
}
@media (min-width: 768px) {
  .banner .nav.navbar-nav.primary-nav a {
    padding: 8px 20px 5px;
  }
}
.banner .nav.navbar-nav.global-nav {
  background-color: transparent;
  list-style: none;
  text-transform: uppercase !important;
}
@media (max-width: 767px) {
  .banner .nav.navbar-nav.global-nav {
    position: absolute;
    left: 232px;
    top: 1px;
  }
}
.banner .nav.navbar-nav.global-nav a {
  background-color: transparent;
}
@media (max-width: 767px) {
  .banner .nav.navbar-nav.global-nav a {
     padding: 10px 30px !important;
  display: inline !important;
  }
}
@media (min-width: 768px) {
  .banner .nav.navbar-nav.global-nav a {
    padding: 0px 12px;
  }
}
@media (min-width: 768px) {
  .banner .nav.navbar-nav.global-nav {
    position: absolute;
    bottom: 15px;
    right: 20px;
  }
}
.banner .nav.navbar-nav.global-nav li:first-child a {
  color: #202b7a;
  text-transform: none;
}
.banner .nav.navbar-nav.global-nav li:nth-child(2) a {
  color: #1d5cd1;
}
.banner .nav.navbar-nav.global-nav li:nth-child(3) a {
  color: #22a7f0;
}
.banner .nav.navbar-nav.global-nav li a {
  color: #05bdf5;
}
@media (min-width: 768px) {
  .banner .nav.navbar-nav.global-nav li a {
    text-align: center;
  }
}
.banner .nav.navbar-nav.global-nav li a:hover,
.banner .nav.navbar-nav.global-nav li a:focus,
.banner .nav.navbar-nav.global-nav li a:active,
.banner .nav.navbar-nav.global-nav li a.active {
  color: #2e2d2c;
}
.banner .nav.navbar-nav.global-nav li i {
  display: none;
}
@media (min-width: 768px) {
  .banner .nav.navbar-nav.global-nav li i {
    -webkit-background-size: contain !important;
          background-size: contain !important;
    width: 40px;
    height: 36px;
    display: block;
    margin-right: 20px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
   .global-nav li a {
       padding-left: 0;
       padding-right: 0;
   }
}
.banner .nav.navbar-nav.global-nav li .myriad-icon-github {
  background: url(icons/icon-github.png) no-repeat center center;
  margin-left: 7px;
}
.banner .nav.navbar-nav.global-nav li .myriad-icon-forum {
  background: url(icons/icon-forum.png) no-repeat center center;
    margin-left: 10px;
}
.banner .nav.navbar-nav.global-nav li .myriad-icon-site {
  background: url(icons/icon-globe.png) no-repeat center center;
    margin-left: 20px;
}


.banner.navbar {
  position: relative;
  min-height: 105px;
  margin-bottom: 0;
  border: 0px solid transparent;
  border-bottom: 3px solid #202B7A;
  margin-bottom: 15px;

}
@media (min-width: 768px) {
  .banner.navbar {
    border-radius: 0px;
  }
}
@media (min-width: 768px) {
  .banner .navbar-header {
    float: left;
  }
}

.banner .navbar-brand {
  float: left;
  padding: 20px 30px;
  font-size: 23px;
  line-height: 28px;
  height: 40px;
}
.banner .navbar-brand:hover,
.banner .navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .banner.navbar > .container .navbar-brand,
  .banner.navbar > .container-fluid .navbar-brand {
    margin-left: -30px;
  }
}
.banner .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 30px;
  padding: 9px 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
}
.banner .navbar-toggle:focus {
  outline: 0;
}
.banner .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.banner .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .banner .navbar-toggle {
    display: none;
  }
}
.banner .navbar-nav {
  margin: 10px -30px;
}
.banner .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 28px;
}

@media (min-width: 768px) {
.banner .navbar-nav {
    float: left;
    margin: 0;
  }
  .banner .navbar-nav > li {
    float: left;
  }
  .banner .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .banner .navbar-nav.navbar-right:last-child {
    margin-right: -30px;
  }
}
@media (min-width: 768px) {
  .banner .navbar-left {
    float: left !important;
  }
  .banner .navbar-right {
    float: right !important;
  }
}

.banner .navbar-text {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .banner .navbar-text {
    float: left;
    margin-left: 30px;
    margin-right: 30px;
  }
  .banner .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.banner .navbar-default {
  background-color: #ffffff;
  border-color: #202b7a;
}
.banner .navbar-default .navbar-brand {
  color: #202b7a;
}
.banner.navbar-default .navbar-brand:hover,
.banner.navbar-default .navbar-brand:focus {
  color: #2e2d2c;
  background-color: transparent;
}
.banner.navbar-default .navbar-text {
  color: #2e2d2c;
}
.banner.navbar-default .navbar-nav > li > a {
  color: #202b7a;
}
.banner.navbar-default .navbar-nav > li > a:hover,
.banner.navbar-default .navbar-nav > li > a:focus {
  color: #2e2d2c;
  background-color: transparent;
}
.banner.navbar-default .navbar-nav > .active > a,
.banner.navbar-default .navbar-nav > .active > a:hover,
.banner.navbar-default .navbar-nav > .active > a:focus {
  color: #2e2d2c;
  background-color: #eff3f3;
}
.banner.navbar-default .navbar-nav > .disabled > a,
.banner.navbar-default .navbar-nav > .disabled > a:hover,
.banner.navbar-default .navbar-nav > .disabled > a:focus {
  color: #bfbfc9;
  background-color: transparent;
}
.banner.navbar-default .navbar-toggle {
  border-color: #202b7a;
}
.banner.navbar-default .navbar-toggle:hover,
.banner.navbar-default .navbar-toggle:focus {
  background-color: #eff3f3;
}
.banner.navbar-default .navbar-toggle .icon-bar {
  background-color: #202b7a;
}

.banner.navbar-default .navbar-link {
  color: #202b7a;
}
.banner.navbar-default .navbar-link:hover {
  color: #2e2d2c;
}
.banner.navbar-default .btn-link {
  color: #202b7a;
}
.banner.navbar-default .btn-link:hover,
.banner.navbar-default .btn-link:focus {
  color: #2e2d2c;
}
.banner.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.banner.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #bfbfc9;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox {
    margin-top: 1em;          /* Prevent preceding content from clinging to navboxes */
}
table.navbox table.navbox {
    margin-top: 0;            /* No top margin for nested navboxes */
}
table.navbox + table.navbox {
    margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}

/* Default styling for Navbar template */
/*.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.mw-body-content .navbar ul {
    line-height: inherit;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}*/

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    border-spacing: 3px;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    padding: 0.2em;
}
.infobox td,
.infobox th {
    vertical-align: top;
    /* @noflip */
    text-align: left;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    /* @noflip */
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
