body
{
	background-color: rgba( 0, 0, 0, 0.1 );
	font-family: Tahoma, Calibri, Arial, Verdana;
	font-size: small;
}

.center
{
	text-align: center;
	margin: auto;
}

.center ul li
{
	display: inline;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.bottom
{
	vertical-align: bottom;
}

.inputField
{
	vertical-align: bottom;
	text-align: left;
	width: 187px;
}

.inputFieldChanged
{
	background-color: #FFC4C4;
}

select.inputField
{
	width: 191px;
}

.inputField label
{
	position: relative;
	top: -2px;
}

select, input[type=text], input[type=datetime], input[type=password], input[type=number], textarea
{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	border: 1px solid #DDDDDD;
}

select:focus, input[type=text]:focus, input[type=datetime]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus
{
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border: 1px solid rgba(81, 203, 238, 1);
	outline: none;
}

.error
{
	color: #DD0000;
}

.success
{
	color: #00AA00;
}

.chart
{
	width: 90%;
	max-height: 500px;
	text-align: center;
	margin: auto;
}

.chartPager
{
	vertical-align: middle;
	text-align: center;
	margin: auto;
}

.chartPager input
{
	margin: 10px 3px 10px 3px;
	height: 24px;
	width: 24px;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border: 1px inset #000;
	background-color: #DDD;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto 15px;
	box-shadow: 2px 2px 4px #555, inset 3px 3px 6px #FFF;
}

.chartPager input:hover:enabled
{
	background-color: #FFF;
}

.chartPager input:active:hover:enabled
{
	background-color: #FFF;
	box-shadow: 0px 0px 0px #000, inset 2px 2px 6px #FFFFFF;
}

.chartPager input:disabled
{
	background-color: #AAA;
	border: 1px solid #333;
	box-shadow: none;
}

input.lastLeftPage
{
	color: #FFF; /* Fallback for older browsers */
	color: rgba(1, 1, 1, 0);
	background-image: url('last_left.png');
}

input.leftPage
{
	color: #FFF; /* Fallback for older browsers */
	color: rgba(1, 1, 1, 0);
	background-image: url('left.png');
	background-position: 35% center;
}

input.rightPage
{
	color: #FFF; /* Fallback for older browsers */
	color: rgba(1, 1, 1, 0);
	background-image: url('right.png');
	background-position: 65% center;
}

input.lastRightPage
{
	color: #FFF; /* Fallback for older browsers */
	color: rgba(1, 1, 1, 0);
	background-image: url('last_right.png');
}

.loader
{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.50);
}

input.start
{
	background-color: #00AA00;
	height: 26px;
}

input.stop
{
	background-color: #FF0000;
	height: 26px;
}

input.login
{
	height: 26px;
}

input.logout
{
	height: 26px;
}

.normal
{
	text-align: left;
	margin: auto;
}

.equation
{
	font-size: x-small;
}

select.currencyField
{
	width: 100%;
}

input.currencyField
{
	vertical-align: bottom;
	text-align: right;
	width: 66px;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	margin: 0;
}

select.taskDropdown
{
	width: 70px;
}

.header
{
	font-weight: bold;
}