table { 
  color: #333;
  font-size : 15px;
  font-family: 'Josefin Sans';
  width: 690px;

  margin-top: 10px;

  /* Table reset stuff */
  border-collapse: collapse; border-spacing: 0; 
}
    
td, th {  height: 50px;
 transition: all 0.3s;
}
      
th {
  /* Gradient Background */
  background: linear-gradient(#333 0%,#444 100%);
  color: #FFF; font-weight: bold;
  height: 40px;

}
    
td { background: #FAFAFA; text-align: center;
 border-left: 1px solid #444;
border-right: 1px solid #444; }

/* Zebra Stripe Rows */
    
tr:nth-child(even) td { background: #B3B3B3; } 
tr:nth-child(odd) td { background: #FDFDFD; }

/* First-child blank cells! */
tr td:first-child, {
  background: #FDFDFD;
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  text-align: right;
  padding-right: 10px;
  width: 50px;
}
tr th:first-child {
  background: linear-gradient(#333 0%,#444 100%);
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  text-align: right;
  padding-right: 10px;
  width: 60px;
}

/* Add border-radius to specific cells! */
tr:first-child th:first-child {
  border-radius: 5px 0 0 0; 
} 

tr:first-child th:last-child { 
  border-radius: 0 5px 0 0; 
}
tr td:hover { background: #666; color: #FFF; }