/* CSS Document - Don't prefix gradients for: Chrome 26+, Firefox 16+, Opera 12.10+, IE10+ */
#college-transcript { position: relative; color: #000; border: 1px solid #999; margin: 5px auto; border-radius: 8px; }
#college-transcript thead th { background: #EEE linear-gradient(180deg, #F7F7F7 0%, #E3E3E3 100%); color: #444; font: 600 13px/30px "Open Sans",sans-serif; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.8); }
#college-transcript thead th[title] { cursor: pointer; }
#college-transcript thead th:first-child { border-radius: 8px 0 0 0; }
#college-transcript thead th:nth-child(2) { padding: 0 10px; }
#college-transcript thead th:last-child { border-radius: 0 8px 0 0; }
#college-transcript thead th a { text-decoration: none; color: inherit; }
#college-transcript tbody { background: #FFF; }
#college-transcript tbody tr:nth-of-type(2n) { background: #EEE; }
#college-transcript tbody th, #college-transcript tbody td { padding: 3px 5px; border: 1px solid #999; border-width: 1px 1px 0 0; font: 13px/20px "Lucida Sans Unicode","Open Sans",sans-serif; }
#college-transcript tbody th:last-child, #college-transcript tbody td:last-child { border-right: none; }
#college-transcript tbody th { font-weight: 600; }
#college-transcript tbody td:nth-child(2) { text-align: center; }
#college-transcript tbody a { text-decoration: none; }

/*  MEDIA QUERY  */
@media screen and (max-width: 1023px) { section { padding-bottom: 0; }
  section #college-transcript { width: 100%; border-width: 1px 0 0 0; margin: 5px 0 0 0; border-radius: 0; } }
@media screen and (min-width: 1024px) { #college-transcript { position: relative; color: #000; border: 1px solid #999; margin: 8px 8px 0 8px; border-radius: 8px; } }