body { 
	background-color: #ffcc66;
	margin: 0px;
	border-style: solid; border-color: #ff6600; border-width: 2px, 0px, 2px, 0px;
	text-align: center; 
}

#playground {
	background-color: #ffffff;
	width: 600px; height: 100%;
	margin: 0px;
	border-style: solid; border-color: #ff6600; border-width: 0px, 4px, 0px, 4px;
	padding: 20px, 0px, 20px, 0px; 
	font-family: sans-serif; font-style: normal;
}


#calc {
	background-color: #333333;
	width: 540px;
	margin: 0px, 0px, 20px, 0px;
	border-style: solid; border-collapse: separate; border-color: #666666; border-width: 2px;
	empty-cells: show;
}

#calc td {
/*	background-color: #cc6633; color: #ffffff; */
	background-color: #ff9933; color: #ffffff;
	height: 24pt;
	border-style: solid; border-width: 1px;
	text-align: center;
	cursor: default;
}

#calc td.calc-display {
	background-color: #ffffcc; color: #000000;
	height: 28pt;
	border-style: solid; border-color: #000000; border-width: 2px, 0px, 4px, 0px;
	padding: 0px, 4px, 0px, 4px;
	font-size: 10pt; font-weight: bold;
	letter-spacing: 2pt;
	text-align: left;
}

#calc td.calc-help {
	background-color: #ffffcc; color: #000000;
	width: 180px;
	border-style: solid; border-color: #000000; border-width: 0px, 0px, 0px, 4px;
	text-align: left;
}

#calc td.calc-button-fnc {
	background-color: #ff9933; color: #000000;
	font-size: 10pt; font-weight: bold;
}

#calc td.calc-button-var, #calc td.calc-button-par, #calc td.calc-button-oper {
	width: 20pt; 
	font-size: 12pt; font-weight: bold;
}

img.calc-token {
	margin: 0px, 1px, 0px, 1px;
}

*.button {
	background-color: #ff9933;
	width: 60pt;
	margin: 0px, 2px, 0px, 2px;
	border-style: solid; border-color: #333333; border-width: 2px;
	padding: 4pt;
	font-size: 10pt; font-weight: bold;
	text-align: center;
	cursor: default;
}

#result {
	background-color: #ffffff;
	margin: 20px, 0px, 0px, 0px;
	border-style: solid; border-collapse: collapse; border-color: #000000; border-width: 4px;
	empty-cells: show;
}

#result td {
	background-color: #ffffff; color: #000000;
	width: 16pt; height: 20pt;
	border-style: solid; border-color: #000000; border-width: 1px;
	font-size: 10pt;
	text-align: center;
}


#result td.result-heading-variables, #result td.result-heading-variables-last,
#result td.result-heading-expression {
	background-color: #ffffcc;
	font-weight: bold;
	border-width: 1px, 1px, 0px, 1px;
}

#result td.result-heading-variables-last {
	border-width: 1px, 4px, 0px, 1px;
}

#result td.result-heading-expression {
	border-width: 0px, 0px, 1px, 0px;
}

#result td.result-level-variables, #result td.result-level-variables-last,
#result td.result-level-expression {
	background-color: #ffffcc; color: #ff0000;
	font-size: 8pt;
	border-width: 0px, 1px, 4px, 1px;
}

#result td.result-level-variables-last {
	border-width: 0px, 4px, 4px, 0px;
}

#result td.result-level-expression {
	border-width: 1px, 0px, 4px, 0px;
}

#result td.result-data-variables, #result td.result-data-variables-last,
#result td.result-data-expression, #result td.result-data-expression-oper, #result td.result-data-expression-main {
	background-color: #ffffcc;
}

#result td.result-data-variables-last {
	border-width: 1px, 4px, 1px, 1px;
}

#result td.result-data-expression-oper, #result td.result-data-expression-main {
	background-color: #ffff99;
}

#result td.result-data-expression-main {
	background-color: #ffff66;
	font-weight: bold;
}