header {
        text-align:center;
}



footer {
        clear: both;
}

.row {
        display: flex;
justify-content: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
         
}

.column {
}

.but {
	font-size: 1.0em;
        // font-family: "Times New Roman", Times, serif;
        // font-family: "OML", serif;
        // font-family: "Computer Modern", serif;
        // font-style: italic;
	text-align:center;
	background-color: #EEEEEE;
        line-height: 1.7em;
}
.var {
	border: none;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
        color: #000000; 
        line-height: 1.7em;
}
.butvar {
	border: none;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
	background-color: #DDDDDD;
        padding: 2px 0.0px;
}
.textbut {
	border: none;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
	background-color: #FFFFFF;
        padding: 0px 0.0px;
        line-height: 1.7em;
}
.varright {
	border: none;
	font-size: 0.8em;
        // font-style: italic;
	text-align:right;
}
.pinkvar {
	background-color: #FFAAFF;
	font-size: 0.8em;
        // font-style: italic;
}
.greenvar {
	border: none;
	background-color: #AAFFAA;
	font-size: 0.8em;
        // font-style: italic;
}
.whitevar {
	border: none;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
        color: #FFFFFF; 
	background-color: #FFFFFF;
}
.grayvar {
	border: none;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
        color: #FFFFFF; 
	background-color: #F8F8F8;
}
.zerovar {
	border: none;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
        color: #CCCCCC; 
	background-color: #F8F8F8;
}
.whitebutvar {
	border: none;
        color: #FFFFFF; 
	background-color: #FFFFFF;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
        padding: 3px 0.0px;
}
.graybutvar {
	border: none;
        color: #FFFFFF; 
	background-color: #F8F8F8;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
        padding: 3px 0.0px;
}
.zerobutvar {
	border: none;
        color: #CCCCCC; 
	background-color: #F8F8F8;
	font-size: 0.8em;
        // font-style: italic;
	text-align:center;
        padding: 3px 0.0px;
}
.equals {
	border: none;
	font-size: 0.8em;
        // font-style: italic;
}
.valcenter {
	font-size: 0.8em;
	text-align:center;
}
.yellowvalcenter {
	background-color: #FFFFAA;
	text-align:center;
	font-size: 0.8em;
}
.val {
        border-color: #FFFFFF;
        border-top-style: groove;
        border-bottom-style: groove;
        border-left-style: groove;
        border-right-style: groove;
	background-color: #FFFFFF;
	text-align:center;
	font-size: 0.8em;
}
.grayval {
        border-color: #FFFFFF;
        border-top-style: groove;
        border-bottom-style: groove;
        border-left-style: groove;
        border-right-style: groove;
	background-color: #F8F8F8;
	text-align:center;
	font-size: 0.8em;
}
.pinkval {
        border-color: #FFFFFF;
        border-top-style: groove;
        border-bottom-style: groove;
        border-left-style: groove;
        border-right-style: groove;
	background-color: #FFAAFF;
	text-align:center;
	font-size: 0.8em;
}
.yellowval {
        border-color: #FFFFFF;
        border-top-style: groove;
        border-bottom-style: groove;
        border-left-style: groove;
        border-right-style: groove;
	background-color: #FFFFAA;
	text-align:center;
	font-size: 0.8em;
}
.whiteval {
	border-color: transparent;
        color: #FFFFFF; 
	text-align:center;
	font-size: 0.8em;
}
.zeroval {
	border-color: transparent;
        color: #CCCCCC; 
	text-align:center;
	font-size: 0.8em;
}
.sign {
	border: none;
	color: #000000;
	font-size: 0.8em;
        // font-style: italic;
        height: 1.63em;
}
.graysign {
	border: none;
        // opacity: 0.1; 
        color: #CCCCCC; 
	font-size: 0.8em;
        // font-style: italic;
        height: 1.63em;
}
.whitesign {
	border: none;
        // opacity: 0.1; 
        color: #FFFFFF; 
	font-size: 0.8em;
        // font-style: italic;
        height: 1.63em;
}
.input {
	font-size: 1.0em;
        // font-style: italic;
	text-align:center;
}
.text {
        color: #000000;
	font-size: 1.0em;
        // font-style: italic;
	text-align:center;
}
.whitetext {
        color: #FFFFFF;
	font-size: 1.0em;
        // font-style: italic;
	text-align:center;
}
.info {
	border: none;
	text-align:center;
	font-size: 0.8em;
        // font-style: italic;
        width: 100%;
        line-height: 1.7em;
}
.yourname {
	font-size: 1.0em;
        // font-style: italic;
	text-align:center;
}

BODY {
	font-family: Verdana;
        // font-family: "OML", serif;
        // font-family: "Computer Modern", serif;
        // font-style: italic;
	font-size: 0.8em;
}

span {
	background-color: #FFFFFF;
}

#ruler {visibility: hidden; white-space: nowrap;}