/*
    For the tabbed page on the spreadsheets page
*/

/*
   Normal bg color, if picture load fails
   102x102 pixel image, start in the top left corner, repeat is over the whole page 
*/
html 
{
   background-color: #28439B;
   background-image:url('dbbg.png');
   background-size: 102px 102px;
   background-position: left top;
   background-repeat: repeat;
}

/*
   Make our margins go away and use a normal-ish font 
*/
body 
{
   margin: 0 !important;
   padding: 0 !important;
   font-family: Arial, Helvetica, sans-serif;
}

/*
   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, a.nav:hover
{
   color: yellow;
   display: inline-block;
}

/*
   Make normal text white since the background is dark blue 
*/
p
{
   color: white;
   display: block;
   margin-top: 0em;
   margin-bottom: 0em;
   margin-left: 0;
   margin-right: 0;
}

/*
   The definition for the table that our spreadsheet data is in
*/
.spreadsheet-data table 
{
   background-color: white;
   border: 3px solid orange;
   border-radius: 5px;
   border-collapse: collapse;
   min-width: 950px;
   max-width: 98%;
   margin: auto;
   position: relative;
   z-index: 2;
   clear: both;
}

/*
   On the 3rd row or below allow hover texting (removed for readability)

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

*/

/*
   On the first row, only have the bottom border
*/
.spreadsheet-data table tr:first-child td 
{
   border-top: 0px;
   border-right: 0px;
   border-left: 0px;
}

/*
   Declare how all all the "normal" rows look
*/
.spreadsheet-data table th 
{
   border-width: 2px;
   padding: 2px;
   border-top: 0px;
   border-right: 2px;
   border-left: 2px;
   border-style: ridge;
   border-color: gray;
}

/*
   Declare how the first item in each row works
*/
.spreadsheet-data table td:first-child 
{
   border-width: 2px;
   padding: 2px;
   border-left: 0px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
/*
   Declare how the second item in each row works
*/
.spreadsheet-data table td:nth-child(2) 
{
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
/*
   Declare how the third item in each row works
*/
.spreadsheet-data table td:nth-child(3) 
{
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
/*
   Declare how the forth item in each row works
*/
.spreadsheet-data table td:nth-child(4)
{
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: center;
}
/*
   Declare how the 5th column looks (and minimize its width to 70px)
*/
.spreadsheet-data table td:nth-child(5) 
{
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: left;
}
/*
   Declare how the 6th column looks
*/
.spreadsheet-data table td:nth-child(6) 
{
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
   text-align: left;
}
/*
   Declare how the last column looks
*/
.spreadsheet-data table td:last-child 
{
   border-width: 2px;
   padding: 2px;
   border-right: 0px;
   border-style: ridge;
   border-color: gray;
   text-align: left;
}
/*
   Set default for any column not mentioned above
*/
.spreadsheet-data table td 
{
   border-width: 2px;
   padding: 2px;
   border-style: ridge;
   border-color: gray;
}

/*
   Make P's white and get rid of the stupid margins on them
*/
.spreadsheet-data p 
{
   color:black;
   display: block;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
}

/*
   Define that the links in the VST credits footer are yellow
*/
.vst-credits-footer a.nav:link, .vst-credits-footer a.nav:visited, .vst-credits-footer a.nav:hover 
{
        color: yellow;
}
/*
   Define the P's in the footer are white
*/
.vst-credits-footer p 
{
   text-align: center;
   color: white;
   display: block;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
  }