label.x-form-item-label {
	font-weight: bold;
	color: #444444;
	padding: 4px 8px 3px 0 !important;
}

label.x-form-cb-label {
	color: #444444;	
	font-size: 1.2em;
}

fieldset.slim {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.add-user-16 {
	background-image: url('../images/add_user_16.gif') !important;
}

.back-16 {
	background-image: url('../images/back_btn_icon_16.gif') !important;
}

.next-16 {
	background-image: url('../images/next_btn_icon_16.gif') !important;
}

/*
 * ExtJS 3.2 seems to have a css bug for a combo box inside a toolbar. "right: 0" was added in 3.2
 * for this configuration, which causes the trigger button to move to the left side of the combo box.
 * This tweak reverses that change.
 */
.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
	right: auto;
}

.x-toolbar-cell .x-form-cb-label {
	vertical-align: middle;
	color: #111111;
}
.x-toolbar .x-form-checkbox {
	vertical-align: middle;
	margin-top: 0;
}

.am-multi-combo-display .x-form-display-field {
	margin: 4px 8px;
	padding-bottom: 6px;
}

/*
 * These items customize buttons displayed in toolbars.  Default has no button background until hovered over.
 * This creates a more standard button display but with the background appropriate for a toolbar.
 */
.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc {
	background-image: url(../images/am_toolbar_btn.gif);
}
.x-toolbar .x-btn-tl {
	background-position: 0 0;
}
.x-toolbar .x-btn-tr {
	background-position: -3px 0;
}
.x-toolbar .x-btn-tc {
	background-position: 0 -6px;
}
.x-toolbar .x-btn-ml {
	background-position: 0 -24px;
}
.x-toolbar .x-btn-mr {
	background-position: -3px -24px;
}
.x-toolbar .x-btn-mc {
	background-position: 0 -1096px;
}
.x-toolbar .x-btn-bl {
	background-position: 0 -3px;
}
.x-toolbar .x-btn-br {
	background-position: -3px -3px;
}
.x-toolbar .x-btn-bc {
	background-position: 0 -15px;
}