/*
    For the tabbed page on the stats page
*/
html {
   background-color:#28439B;
   background-image:url('../Resources/dbbg.png');
   background-size: 102px 102px;
   background-position:left top;
   background-repeat:repeat;
}

a.nav:active {
   color: yellow;
   display: inline-block;
}

a.nav:link {
   color: yellow;
   display: inline-block;
}

a.nav:visited {
   color: yellow;
   display: inline-block;
}

a.nav:hover {
   color: white;
   display: inline-block;
}

p {
   color: white;
   display: block;
   margin-top: 0em;
   margin-bottom: 0em;
   margin-left: 0;
   margin-right: 0;
}

#TabBox 
{
   width:95%;
   padding:3px;
   margin:auto 0;
   -moz-border-radius: 3px;
   border-radius: 3px; 
   text-align:center;
   color: white;
}

#TabBox a
{
   text-decoration:none;
   text-align:center;
}

.tabs
{
   height:30px;
   text-align:center;
}


.tabs > ul
{
   font-size: 1em;
   list-style:none;
   text-align:center;
}

.tabs > ul > li
{
   margin:0 0 0 0;
   padding:2px 3px;
   display:inline-block;
   color: #FFFFFF;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   -moz-border-radius-topleft: 1px;
   -moz-border-radius-topright: 1px;
   -moz-border-radius-bottomright: 0px;
   -moz-border-radius-bottomleft: 0px;
   border-top-left-radius:1px;
   border-top-right-radius: 1px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px; 
   background: #FDD017;
   background: -moz-linear-gradient(top, #56A5EC 0%, #82CAFF 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56A5EC), color-stop(100%,#82CAFF));
}

.tabs > ul > li > a:active {
   color: black;
   display: inline-block;
}

.tabs > ul > li > a:link {
   color: black;
   display: inline-block;
}

.tabs > ul > li > a:visited {
   color: black;
   display: inline-block;
}

.tabs > ul > li > a:hover {
   color: black;
   display: inline-block;
}

.tabs > ul > li:hover
{
   background: #F3F3F3;
   background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F1F1F1), color-stop(50%,#F1F1F1), color-stop(100%,#FFFFFF));
   cursor:pointer;
   color: #000222;
}

.tabs > ul > li.ActiveTab
{
   background: #F1F1F1;
   background: -moz-linear-gradient(top, #F1F1F1 0%, #E1E1E1 10%, #E1E1E1 50%, #F1F1F1 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(10%,#E1E1E1), color-stop(50%,#E1E1E1), color-stop(100%,#F1F1F1));
   cursor:pointer;
   color: #000222;
}

.tabs > ul > li.SInActiveTab
{
   display: none;
}

.tabs > ul > li.LinkTab
{
   background: #6CBB3C;
   background: -moz-linear-gradient(top, #6CBB3C 0%, #52D017 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6CBB3C), color-stop(100%,#52D017));
   cursor:pointer;
   color: #000222;
}

.tabs > ul > li.LinkTab:hover
{
   background: #F3F3F3;
   background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F1F1F1), color-stop(50%,#F1F1F1), color-stop(100%,#FFFFFF));
   cursor:pointer;
   color: #000222;
}

.spreadsheet-data table {
   background-color:white;
   border: 3px solid orange;
   border-radius: 5px;
   border-collapse: collapse;
   min-width: 1150px;
}

.spreadsheet-data table tr:first-child td {
   border-top: 0px;
   border-right: 0px;
   border-left: 0px;
   border-bottom: 0px;
}

.spreadsheet-data table tr:nth-child(n+3):hover
{
   background-color: #4fe34f;
   color: black;
}

.spreadsheet-data table th {
   border-width: 2px;
   padding: 2px;
   border-top: 0px;
   border-right: 2px;
   border-left: 2px;
   border-style: ridge;
   border-color: gray;
}
.spreadsheet-data table td:first-child {
   border-width: 2px;
   padding: 2px;
   border-left: 0px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
.spreadsheet-data table td:nth-child(2) {
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
.spreadsheet-data table td:nth-child(3) {
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
.spreadsheet-data table td:nth-child(3) a:link, a:visited, a:active {
   text-decoration: none;
   display: block;
}
.spreadsheet-data table td:nth-child(3) a:hover {
   color: blue;
   text-decoration: underline;
   display:block;
}
.spreadsheet-data table td:nth-child(4) {
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
.spreadsheet-data table td:nth-child(5) {
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
.spreadsheet-data table td:nth-child(6) {
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
.spreadsheet-data table td:last-child {
   border-width: 2px;
   padding: 2px;
   border-right: 0px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
.spreadsheet-data table td {
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
}

.spreadsheet-data p {
   color:black;
   display: block;
   margin-top: 0em;
   margin-bottom: 0em;
   margin-left: 0;
   margin-right: 0;
}
.spreadsheet-data a {
   color: blue;
   text-decoration: underline;
   display: inline-block;
}
/*
   Declare how the hover works
*/
.spreadsheet-data a:hover {
   color: blue;
   text-decoration: underline;
}




.vst-credits-footer a.nav:link {
        color: yellow;
       }

.vst-credits-footer a.nav:visited {
           color: yellow;
          }

.vst-credits-footer a.nav:hover {
         color: white;
        }

.vst-credits-footer p {
   color: white;
   display: block;
   margin-top: 0em;
   margin-bottom: 0em;
   margin-left: 0;
   margin-right: 0;
  }