table th {
	/*width:70px;*/
	height:40px;
	text-align:center;
	vertical-align:middle;
	background-color:NavajoWhite;
	border:1px solid #fff;
	color:#A00;
	font-size: 30px;
}

table td {
	width:60px;
	height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#EEd;
	font-size: 16px;
	border:1px solid #fff;
}


tr td:first-child{
	/*background-color:#88C;*/
	background-color:NavajoWhite;
	color:#A00;
	width:130px;
}

tr th:first-child{
	background-color:#FFF;
	font-size: 16px;
	width:120px;
}

table td.highlighted {
	background-color:#999;
}

th:nth-child(1n + 2) {
	cursor: pointer;
	font-size: 20px;
}
td:nth-child(1n + 2) {
	cursor: pointer;
	font-size: 18px;
}

td.selected {
	background-color: SandyBrown;
}

table::selection,
tr::selection,
td::selection {
	background-color: transparent;
}

/* ================ */

/*
*/
table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
}

th:first-child{
    padding: 3px, 15px;
    border: 1px solid black;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(49%, white), color-stop(50%, black), color-stop(51%, white));
    background-image: -webkit-linear-gradient(top left, white 49%, black 50%, white 51%);
    background-image: -o-linear-gradient(top left, white 49%, black 50%, white 51%);
    background-image: linear-gradient(to bottom right, white 49%, black 50%, white 51%);
}

th .c1 {
	font-size: 15px;
    -webkit-transform: translate(-20px,-1px);
        -ms-transform: translate(-20px,-1px);
            transform: translate(-20px,-1px);
}

th .c2 {
	font-size: 15px;
    -webkit-transform: translate(20px,1px);
        -ms-transform: translate(20px,1px);
            transform: translate(20px,1px);
}