th.list { text-align: center; } td.list-header, th.list-header { font-weight: bold; } table.list { border-left: 1px solid #aaf; border-top: 1px solid #aaf; border-spacing: 0; border-collapse: separate; } td.list, th.list-header, td.list-header { border-right: 1px solid #aaf; border-bottom: 1px solid #aaf; padding: 3px; } table.list-b { border-spacing: 0 5px; border-collapse: separate; background: radial-gradient(farthest-side at 100% 0%, #bbc, white); border-radius: 5px; } th.list-b { font-weight: bold; } td.list-b, th.list-b { border-top: 1px solid white; padding: 3px 5px 3px 1px; text-align: left; } tr.list-b:hover { background: rgba(180, 180, 255, 0.3); } table.list-c { border-spacing: 0 5px; border-collapse: separate; background: radial-gradient(farthest-side at 100% 0%, #bbc, white); border-radius: 5px; } table.list-c th { font-weight: bold; } table.list-c td, table.list-c th { border-top: 1px solid white; padding: 3px 5px 3px 1px; } table.list-c th { text-align: left; } table.list-c tr:hover { background: rgba(180, 180, 255, 0.3); }