.actionColumnIconViewOnly {
	background-image: url(/msd/imgs/view_rev.png);
	height: 18px !important;
	width: 64px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.actionColumnIconViewEdit {
	background-image: url(/msd/imgs/view-edit_rev.png);
	height: 18px !important;
	width: 64px !important;
	margin: 0px !important;
	padding: 0px !important;
}

/* style for empty Ext JS grids */
.x-grid-empty {
	color: black;
	text-align: left;
}

/* center the title in the header of an ExtJS panel */
.centerTitle .x-panel-header {
	text-align: center;
}

/* enables text wrapping in ExtJS grids */
.cellTextWrap .x-grid-cell-inner {
	white-space: normal;
	word-wrap: break-word; /* needed to wrap long text devoid of whitespace */
}

/* to emulate a "tab" character in HTML */
span.tab {
	padding-left: 2em;
}

.radioLabel {
	border-bottom: 1px dotted gray;
}

/* style for invalid radios */
.x-form-invalid-field.x-form-radio {
	background-image: url(/msd/imgs/invalid_radio.gif);
}

/* style for invalid checkboxes */
.x-form-invalid-field.x-form-checkbox {
	background-image: url(/msd/imgs/invalid_checkbox.gif);
}

/* style for non-disabled invalid fields and non-disabled required fields which are empty */
.x-form-text:not([disabled]).msd-invalid-field,
.x-form-text:not([disabled]).x-form-required-field.x-form-empty-field {
	border-color: red;
}

/* style for invalid cells */
.invalidCell {
	border: 1px solid red;
}
.invalidCell .x-grid-cell-inner {
	padding: 2px 5px 3px 5px;
}

/* style for invalid grids */
.invalidGrid {
	border: 2px solid red;
}
.invalidGrid .x-grid-header-ct {
	border-top: none;
	border-left: none;
}
.invalidGrid .x-grid-body {
	border-left: none;
}

/* style for read-only textfields */
.x-form-readonly .x-form-text {
	border: none;
	background: none;
}

/* special case for read-only textareas */
.x-form-readonly .x-form-textarea {
	border: 1px solid #E1E2E9;
}

/* style for read-only radios/checkboxes which are not also disabled */
.x-field.x-form-readonly:not(.x-item-disabled) .x-form-cb, .disabledLook {
	filter: alpha(opacity=30);
	opacity: 0.3;
}

/* add the class "whiteHeader" to an Ext JS grid to make its group columns' background white */
.whiteHeader .x-group-header {
	border: none;
}
.whiteHeader .x-group-header > .x-column-header-inner {
	background-color: white;
	height: 25px;
}
.whiteHeader .x-group-header > .x-column-header-inner SPAN {
	padding-top: 2px;
}
.whiteHeader .x-grid-header-ct-docked-top {
	background: none;
}

/* add the class "NoBackground" to an Ext JS group column to remove its background (e.g. with "overCls") */
.NoBackground.x-group-header > .x-column-header-inner {
	background-image: none;
}

.yellowed {
	background-color: rgb(249, 245, 189) !important;
	/*background-color: #F7FE2E;*/
}

/* for important messages */
.boldRed {
	font-weight: bold;
	color: red;
}

.boldRow > TD {
	font-weight: bold;
}

/* to show a pointer cursor when hovering the element */
.pointerCursor {
	cursor: pointer;
}