/* Fonts */
@font-face {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* Primary elements */
body {
  margin-top: 51px;
    background: #444 ;	
    color: #D0D0D0;
    font-family: "Open Sans", sans-serif;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #999999;
}
h1 {
  font-size: 30px;
  line-height: 36px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  position: relative;
}
h2 small {
  font-size: 18px;
}
h3 {
  line-height: 27px;
  font-size: 18px;
  color: #fff;
}
h3 small {
  font-size: 14px;
}
h4, h5, h6 {
  line-height: 18px;
}
h4 {
  font-size: 14px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 11px;
  color: #999999;
  text-transform: uppercase;
}
table {
  background: #111;
    --background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    /*border: 1px solid #436688;*/
}
table th {
   /*border: 1px solid #436688; */
   background-color: #003060;
}
table td {
    /*border: 1px solid #436688;*/
    font-size: 14px;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #333;
}
.table th, .table td {
    /*border: 1px solid #436688;*/
}
.table td {
    vertical-align: middle;
}
.table .tdcenter { text-align: center; }
.accordion-group {
    border: 1px solid rgb(39, 37, 37);
}
.accordion-inner {
    border: none;
}
.shadowtext { text-shadow: 1px 1px 1px black; }

/* One-off elements */
#statline {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    position: relative;
    top: -25px;
}
#xonborder {
  background: #222;
    --background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 15px 15px 15px 15px;
  margin-top: 15px;
    margin-bottom: 30px;
    margin-left: 0px;
    padding: 20px;
}
#title {
    color: #0AF;
    font-size: 30px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    text-shadow: 2px 2px 3px #333;
    z-index: 10;
}
.indexform {
    margin: 20px 0px 20px 0px;
}
.indexbox {
    width: 250px;
}
.note {
  font-size: 8pt;
  color: #888;
  padding-left: 20px;
}

.search, input[type="search"] {
    background-color: #606060;
    border: 1px solid #202020;
    color: #AAAAAA;
    width: 100px;
}

/* Game scoreboard */
.game {
  float: left;
  min-width: 700px;
  padding: 10px 7px;
}
.game a {
    color: #CCC;
}
.game a:hover {
    color: #d95f00;
    text-decoration: none;
}
.game tr {
    background-color: #000;
}
.game tr.red {
  background-color: #4d0000;
}
.game tr.blue {
  background-color: #00004d;
}
.game tr.yellow {
  background-color: #4d4d00;
}
.game tr.pink {
  background-color: #4d004d;
}
.game tr:hover {
    background-color: #222;
}

