body
{
	background-color: #f0f0f3;
	margin: 0px;
	padding: 0px;
	font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
}

input, select
{
	font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
}


/* page caption */
#page_caption
{
	background: linear-gradient(90deg, #ffffff 268px, #a4cdee 841px);
}

#page_caption .title
{
	color: #4d595c;
	font-size: 26px;
	padding: 0px;
}

#unsupported_browser
{
	background: #ffff99; border: 5px solid red; padding: 20px;
}


/* menu bars */
tr.topbar {
	background: #005096;
	color: #fff;
	font-size: 9pt;
}

.logout {
	background: #966;
}

tr.topbar > td {
	white-space: nowrap;
	border-left: 1px solid white;
	padding: 1px 10px 3px 10px;
}

tr.topbar > td a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

tr.topbar > td a:hover {
	font-weight: bold;
	color: #ffe000;
	text-decoration: none;
}

tr.topbar > td.current {
	border-top: 1px solid #005096;
	background: #f0f0f3;
}

tr.topbar > td.current a {
	color: #323235;
}




tr.topbar .debug_timings { padding: 0 5px; }
tr.topbar .debug_timings_permanent { color: #cdf; }
tr.topbar .debug_statistics_popup {
	background: #005096;
	color: #fff;
	font-size: 9pt;
	padding: 5px;
	text-align: right;
	z-index: 1001;
}
tr.topbar .debug_statistics_popup .debug_statistics_popup_toprow td { border-top: solid 1px White; text-align: center; }
tr.topbar .debug_statistics_popup td { padding-left: 5px; }


/* main content area */
body > div
{
	margin: 10px;
}

.nothing { margin: 0; padding: 0; }

h1
{
	font-size: 30px;
	font-weight: normal;
	color: #005096;
	margin: 6px 5px 10px 5px;
}

h2
{
	font-size: 20px;
	font-weight: normal;
	color: #005096;
	margin: 20px 5px 5px 5px;
}

h3
{
	font-size: 16px;
	font-weight: normal;
	color: #005096;
	margin: 5px 5px 10px 5px;
}

.hr
{
	border-top: solid 1px #888;
	margin: 0.8em -10px;		/* -10px to undo the margin of teh body > div */
}

#footer
{
	border-top: solid 1px #888;
	color: #888;
	margin: 0px;
	font-size: 11px;
	text-align: center;
	border-left: none;
	border-right: none;
	border-bottom: none;
}


.page { font-size: 9pt; }
.page input, .page select { font-size: 9pt; }

/* filter criteria boxes above grids */
.filters { background: #dfdfe2; font-size: 12px; margin-bottom: 1em; border: 1px solid #c8c8cb; width: 100%; }
.filters_inner { padding: 4px; }

/* toolbar below main title text (h1) on page */
.toolbar { background: #dfdfe2; font-size: 12px; margin-bottom: 1em; border: 1px solid #c8c8cb; width: 100%; }
.toolbar_inner { padding: 4px; }
.toolbar_print { display: none; }

/* button bar at bottom of page */
.buttons { background: #dfdfe2; font-size: 12px; margin-top: 1em; border: 1px solid #c8c8cb; }
.buttons_inner { padding: 4px; }

.warningbox { padding: 3px 5px; font-size: 11pt; }

/* common styles */

.control_validation_error { color: #f00; font-weight: bold; padding: 0px 8px 0px 2px; }
.control_validation_error:hover { background-color: #fbb; }

.ui-button {
	font-size: 8pt;
}

.textflow { margin: 0 3px; }
.textflowdiv { padding: 0 3px; display: block; }
.textblock { }

.ui-input-hint
{
	/*width: 300px;*/
	min-width: 13em;	/* italic hint text makes element a bit wider when hint is visible. this prevents it. */
}

.ui-input-hint-active
{
	color: #a1a1a1;
	font-style: italic;
}

/* fg-button styling taken from jquery-ui styles to allow a link to look like a button */
.fg-button
{
	outline: 0;
	margin: 0 4px 0 0;
	padding: .4em 1em;
	text-decoration: none !important;
	cursor: pointer;
	position: relative;
	text-align: center;
	zoom: 1;
}
a.fg-button:hover { border: 1px solid #fbcb09; background: #fdf5ce url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQEAIAAACwqkHPAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dE////////CVj33AAAAJpJREFUSMftzz8LAQEYB+Df+7NIJl2UrijLzXZfwFdgNV9ZbcwWn+VGsxKd0aSroxTFdLk/3cunEMM7PfMD3WVZPCMAAIZhGMa3QVkmSRhSquLJhmhgxDXhYMIH0RKfHej4dThGRFsWlTl0lUYnh3BlyQC6zZ7xEHrOp5c9tMjvV5fSFJ9dvHtFcEuJOgb0CKKG/l+kDcMwfsgHGv4yVUVcuIEAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTMtMDItMTdUMTg6NTU6NTctMDg6MDCDMmlNAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTAyLTE3VDE4OjU1OjU3LTA4OjAw8m/R8QAAAABJRU5ErkJggg==) 50% 50% repeat-x; font-weight: bold; color: #c77405; text-decoration: none; }

.gridheader { 
	padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    border-top: 0 none;
    border-bottom: 0 none;
}
.gridheader.logflow-resizer { border-top: 1px #cccccc; border-bottom: 1px #cccccc; }
.grid-breaking-column { white-space: pre-wrap !important; }
.grid-nowrap-column { white-space: nowrap !important; }

.linkcolumn { cursor: pointer; }
.linkcolumn:hover { text-decoration: underline; }
.deletecolumn { cursor: default; }
div.linkcolumn-disabled td.linkcolumn { cursor: auto !important; }
div.linkcolumn-disabled .linkcolumn:hover  { text-decoration: none !important; }

.ui-state-hover a { text-decoration: underline; }
.ui-state-hover a:hover { text-decoration: underline; }

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

.object_icon { margin-left: 0.1em; margin-right: 0.4em; vertical-align: bottom; border: 0; }

button.small_button { margin: 0; }
button.small_button .ui-button-text { padding: 3px 10px; }
button.small_button .ui-button-icon-primary {  }

button.smaller_dropdown_button { padding: 1px 6px 1px 6px; height: 22px; }
button.smaller_dropdown_button.ui-button-icon-only { width: 20px; }
button.smaller_dropdown_button .ui-button-text { padding-top: 2px; padding-bottom: 2px; padding-left: 6px; }
button.smaller_dropdown_button .ui-button-icon-primary {  }

a.small_button { margin: 0; }
a.small_button .ui-button-text { padding: 3px 10px; }
a.small_button .ui-button-icon-primary {  }

button.small_button.square_dim_button, a.small_button.square_dim_button { width: 23px; height: 23px; }
button.small_button.square_dim_button .ui-button-icon-primary, a.small_button.square_dim_button .ui-button-icon-primary { left: 10px; top: 10px; }
button.small_button.button_icon_righter .ui-button-icon-primary, a.small_button.button_icon_righter .ui-button-icon-primary { left: 11px; }
.button_height_spacer.small_button { width: 1px; height: 21px; vertical-align: bottom; }

button.tiny_button, a.tiny_button { margin: 0; }
button.tiny_button .ui-button-text, a.tiny_button .ui-button-text { padding: 0px 7px; }
button.tiny_button .ui-button-icon-primary, a.tiny_button .ui-button-icon-primary {  }

button.tiny_button.square_dim_button, a.tiny_button.square_dim_button { padding: 10px 10px 8px 8px; width: 19px; height: 19px; }
button.tiny_button.ui-button-icon-only .ui-icon { margin-top: -8px; margin-left: -8px; }
button.tiny_button.square_dim_button .ui-button-icon-primary, a.tiny_button.square_dim_button .ui-button-icon-primary { left: 8px; top: 8px; }
button.tiny_button.button_icon_righter .ui-button-icon-primary, a.tiny_button.button_icon_righter .ui-button-icon-primary { left: 9px; }


.smaller_button.fg-button { padding: 2px 6px 2px 6px; }

div.content { margin-left: 1.5em; }

.unit { background-color: white; padding: 5px; }
table.unit { border-spacing: 5px; padding: 0; margin: 0; width: 100%; }
.unit table { border-spacing: 5px; padding: 0; margin: -5px; }
.subunit { background-color: white; padding: 5px 0 5px 5px; }
table.subunit { width: 100%; }
tr.subunit { background-color: transparent; }
tr.subunit > td { padding: 5px 0 5px 5px; background-color: white; }	/* tr transparent but td with background-color so that animation works correctly */
.subunit td.lastsubunitcolumn { padding-right: 5px; }
table.subunitcontainer { border-spacing: 0 10px; border-collapse: separate; }
.antisubunit { padding: 5px 0 5px 5px; }		/* this is like a subunit but just the spacing, and thus without any coloring */
.antisubunit td.lastsubunitcolumn { padding-right: 5px; }

.itemunit { background-color: #e3f3fb; /* padding: 5px 0 5px 5px; */ }
.tupleunit { background-color: #e3f3fb; /* padding: 5px 0 5px 5px; */ } /*d9ffd2*/

.subcontrol table { border-spacing: 5px; padding: 0; margin: 0 -5px; }

.adderbutton { left: 5px; }

.template_instance_selection { background: #008; opacity: .15; filter: Alpha(Opacity=15) !important; z-index: 2; }	/* opacity on IE 8 set to important to prevent strange opaqueness when fading. */

input.ui-widget-content, select.ui-widget-content, textarea.ui-widget-content, .ui-button.control_button { border-color: #dfdfe2; background: White; }
input.disabled_look, select.disabled_look, textarea.disabled_look { border-color: White; }

.tiny_button {
    border-radius: 1em 1em 1em 1em;
}
.smaller_button {
    border-radius: 1em 1em 1em 1em;
}

.context_menu_dialog { background: #f6f6f6; }

.DatePickerControl { border-right: none; }
.TimeZonePickerControl { border-right: none; }

.jqgrow { background: White; }
.gridalternate { background: #f8f8f9; }

/* background for expressions */
.expr-editor .rootelement { background: #f0ecfa; }
.expr-editor .et-text { background: White; }
.expr_editor_ctrl.expr_editor_expr_mode > .expr-editor { background: #f0ecfa; }
/*
.expr-editor .token { background: #f0ecfa; }
.expr-editor .et-text { background: transparent; }
.expr_editor_ctrl.expr_editor_expr_mode > .expr-editor { background: #f0ecfa; }
*/

.expr-editor .ex-unknown-var > .et-identifier { color: Red; }
.expr-editor .ex-unknown-fct > .et-identifier { color: Red; }
.expr-editor .ex-illegal-num-fct-params { background: #B81900; color: White; }

div.expr-editor {
	list-style-type: none;
	counter-reset: css-counter 0; 
}
div.expr-editor div.line {
	counter-increment: css-counter 1;
}
div.expr-editor div.line:before {
	content: " " counter(css-counter) " ";
	text-align: right;
	margin-left: 0em;
	margin-right: 1em;
	float: left;
	width: 3em;
	height: 100%;
	overflow: hidden;
	box-sizing: inherit;
	background: #f0ecfa;
}
div.line span.rootelement, div.line br.rootelement {
	/*padding-left: 1em;*/
}
div.line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.import_objects_file { min-width: 350px; width: 100%; }