@font-face {
        font-family: "Avqest";
        src: url('/styles/fonts/avqest.ttf');
    }

    html,body {
      font-size: 12px;
      line-height: normal;
    }

    body {
      font-family: Verdana;
      background: black;
      color: #C7C7C7;
      overflow-y: scroll;

      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#330000+1,000000+75 */
      background: #330000;
      background: -moz-radial-gradient(center, ellipse cover, #330000 1%, #000000 75%);
      background: -webkit-radial-gradient(center, ellipse cover, #330000 1%,#000000 75%);
      background: radial-gradient(ellipse at center, #330000 1%,#000000 75%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#330000', endColorstr='#000000',GradientType=1 );

      background-attachment: fixed;
    }

    a {
      color: white;
      text-decoration: none;
      font-weight: bold;
    }

    a.private:hover {
      text-decoration: line-through;
    }

    a:hover {
      text-decoration: underline;
    }


    #wrapper {
      max-width: 1150px;
      margin: 0 auto;
      text-align: center;
    }

    #heading {
      margin: 1em 0;
      border-top: 1px dashed hsla(0, 100%, 100%, 0.2);
      border-bottom: 1px dashed hsla(0, 100%, 100%, 0.2);
    }

    #title {
      font-weight: bold;
      margin-top: 1rem;
      margin-bottom: 1rem;
      font-family: Avqest, Georgia, serif;
      font-size: 28px;
      color: #189ad3;
    }

    #controls-container {
      margin: 1em 0;
    }

    .control-group {
      display: inline-block;
      margin: 0 0.5em;
    }

    #table-score {
      margin: 0 auto;
      border: 1px solid #555;
      border-spacing: 0px;
      border-collapse: collapse;
      background-color: hsla(0, 100%, 0%, 0.7);
    }
    #table-score td {
      padding: 1px 5px 1px 5px;
      border: 1px solid #444;
    }
    #table-score th {
      padding: 5px;
      border: 1px solid #444;
    }

    #table-score td {
      vertical-align: middle;
      text-align: left;
    }

    #table-score th {
      color: #189ad3;
      cursor: cell;
    }

    #table-score td.score,
    #table-score td.rank {
      text-align: center;
      font-weight:bold;
    }

    #table-score td.rank2 {
      text-align: center;
    }

    #table-score td.lvl {
      text-align: center;
    }

    #table-score td.exp {
      text-align: right;
    }

    #table-score td.acc, h1.acc {
      color:white;
      text-shadow: 1px 1px 0 #000000;
    }

    .reward-props, .mini {
      font-size: .75em;
    }
    .DEAD { background-color:#3b3b3b; color:white;font-style:italic;}
    .DEAD2 { background-color:#6c6c6c; color:white;font-style:italic; position: relative; z-index: -2;}
    th, td { white-space: nowrap; }


    .tooltip {
      position: relative;
      display: inline-block;
    }

    .tooltip .tooltiptext {
      visibility: hidden;
      width: 18em;
      background-color: #555;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px;
      position: absolute;
      z-index: 1;
      bottom: 150%;
      left: 50%;
      margin-left: -75px;
      opacity: 0;
      transition: opacity 0.3s;
    }

    .tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
    }

    .tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1;
    }
    .itempopup { cursor: help }

    .tooltip-custom {
      background: black;
      color: #C7C7C7;
    }

   .tooltip-ui-custom, div.ui-tooltip {
     max-width: 640px;
   }

.dataTables_wrapper .dataTables_paginate{float:center;text-align:center;padding-top:0.25em}
.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:white !important;border:1px solid transparent;border-radius:2px}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#dcdcdc));background:-webkit-linear-gradient(top,#fff 0%,#dcdcdc 100%);background:-moz-linear-gradient(top,#fff 0%,#dcdcdc 100%);background:-ms-linear-gradient(top,#fff 0%,#dcdcdc 100%);background:-o-linear-gradient(top,#fff 0%,#dcdcdc 100%);background:linear-gradient(to bottom,#fff 0%,#dcdcdc 100%)}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#585858),color-stop(100%,#111));background:-webkit-linear-gradient(top,#585858 0%,#111 100%);background:-moz-linear-gradient(top,#585858 0%,#111 100%);background:-ms-linear-gradient(top,#585858 0%,#111 100%);background:-o-linear-gradient(top,#585858 0%,#111 100%);background:linear-gradient(to bottom,#585858 0%,#111 100%)}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2b2b2b),color-stop(100%,#0c0c0c));background:-webkit-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);background:-moz-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);background:-ms-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);background:-o-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);background:linear-gradient(to bottom,#2b2b2b 0%,#0c0c0c 100%);box-shadow:inset 0 0 3px #111}
.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}

.selected {
  color: red;
  font-weight: bold;
  font-size: 110%;
}

.HC {
  text-shadow: 1px 1px 0 #000000;
  background-color: #932d1f;
}
.SC {
  text-shadow: 1px 1px 0 #000000;
  background-color: #25931f;
}

a.legend {
  padding-left: 2em;
  color: yellow; 
  font-size: 110%;
}

table.dataTable tbody tr.stripe1 {
    background-color: #000000;
}
table.dataTable tbody tr.stripe2 {
    background-color: #1a1a1a;
}