/* ezPCalcApp.css */

div.ezPCalc
{
	background    : linear-gradient(to bottom right, lightgray, gray);
	padding       : 10px;
	border        : medium black solid;
	border-radius : 5px;
	display       : inline-block;
}

button
{
	border-radius : 5px;
	border        : medium solid black;
	padding       : 4px;
}

span.appName
{
	font-size   : large;
	font-weight : bold;
	display     : inline-block;
}

#variablesDivId
{
	display : none;
}

#programDivId
{
	display : none;
}

input.variableName
{
	width            : 50px;
	padding          : 4px;
	border           : medium solid yellow;
	background-color : lightyellow;
	color            : black;
	border-radius    : 5px;
}

input.variableNameError
{
	width            : 50px;
	padding          : 4px;
	border           : medium solid yellow;
	background-color : red;
	color            : yellow;
	border-radius    : 5px;	
}

input.variableValue
{
	width            : 100px;
	padding          : 4px;
	border           : medium solid blue;
	background-color : lightblue;
	color            : black;
	border-radius    : 5px;
}

input.variableValueError
{
	width            : 100px;
	padding          : 4px;
	border           : medium solid yellow;
	background-color : red;
	color            : yellow;
	border-radius    : 5px;
}

input.programLineCode
{
	width            : 400px;
	padding          : 4px;
	border           : medium solid blue;
	background-color : lightblue;
	color            : black;
	border-radius    : 5px;
}

input.programLineCodeError
{
	width            : 400px;
	padding          : 4px;
	border           : medium solid yellow;
	background-color : red;
	color            : yellow;
	border-radius    : 5px;
}

span.result
{
	font-size        : xx-large;
	font-weight      : bold;
	padding          : 4px;
	border           : medium solid green;
	background-color : lightgreen;
	color            : black;
	border-radius    : 5px;
}

span.resultError
{
	font-size        : xx-large;
	font-weight      : bold;
	padding          : 4px;
	border           : medium solid yellow;
	background-color : red;
	color            : yellow;
	border-radius    : 5px;
}