.teamscore {
  text-align: right;
  text-shadow:  0px 0px 3px #fff;
  font-size: 50px;
  font-weight: bold;
  padding: 10px 7px;
  margin-top: 12px;
}
.teamscore .teamname {
  font-size: 12px;
  display: none;
}
.teamscore .red {
  color: #ad0000;
}
.teamscore .blue {
  color: #0000ff;
}
.teamscore .yellow {
  color: #adad00;
}
.teamscore .pink {
  color: #ad00ad;
}
.player-score { color: #FEFF3A; }
.ping { width: 50px; }

/* accuracy and weapon graphs */
.weapon-nav {
  height: 70px;
  margin-bottom: 20px;
}
.weapon-nav ul {
  display: block;
  list-style: none outside none;
}
.weapon-nav li {
  cursor: pointer;
  float: left;
  margin-right: 10px;
}
.weapon-nav li:hover {
  border-bottom: 2px solid #001021;
}
.weapon-nav .weapon-active {
  border-bottom: 2px solid #436688;
}
.weapon-nav p {
  text-align: center;
}

.flot table, .flot td {
  background-color: black;
  border: 0;
}

/* Player Info Tabs */
#gbtabcontainer { margin-top: 10px; }
#gbtab { font-size: 12px; }
.tabbable p { font-size: 14px; }
.tabs-below .nav-tabs > li > a { border-radius: 4px 4px 4px 4px; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #111; color: #aaa; border-color: #222; }
.nav-tabs > .active > a, .nav-tabs > .active > a:focus { background-color: #111; color: #aaa; border-color: #222; }
.nav-tabs > li > a { border-radius: 4px 4px 4px 4px; text-align: center; }
.nav-tabs > li > a:hover { background-color: #111; border-color: #333; }
.nav-tabs { border-bottom: 0px solid #000; }

.table .tdcenter { text-align: center; }

/* Game Info and Game Index*/
.game-detail img {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.game img {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.game-detail p,
.game h4 {
  float: left;
}


/* Gametype filters */
.btn-toolbar .nav > li a {
    width: 80px;
}

.btn.dropdown-toggle, .btn.dropdown-toggle:active {
    background: none;
    border: 1px solid transparent;
    border-radius:4px 4px 4px 4px;
    line-height:20px;
    color: #428bca;
    padding: 10px 0px 10px 0px;
    font-size: 14px;
    outline: 0;
}
.btn.dropdown-toggle:hover, .btn.dropdown-toggle:focus {
    background-color:#111;
    color:#2a6496;
    border-color:#333;
}

.btn.dropdown-toggle > .caret {
  height: 21px;
  border-top-color: #428bca;
  border-top-width: 8px;
  border-left-width: 8px;
  border-right-width: 8px;
}

.dropdown-menu {
  width: 100px;
}

.dropdown-menu.nav-tabs {
    padding:4px;
    background-color: #111;
    border: 1px solid #333;
    width: 256px; }
.dropdown-menu.nav-tabs > li > a {
    width:80px;
    color:inherit;
}
.dropdown-menu.nav-tabs > li > a:hover {
    color:#222;
}

/* Player nicknames */
.nostretch {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.player-nick {
    width: 25%;
}

/* elo colors */
.eloup { color: green; }
.elodown { color: rgb(190,0,0); }
.eloneutral { color: gray; }

/* Navigation links */
.pagination > li > a, .pagination > li > span {
    background-color: #111111;
    border-color: rgb(49, 49, 49);
    color: rgb(121, 121, 121);
}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span{
    background-color: rgb(43, 34, 34);
}
.pull-left #signin, .pull-left #signout {
    margin: 15px 0px 0px 5px;
}


/* Desktop-specific stuff */
@media (min-width: 768px) {
    .navbar-form {
        float: right;
    }

    .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

img.flag { margin-top: -3px; margin-bottom: -3px }

.abstime { white-space: pre; }

#chartRow h3 { display: inline-block;margin-right: 40px;cursor: pointer;border-bottom: #444 solid thick; }
#chartRow h3:hover { border-bottom: #888 solid thick; }
#chartRow h3.selected { border-bottom: #ccc solid thick !important; }
#chartRow h4 { display: inline-block;margin-right: 20px;cursor: pointer;border-bottom: #444 solid thick; }
#chartRow h4:hover { border-bottom: #888 solid thick; }
#chartRow h4.selected { border-bottom: #ccc solid thick !important; }
#chartRow svg>g:nth-child(2)>g { cursor: pointer; }
#ratingSelection a { cursor:pointer;border-left: #444 solid thick;padding-left: 3px;}
#ratingSelection a:hover { border-left: #888 solid thick; }
#ratingSelection a.selected { border-left: #ccc solid thick !important; }

.newsitem { background-color:#666;padding:10px;border-radius:10px;margin-top:0px;margin:10px }

span.ql0 { color: rgb(128,128,128); }
span.ql1 { color: rgb(255, 0, 0); }
span.ql2 { color: rgb(51, 255, 0); }
span.ql3 { color: rgb(255, 255, 0); }
span.ql4 { color: rgb(51,102,255); }
span.ql5 { color: rgb(51,255,255); }
span.ql6 { color: rgb(197,0,255); }
span.ql7 { color: rgb(204,204,204); }

img.info {
  content: url(/static/images/info.png);
  margin-left: 10px;
  padding-left: 0px;
  padding-bottom: 5px;
  cursor: help;
}

#filterBar { background-color: #333;padding-top: 10px;}
#filterBar ul { display: inline-block;padding: 0 50px;}
#filterBar li { display: inline-block;padding-left: 5px;padding-right: 5px;cursor: pointer;margin: 0;border-bottom: #555 solid thick;}
#filterBar li:hover { border-bottom: #888 solid thick; }
#filterBar li.selected { border-bottom: #ccc solid thick !important; }

.warntext { color: #c00; }
.link { cursor: pointer;}

@media (max-width:935px){
  nav form {display:none}
}

/* bootstrap overrides */

a {
  color: rgb(82, 173, 252); /*#428bca;*/
   text-decoration: none;
}
a:hover {
  color: goldenrod;
  text-decoration:none
}
table a {
  color: #428bca;
}
table a:hover {
   color: rgb(82, 173, 252); /*#428bca;*/
   text-decoration: none;  
}

.btn {
  padding: 1px 12px;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 4px 5px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #888;
    cursor: default;
    background-color: #222;
    border: 1px solid #888;  
}
button, input, optgroup, select, textarea {
    color: black;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0px solid #ddd;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #888;
}

#map-preview {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.2;
    border-radius: 15px;
    background-attachment: fixed;
}