/*
    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;
}
@media (min-width: 550px) {
        body {
                margin:0;
        }
}

/*
   Make the asterisk for DB1-5 missing data not have an underline
*/
a.nav-special:active, a.nav-special:link, a.nav-special:visited, a.nav-special:hover
{
   color: yellow;
   display: inline-block;
   text-decoration: none;
}

/*
   Make the normal links at the bottom yellow and underlined
*/
a.nav:active, a.nav:link, 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;
}

svg 
{
   display: block;
   background-color:white;
}

#chart1
{
   height: 85%;
   width: 95%;
   margin: auto;
   position: relative;
   z-index: 2;
   clear: both;
   background: #fff;
   border-color: #dda933;
   border-style:solid;
   border-width:4px;
}

html, body, svg 
{
   margin: 0px;
   padding: 0px;
   height: 100%;
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
}

.dashed 
{
   stroke-dasharray: 5,5;
}
h2
{
   text-align: center;
   margin-top: 13px;
   margin-bottom: 0px;
   padding: 0px;
   line-height: 27px;
   color: white;
   z-index: 0;
}
h4
{
   text-align: center;
   margin-top: 5px;
   margin-bottom: 0px;
   padding: 0;
   color: white;
   line-height: 7px;
   z-index: 0;
}


.box-o-stuff
{
   width: 100%;
   display: inline-block;
   text-align: center;
   z-index: 0;
}
nav.years  ul
{
   list-style: none;
   padding: 0 0 0 10px;
   vertical-align: bottom;
}
nav.years li
{
   margin: -6px 0px, 0px, -6px;
   display: inline-block;
   position: relative;
   height: 30px;
   transition: .2s;
   text-align: center;
   vertical-align: bottom;
   z-index: 0;
}
nav.years a
{
   display: block;
   position: relative;
   width: auto;
   height: 60px;
   margin: 15px 0 0 -4px;
   padding: 6px 12px 20px 12px;
   border-radius: 20px 20px 0px 0px;
   background: #61b5e4;
   color: #000222;
   text-align: center;
   text-decoration: none;
   transition: .2s;
}
nav.years li:nth-child(n+6) a
{
   display: block;
   float: right;
   width: auto;
   height: 60px;
   margin: 15px 0 0 -4px;
   padding: 6px 12px 20px 12px;
   border-radius: 20px 20px 0px 0px;
   background: #ba61e4;
   color: #000222;
   text-decoration: none;
   transition: .2s;
}
nav.years li:hover
{
   z-index: 0;
   vertical-align: bottom;
}
nav.years li:hover a
{
   background: #ccc;
   color: black;
}
#selected
{
   z-index: 0;
}
#selected a
{
   z-index: 0;
   background: #dda933;
   color: black;
   text-shadow: none;
}

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

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

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