a.button { color: #000; }
a.button_disabled { color: #aaa; }

a.button, a.button_disabled {
    background: transparent url('/images/button_a2.gif') no-repeat scroll top right;

    display: inline-block;
    font: normal 12px arial, sans-serif;
    height: 24px;
	width: 148px;
	text-align: left;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	margin: 1px 1px 1px 1px;
}

a.button span, a.button_disabled span {
	background: transparent url('/images/button_span2.gif') no-repeat;
	display: block;
	/* line-height: 14px; */
	padding: 1px 0px 4px 12px;
}

a.button_disabled { background-position: right -48px; }
a.button_disabled span { background-position: left -48px; }

a.button:active { background-position: right -48px; } /* outline: none; */
a.button:active span { background-position: left -48px; }
a.button:hover { background-position: right -24px; }
a.button:hover span { background-position: left -24px; }

.error { COLOR: #c00; FONT-SIZE: 8pt }
.small { COLOR: #000; FONT-SIZE: 8pt }
.note { COLOR: #888; FONT-SIZE: 10pt }

.form_user, .form_pass, .form_barcode {
	padding-left: 17px;
	background-color: #fff;
	width: 155px; /* do not change */
}
.form_user { background: url(/images/form_user.gif) no-repeat top left; }
.form_pass { background: url(/images/form_pass.gif) no-repeat top left; }
.form_barcode { background: url(/images/icons/barcode.gif) no-repeat top left; }

.nobr { white-space: nowrap; }