.inline-ui-icon
{
	display: inline;
	vertical-align: text-bottom;
}

.readonly_text { margin: 0; padding: 0 5px; border: 1px solid #ddd; }
.readonly_select { margin: 0; padding: 0 5px; border: 1px solid #ddd; }

.disabled_look { background: White; }

.gridalternate { background: /*#fdb*/ /*#dddde6*/ #f2f2f3; }

.ui-jqgrid .ui-state-disabled:hover { padding: 1px !important; }

.checkbox_button.ui-button.ui-state-checked
{
	border: 1px solid #0077bf;
	background: #9ed1f1;
	color: #363636;
}

.tooltip_button { background: white !important; padding: 0; }

button.smaller_button { padding: 0; }	/* this padding has no effect on normal buttons. but it has on buttons in our context menu. */
button.smaller_button.ui-button-icon-only { width: 20px; }
button.smaller_button .ui-button-text { padding: 2px 6px; }
button.smaller_button .ui-button-icon-primary {  }

a.smaller_button {  }
a.smaller_button.ui-button-icon-only { width: 20px; }
a.smaller_button .ui-button-text { padding: 2px 6px; }
a.smaller_button .ui-button-icon-primary {  }

button.smaller_button.square_dim_button, a.smaller_button.square_dim_button { margin: 1px; padding: 8px 12px 12px 8px; width: 21px; height: 21px; }
button.smaller_button.square_dim_button.ui-button-icon-only, a.smaller_button.square_dim_button.ui-button-icon-only { width: 21px; }
button.smaller_button.square_dim_button .ui-button-icon-primary, a.smaller_button.square_dim_button .ui-button-icon-primary { left: 9px; top: 9px; }

button.smaller_button.button_icon_righter .ui-button-icon-primary, a.smaller_button.button_icon_righter .ui-button-icon-primary { left: 10px; }

.left_button_half {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	margin-right: 0;
}
.middle_button_half {
    border-radius: 0 !important;
	margin-right: 0;
	border-left-width: 0;
}
.right_button_half {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-left-width: 0;
}

/* validator */
.error-icon { vertical-align: text-bottom; margin: 0 4px; font-size: 1.05em; }
.error-icon img { vertical-align: text-bottom; }
.error-text { 
	border: 1px solid #cd0a0a;
	background: #b81900 url(altova-theme/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	color: White; /* #ef0a0a; */
	position: absolute;
	z-index: 2;
	font-size: 1em;
	max-width: 50% !important;
}
span.error-text { 
	font-size: 1em;
	position: relative;
	width: inherit;
	max-width: 100%;
	padding: 0.1em;
}

.context_menu_dialog { padding: 4px; z-index: 100; }
.context_menu_dialog .ui-dialog-content { padding: 0; font-size: 8pt; }
.context_menu_dialog .ui-dialog-titlebar { display: none; }
.context_menu_dialog .fg-button { margin: 0; display: block; white-space: nowrap; text-align: left; border-color: transparent; /*background: transparent;*/ }
.context_menu_dialog button.ui-button { white-space: nowrap; width: 99%; }	/* 100% would create a horizontal scrollbar at least in firefox and IE */