body {
	background: hsl(0,10%,10%);
	color: #fff;
	font: 13px arial, sans-serif;
	-moz-column-count: 3;
	column-count: 3;
}

.combos {
    margin: 0px;
    border-spacing: 0 0.3em;
}
.combos .title {
	color:hsl(60, 100%, 43%);
	text-align: right;
}
.combos .title td, .combos .space td {
	padding-top:1em;
}

.combos td {
    background: no-repeat 100% bottom;
	line-height: 1.6em;
}
.combos td img {
	vertical-align:middle;
}

.combos td:nth-child(2) {
	padding-left: 1em;
	text-align: center;
}
.combos td:nth-child(3) {
	padding-left: 0.5em;
}
/* Simulate border radius on tr*/
.combos tr td:first-child { border-top-left-radius: 4px; }
.combos tr td:last-child { border-top-right-radius: 4px; }
.combos tr td:first-child { border-bottom-left-radius: 4px; }
.combos tr td:last-child { border-bottom-right-radius: 4px; }

kbd {
	background: hsl(221, 11%, 30%)  no-repeat scroll center center / 90% auto;
    border-radius: 4px;
    border-top: 1px solid hsl(0, 0%, 80%);
    box-shadow: 0px 1px 0px hsl(0, 0%, 24%), 0px 2px 0px hsl(0, 0%, 30%), 0px 5px 4px hsl(0, 0%, 0%);
    color: hsl(0, 0%, 90%);
    font: bold 10px arial;
    margin: 0.3em;
    padding: 0.2em 0.5em;
    text-align: center;
    text-shadow: 0px 1px 0px hsl(0, 0%, 4%);
	display: inline-block;
	vertical-align: middle;
}

kbd.Ms {
border-radius: 1em 1em 0px 0px;
overflow: hidden;
position: relative;
box-shadow: 0px 3px 0px hsl(221, 11%, 30%), 0px 5px 4px hsl(0, 0%, 0%);
height: 1.3em;
width: 1.6em;
}
kbd.Ms::before {
content: "";
width: 100%;
height: 90%;
position: absolute;
top: 0;
}
kbd.Ms.Rt::before {
left: 50%;
box-shadow: 4px 5px 4px -2px hsl(0, 0%, 0%) inset, 0px 2px 8px hsl(0, 0%, 0%) inset;
}
kbd.Ms.Lt::before {
left: -50%;
box-shadow: -4px 5px 4px -2px hsl(0, 0%, 0%) inset, 0px 2px 8px hsl(0, 0%, 0%) inset;
}