:root {
	--cell-size:	35px;
	--int-size:		30px;
	--denom-size:	20px;
	--numer-size:	20px;
	--op-size:		25px;
	--d1-size:		15px;
	--d2-size:		20px;
	--d22-size:		20px;
	--d3-size:		15px;
	--table-width:	600px;
}
td.opacity_05 {
	opacity: 0.5;
}
table.fixed {
	font-family:	arial;
	float:			center;
	border:			1px solid rgb(179, 215, 255);
	table-layout:	fixed;
	width:			var(--table-width);
	overflow-x:		auto;
}

table.fixed td {
	height:	var(--cell-size); 
	width:	var(--cell-size); 
}
table.fixed2 {
	font-family:	arial;
	float:			left;
	border:			1px solid rgb(179, 215, 255);
	table-layout:	fixed;
	width:			125px;
	overflow-x:		auto;
}

table.fixed2 td {
	height:	var(--cell-size); 
	width:	var(--cell-size); 
}

table.tableL_0  td {
	margin:			0;
	position:		absolute;
	top:			50%;
	-ms-transform:	translateY(-50%);
	transform:		translateY(-50%);
	width:			15px;
	height:			17px;
	text-align:		center;
}




td.int {
	border:		1px solid rgb(179, 215, 255);
	font-weight:none;
	font-size:	var(--int-size);
	color:		red;
}
td.numer {
	border:		1px solid rgb(179, 215, 255);
	font-weight:none;
	font-size:	var(--numer-size);
	color:		green;
}
td.denom {
	border:		1px solid rgb(179, 215, 255);
	font-weight:none;
	font-size:	var(--denom-size);
	color:		blue;
}
td.op {
	border:		1px solid rgb(179, 215, 255);
	color:		black;
	font-size:	var(--op-size);
	font-weight:bold;
}
td.d1 {  /*  '\x'  OR '\:'  */
	border:		1px solid rgb(179, 215, 255);
	font-weight:bold;
	font-size:	var(--d1-size);
	color:		black;
	text-align: right;
	height:		1px;
	vertical-align: bottom;
  }
td.d2 {
	border:		1px solid rgb(179, 215, 255);
	font-size:	var(--d2-size);
	color:		purple;
	text-align:	left;
	height:		1px;
	vertical-align: bottom;
}
td.d22 {
	border:		1px solid rgb(179, 215, 255);
	font-size:	var(--d22-size);
	color:		purple;
	height:		1px;
}
td.d3 {
	border:		1px solid rgb(179, 215, 255);
	font-weight:bold;
	font-size:	var(--d3-size);
	color:		black;
	text-align: right;
	height:		1px;
	vertical-align: top;
}

td.border {
	border:			1px solid rgb(179, 215, 255);
}
td.up {
	border:			1px solid rgb(179, 215, 255);
	border-bottom:	2px solid black;
	vertical-align: bottom;
}
td.up:focus {
	border-bottom:	7px solid black;
}
td.down {
	border:			1px solid rgb(179, 215, 255);
	border-top:		2px solid black;
	vertical-align: top;
}
td.down:focus {
	border-top:		7px solid black;
}

td.BO_B {	border-bottom:	2px solid black;	}
td.BO_L {	border-left:	2px solid black;	}
td.BO_R {	border-right:	2px solid black;	}
td.BO_T {	border-top:		2px solid black;	}


/*
table table td:hover {
	background: brown;
}
td.d1:hover {
	color: black;
}
td.d2:hover {
	color: black;
}
//*/

/*
td:focus {
	color:Gray;
	background: white;
}
//*/

/*
td[contenteditable="true"]:focus {
	color:				rgb(10, 10, 10);
    background-color:	white;
}
 */