@CHARSET "ISO-8859-1";

/* Arena blue: #65609e */
/* Arena green: #aecd6f */ 
/* Xledger blue: #20419a */
/* Lighter blue: #bcc6e0 */
/* Xledger green: #48bb78 */


body  {
	margin: 0;
	padding: 0;
	border: none;
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	
}


html, button, input, select, textarea {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.helpTextOnPage {
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	/* Windows and macos covered, fallback to websafe font family */
	color: #000000;
	font-size: small;
	border: 1px solid #888888;
	background-color: #f0f0f0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.5em 0.5em 0.5em 0.5em;
}

img {
	cursor: pointer;
}

input[type=radio] {
		border: none;
}

hr {
	color: #20419a;
	background-color: #20419a;
	height: 1px;
	width: 100%;
	border: none;
}

.hidden {
	display: none;
}

.show {
	background-color: #ffffff;
	border: 0px solid black;
	padding: 3px;
	height: auto;
	visibility: visible;
}

.hide {
	height: 1px;
	position: absolute;
	display: none;
}

UL.show {
	display: block;
}

UL.hide {
	display: none;
}

.commentDiv, .commentDiv2 {
	width: 100px;
  height: 6px !important;
}

.commentDiv {
  border-radius: 3px !important;
	margin-top: 2px;
	margin-bottom: 4px;
	margin-left: 15px;
	margin-right: 15px;
}

.commentDiv2 {
  border-radius: 3px 1px 1px 3px !important;
	margin-top: 2px;
	margin-bottom: 4px;
	margin-left: 5px;
	margin-right: 1px;
}

.commentDivOn {
	background: #ffa953 !important;
	border: 1px solid #aaaaaa;
	/* background: #ffc285 !important; */
}

.commentDivOff {
	background: #fafafa !important;
	border: 1px solid #cccccc;
	/* background: #d9d9d9 !important; */
}

.attachmentDiv {
	width: 30px;
  height: 6px !important;
  border-radius: 1px 3px 3px 1px !important;
	margin-top: 2px;
	margin-bottom: 4px;
	margin-left: 1px;
	margin-right: 5px;
}

.attachmentDivOn {
	background: #1494e3 !important;
	border: 1px solid #aaaaaa;
	/* background: #8accf5 !important; */
}

.attachmentDivOff {
	background: #fafafa !important;
	border: 1px solid #cccccc;
	/* background: #d9d9d9 !important; */
}

/* Main page title */
h6 {
	font: 20px arial, sans-serif;
	font-size: medium;
	color: black;
	font-weight: 600;
	margin-bottom: -5px;
	margin-top: 0px;
}

/* Subtitles */
h5 {
	font: 20px arial, sans-serif;
	font-size: small;
	color: #20419a;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
}

/* These classes is used in the includeNote.html file */
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.floatIframe {
	background-color: white;
	position: absolute;
	display: none;
	height: 68px;
	width: 170px;
	top: 100px;
	border-style: none;
	padding: 3px;
	z-index: 98;
}

.floatDiv {
	background-color: white;
	position: fixed;
	height: 68px;
	width: 170px;
	top: 100px;
	border: 1px solid black;
	padding: 3px;
	z-index: 99;
}
/* End of includeNote.html classes */

body {
	font-size: small;
  /* font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif"; */
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	background-color: white;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	margin-right: 8px;
	padding: 0px;
}

div#pageTitleText {
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-size: medium;
	font-weight: 600;
	color: black;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #20419a;
}

table#schemaTable {
	font-weight: 600;
}

td.schemaTitleCol {
	text-align: right;
}

td.schemaInputCol {
	text-align: left;
	font-weight: normal;
}

tr.schemaTitleRow td {
	background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
	color: white;
	font-size: small;
	font-weight: 600;
	text-align: center;
	border-collapse: separate;
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

/* Floating stuff */
* html,* html body {
	background: #fff url(/ArenaBudget/Dummy.jsp) fixed;
}

/** html #iframeTitleRow {
	position: absolute;
	display: none;
	z-index: 50;
	top: expression(eval(document.compatMode &&   document.compatMode ==  
		'CSS1Compat') ?   documentElement.scrollTop :  
		document.body.scrollTop );
}

* html #iframTopRow {
	position: absolute;
	display: none;
	z-index: 50;
	top: expression(eval(document.compatMode &&   document.compatMode ==  
		'CSS1Compat') ?   documentElement.scrollTop :  
		document.body.scrollTop );
}

* html #iframeBottomRow {
	position: absolute;
	bottom: 0px;
	display: none;
	z-index: 50;
	top: expression(eval(document.compatMode &&   document.compatMode ==
		'CSS1Compat') ?   documentElement.scrollTop +   (
		documentElement.clientHeight-this.clientHeight ) :  
		document.body.scrollTop +   (
		document.body.clientHeight-this.clientHeight ) );
}*/
/* End of floating stuff */

/* Style for top table with functions etc */
table.optionsTable {
	background-color: white;
	border: none;
	border-collapse: collapse;
	font-weight: normal;
	font-size: small;
	text-align: left;
}

table.optionsTable tr.titlerow {
	background: #20419a url("jquery-ui-1.13.2.custom//images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
	border-top: 1px solid #20419a;
	color: white;
	font-size: small;
	font-weight: 600;
	text-align: center;
}

table.optionsTable tr.emptyrow {
	background-color: white;
	border: 0px;
}

table.optionsTable tr td {
	font-size: small;
}

table.optionsTable tr td.td1 {
	font-size: small;
	text-align: right;
	font-weight: 600;
}

table.optionsTable tr td.center {
	font-size: small;
	text-align: center;
}
/* End of style for top table with functions etc */

/* Style for selection tables */

table#selectionTable {
	*/ border-spacing: 0; */
	background-color: white;
	border-collapse: collapse;
	font-weight: normal;
	font-size: small;
	text-align: left;
}

table#selectionTable tr {
	border: 1px solid #f0f0f0;
	vertical-align: top;
}

table#selectionTable tr.titlerow {
	background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
	border-top: 1px solid #20419a;
	color: white;
	font-size: small;
	font-weight: 600;
	text-align: center;
}

table#selectionTable tr.titlerow th,
table#selectionTable tr.titlerow td {
	padding: 3px;
}

table#selectionTable tr.titleRow2 {
	background-color: #bcc6e0;
	color: #111111;
	font-size: small;
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
}

table#selectionTable tr.emptyrow {
	background-color: white;
	border: 0px;
}

table#selectionTable tr.prechosen {
	background-color: #cccccc;
}

table#selectionTable tr td {
	font-size: small;
	border: 1px solid #f0f0f0;
	padding: 3px;
}

table#selectionTable tr td.center {
	text-align: center;
}

table#selectionTable tr td.left {
	text-align: left;
}

table#selectionTable tr td.name {
	font-size: small;
	text-align: left;
	padding: 3px;
}

table#selectionTable tr td.td1 {
	font-size: small;
	text-align: right;
	font-weight: 600;
}

table#selectionTable tr td.td2 {
	font-size: small;
	text-align: left;
	font-weight: 600;
}

table#selectionTable tr td.detailCell {
	white-space: nowrap;
	font-family: monospace;
	font-size: small;
	font-style: normal;
	padding-left: 5px;
	padding-right: 5px;
}
/* End of styles for selection tables... */

/* ...but above copied to MainEffortFinanciation page */
table#selectionTableCopyToFinanciationPage {
	background-color: white;
	border-collapse: collapse;
	font-weight: normal;
	font-size: small;
	text-align: left;
}

table#selectionTableCopyToFinanciationPage tr {
	border: 1px solid #f0f0f0;
	vertical-align: top;
}

table#selectionTableCopyToFinanciationPage tr.titlerow {
	background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
	border-top: 1px solid #20419a;
	color: white;
	font-size: small;
	font-weight: 600;
	text-align: center;
}

table#selectionTableCopyToFinanciationPage tr.emptyrow {
	background-color: white;
	border: 0px;
}

table#selectionTableCopyToFinanciationPage tr td {
	font-size: small;
	border: 1px solid #f0f0f0;
	padding: 3px;
}

table#selectionTableCopyToFinanciationPage tr td.center {
	text-align: center;
}

table#selectionTableCopyToFinanciationPage tr td.left {
	text-align: left;
}

table#selectionTableCopyToFinanciationPage tr td.name {
	font-size: small;
	text-align: left;
	padding: 3px;
}

table#selectionTableCopyToFinanciationPage tr td.td1 {
	font-size: small;
	text-align: right;
	font-weight: 600;
}

table#selectionTableCopyToFinanciationPage tr td.td2 {
	font-size: small;
	text-align: left;
	font-weight: 600;
}

table#selectionTableCopyToFinanciationPage tr td.detailCell {
	white-space: nowrap;
	font-family: monospace;
	font-size: small;
	font-style: normal;
	padding-left: 5px;
	padding-right: 5px;
}

/* ...Selectiontable in ItemDependencyMaintain.jsp*/
table#selectionTable .rowGroupStart {
	border-bottom-color: #bbbbbb;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #dddddd;
	color: #000000;
	cursor: pointer;
}

/* ...Selectiontable in PeriodificationKeysChooseKey.jsp, top line  */

table#selectionTableTop tr.titlerow {
	background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
	border-top: 1px solid #20419a;
	color: white;
	font-size: small;
	font-weight: 600;
	text-align: center;
}

/* End of styles for selection tables */

/* Style for top row at input pages */
	table#topTable {
		background-color: white;
		border-collapse: collapse;
		font-size: small;
		font-weight: normal;
		text-align: left;
		/* border-bottom: 1px solid #20419a; */
	}
	
	table#topTable tr.titlerow {
	background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
		border-top: 1px solid #20419a;
		color: white;
		font-size: small;
		font-weight: 600;
		text-align: center;
	}
	
	table#topTable tr td.td1 {
		text-align: right;
		vertical-align: top;
		font-size: small;
		font-weight: 600;
	}
	
	table#topTable tr td.bold {
		font-size: small;
		font-weight: 600;
	}
	
	table#topTable tr td.buttons {
		font-size: small;
		font-weight: 600;
	}
	
	table#topTable input.inputOpen {
		text-align: left;
		border: 1px solid;
		border-color: #6699aa;
		background-color: #ffffff;
	}
	
	table#topTable input.inputLocked {
		text-align: left;
		border: 1px solid;
		border-color: #dddddd;
		background-color: #ffffff;
	}
/* End of style for top row at input pages */

/* Style for the bottom row at input tables */
	table#bottomTable {
		width: 100%;
		position: relative;
		z-index: 50;
		background-color: white;
		border-collapse: collapse;
		font-size: small;
		font-weight: normal;
		text-align: left;
	}
/* End of style for the bottom row at input tables */

/* Style for title row in input pages, floating kind */
table#titleRow {
	background-color: white;
	display: block;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: small;
	font-weight: normal;
	text-align: left;
	color: black;
	z-index: 50;
}

table#titleRow tr.titleRow1 {
	background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
	border-color: #20419a;
	color: #ffffff;
	font-size: small;
	font-weight: 600;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
}

table#titleRow tr td {
	font-size: small;
	text-align: center;
	vertical-align: top;
}

table#titleRow td.smallCol {
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	display: none;
	width: 20px;
	background-color: #dddddd;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

td.smallCol div {
	width: 20px;
}

table#titleRow td.separatorCol {
	cursor: auto;
	text-align: center;
	vertical-align: top;
	display: block;
	width: 10px;
	background-color: #cccccc;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

td.separatorCol div {
	width: 10px;
}

/* Style for the new top row, floating kind fixed */
div#floatingTopRowFixed {
	background-color: white;
	width: 100%;
	position: fixed;
	display: block;
	border-collapse: collapse;
	top: 0px;
	left: 8px;
	z-index: 50;
}

/* The new version of the floating header */
table#floatingheadertable {
	position: fixed;
	top: 0px;
	display: none;
	border-collapse: collapse;
	font-size: small;
	font-weight: 600;
	color: white;
	background-color: white;
	background: #20419a;
	table-layout: fixed;
	border-spacing: 0px;
	border-collapse: collapse;
}

table#floatingheadertable td {
	vertical-align: top;
	text-align: center;
	width: 100px;
}

table#floatingheadertable td div {
	white-space: nowrap;
	overflow: hidden;
	width: 100px;
}

table#floatingheadertable td.smallCol {
	cursor: pointer;
	display: none;
	width: 20px;
	background-color: #dddddd;
}

table#floatingheadertable td.separatorCol {
	cursor: auto;
	display: block;
	width: 10px;
	background-color: #cccccc;
}

table#floatingheadertable td.name {
	text-align: center;
	width: 150px;
}

table#floatingheadertable td.name div {
	white-space: nowrap;
	overflow: hidden;
	width: 150px;
}

/* End of style for title row in input pages, floating kind */

/* Style for main table at input pages */
	table#mainTable {
		background-color: white;
		display: block;
		border-collapse: collapse;
		font-size: small;
		font-weight: normal;
		text-align: left;
		color: black;
	}
	
	table#mainTable tr.titleRow1, table#mainTable2 tr.titleRow1, table#attachmentTable tr.titleRow1 {
		background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
		color: #ffffff;
		font-size: small;
		font-weight: 600;
		text-align: center;
		vertical-align: top;
		cursor: pointer;
	}
	
	#mainTable tr.titleRow2 {
		background-color: #bcc6e0;
		color: #111111;
		font-size: small;
		font-weight: 600;
		text-align: left;
		vertical-align: middle;
	}
	
	#mainTable tr.titleRow2 td {
		height: 30px;
		vertical-align: middle;
	}
	
	#mainTable tr.titleRow2 td div {
		height: 30px;
		vertical-align: middle;
		display: table-cell;
		overflow: visible;
		white-space: nowrap;
		padding-left: 0.5em;
	}
	
	table#mainTable tr.grey {
		background-color: #f5f5f5;
	}
	
	table#mainTable tr td {
		font-size: small;
		text-align: center;
		vertical-align: top;
	}
	
	table#mainTable td.td1 {
		overflow: hidden;
		white-space: nowrap;
		text-align: left;
		vertical-align: top;
	}
	
	table#mainTable .td1_primarygroup_title {
		color: #555555;
	}
	
	table#mainTable td.bold {
		font-weight: 600;
		vertical-align: top;
	}
	
	table#mainTable td.smallCol {
		cursor: pointer;
		text-align: center;
		display: none;
		width: 20px;
		background-color: #dddddd;
		border-left: 1px solid white;
		border-right: 1px solid white;
	}
	
	table#mainTable td.separatorCol {
		cursor: auto;
		text-align: center;
		display: block;
		width: 10px;
		background-color: #cccccc;
		border-left: 1px solid white;
		border-right: 1px solid white;
	}
	
	table#mainTable tr.greyRow {
		border-bottom-color: #bbbbbb;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	
	table#mainTable tr.whiteRow {
		border-bottom-color: #bbbbbb;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	
	table#mainTable input {
 		border: none;
	}
	
	table#mainTable input[type=radio] {
		border: none;
	}
	
	table#mainTable input.greyRowLockedLeft {
		text-align: left;
		border-color: #dddddd;
		background-color: #f5f5f5;
		cursor: default;
		padding:1px;
	}
	
	table#mainTable input.whiteRowLockedLeft {
		text-align: left;
		border-color: #dddddd;
		background-color: #ffffff;
		cursor: default;
		padding:1px;
	}
	
	table#mainTable input.greyRowOpenLeft {
		text-align: left;
		background-color: #f5f5f5;
		padding:1px;
	}
	
	table#mainTable input.whiteRowOpenLeft {
		text-align: left;
		background-color: #ffffff;
		padding:1px;
	}
	
	table#mainTable input.greyRowLockedCenter {
		text-align: center;
		border-color: #dddddd;
		background-color: #f5f5f5;
		cursor: default;
		padding:1px;
	}
	
	table#mainTable input.whiteRowLockedCenter {
		text-align: center;
		border-color: #dddddd;
		background-color: #ffffff;
		cursor: default;
		padding:1px;
		border: none;
	}
	
	table#mainTable input.greyRowOpenCenter {
		text-align: center;
		background-color: #f5f5f5;
		padding:1px;
	}
	
	table#mainTable input.whiteRowOpenCenter {
		text-align: center;
		background-color: #ffffff;
		padding:1px;
	}
	
	table#mainTable input.greyRowLockedRight {
		text-align: right;
		border-color: #dddddd;
		background-color: #f5f5f5;
		cursor: default;
		padding:1px;
	}
	
	table#mainTable input.whiteRowLockedRight {
		text-align: right;
		border-color: #dddddd;
		background-color: #ffffff;
		cursor: default;
		padding:1px;
	}
	
	table#mainTable input.greyRowOpenRight {
		text-align: right;
		background-color: #f5f5f5;
		padding:1px;
	}
	
	table#mainTable input.whiteRowOpenRight {
		text-align: right;
		background-color: #ffffff;
		padding:1px;
	}
	
	table#mainTable tr td {
		font-size: small;
		text-align: center;
		vertical-align: top;
	}

	table#mainTable tr td.left {
		font-size: small;
		text-align: left;
		vertical-align: top;
	}
	
	table#mainTable td.td1 {
		overflow: hidden;
		white-space: nowrap;
		text-align: left;
		vertical-align: top;
	}
	
	table#mainTable td.bold {
		font-weight: 600;
		vertical-align: top;
	}
	
	table#mainTable td.name {
		font-weight: 600;
		overflow: hidden;
		white-space: nowrap;
		text-align: left;
		vertical-align: top;
	}
	
	table#mainTable td.smallCol {
		cursor: pointer;
		text-align: center;
		display: none;
		width: 20px;
		background-color: #dddddd;
		border-left: 1px solid white;
		border-right: 1px solid white;
	}

/* #ffcccc = light pink, like warning when missing employment chapter */
table#mainTable tr td .warningMark {
	background-color: #ffcccc;
}

/* #ffcccc = light pink, like warning when missing employment chapter */
table#mainTable tr td .noticeMark {
	background-color: #a4bedb;
}

table#mainTable div.effortrefval {
	color: #a0a0a0;
	text-align: right;
	font-size: x-small;
}

/* Vacation allowance checkboxes, "calculate va" and "calc va for 60+" */
TABLE#mainTable SPAN.addinfotext {
	color: #aecd67;
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-size: 8px;
	margin-left: 0;
	margin-right: 0;
	margin-left: 0;
	margin-right: 2px;
	vertical-align: middle;
}

TABLE#mainTable INPUT[type=checkbox] {
	text-align: right;
	border-style: solid;
	border-width: 1px;
	border-color: inherit;
	margin-left: 0;
	margin-right: 0;
	vertical-align: middle;
}

#mainTable .addinfocheckbox, #mainTable .va_checkbox, #mainTable .va_checkbox40, #mainTable .va_checkbox50, #mainTable .va_checkbox60 {
	border-color: white;
	border-width: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 3px;
	margin-bottom: 3px;
}

.vaui-selectmenu-button {}
.vaui-selectmenu-button.ui-button {
	width: auto;
	padding: 0;
}
.vaui-selectmenu-icon {
	width: 10px;
	height: 10px;
	background-position: -68px -20px;
}
.vaui-selectmenu-button.ui-widget {
	font-size: 9px;
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.vaui-selectmenu-text {
	margin-right: 16px;
	text-overflow: clip;
	min-width: 16px; 
}
.vaui-selectmenu-button-open {}
.vaui-selectmenu-button-closed {}
.vaui-selectmenu-text {}
.vaui-selectmenu-icon {}
.vaui-selectmenu-menu {}
.vaui-selectmenu-open {}
.vaui-selectmenu-optgroup {}

/* The new version of the input table */
table#maininputtable {
	font-size: small;
	font-weight: normal;
	background-color: white;
	background: white;
	table-layout: fixed;
	border-spacing: 0px;
	border-collapse: collapse;
}

table#maininputtable tr.titlerow {
	font-weight: 600;
	color: white;
	text-align: center;
	background: #20419a;
}

table#maininputtable tr.titlerow td {
	font-weight: 600;
	color: white;
	text-align: center;
}

table#maininputtable tr.greyRow {
	background-color: #f5f5f5;
}

table#maininputtable tr.whiteRow {
	background-color: #ffffff;
}

table#maininputtable td {
	vertical-align: top;
	text-align: center;
	width: 100px;
}

table#maininputtable td div {
	white-space: nowrap;
	overflow: hidden;
	width: 100px;
}

table#maininputtable td.smallCol {
	cursor: pointer;
	display: none;
	width: 20px;
	background-color: #dddddd;
}

table#maininputtable td.separatorCol {
	cursor: auto;
	display: block;
	width: 10px;
	background-color: #cccccc;
}

table#maininputtable td.name {
	font-weight: 600;
	text-align: left;
	width: 150px;
}

table#maininputtable td.name div {
	white-space: nowrap;
	overflow: hidden;
	width: 150px;
}

table#maininputtable input {
	text-align: right;
	border-style: solid;
	border-width: 1px;
}

table#maininputtable input.greyRowLocked {
	border-color: #dddddd;
	background-color: #f5f5f5;
	cursor: default;
}

table#maininputtable input.whiteRowLocked {
	border-color: #dddddd;
	background-color: #ffffff;
	cursor: default;
}

table#maininputtable input.greyRowOpen {
	border-color: #6699aa;
	background-color: #f5f5f5;
}

table#maininputtable input.whiteRowOpen {
	border-color: #6699aa;
	background-color: #ffffff;
}

/* START Group headers/footers on input pages */
TABLE#mainTable .rowGroupStart {
	border-bottom-color: #bbbbbb;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	background-color: #dddddd;
	color: #000000;
	cursor: pointer;
}

TABLE#mainTable .rowGroupStart DIV {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0.5em;
	padding-right: 0px;
	font-weight: 600;
	display: table-cell;
	overflow: visible;
	white-space: nowrap;
	background-color: #dddddd;
}

TABLE#mainTable TR.rowGroupEnd {
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #000000;
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000000;
}

TABLE#mainTable TR.notLast {
	border-bottom-style: none;
}

TABLE#mainTable TR.trailer {
	border-top-style: none;
}

TABLE#mainTable .rowGroupEnd .td1 {
	font-weight: 600;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
}

TABLE#mainTable .rowGroupEnd INPUT {
	border: 1px solid #dddddd;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: right;
	cursor: default;
}

/* END Group headers/footers on input pages */

/* START Styles for marker colours on columns (not rows, sigh...) */
 
#mainTable tr td.evenCol {
	background-color: #ffffff;
}

#mainTable tr td.evenCol div {
	background-color: #ffffff;
}

#mainTable tr td.oddCol {
	background-color: #f5f5f5;
}

#mainTable tr td.oddCol div {
	background-color: #f5f5f5;
}

/* END Styles for marker colours on columns (not rows, sigh...) */ 

/* End of style for main table at input pages */


/* Style for bottom row, the floating kind. */
table#bottomRow {
	background-color: white;
	display: block;
	table-layout: fixed;
	font-size: small;
	font-weight: normal;
	color: black;
	position: relative;
	z-index: 50;
	border-collapse: collapse;
	border-top: 1px solid #20419a;
	padding-top: 1px;
}

table#bottomRow tr td {
	font-size: small;
	vertical-align: top;
}

table#bottomRow tr td .warningMark {
	background-color: #ffcccc;
}

table#bottomRow tr td .noticeMark {
	background-color: #a4bedb;
}


table#bottomRow td.td1 {
	font-size: small;
	font-weight: 600;
	text-align: right;
	vertical-align: top;
}

table#bottomRow td.smallColSum {
	text-align: center;
	display: none;
	width: 20px;
	background-color: #ffffff;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

td.smallColSum div {
	width: 20px;
}

table#bottomRow td.separatorColSum {
	text-align: center;
	display: block;
	width: 10px;
	background-color: #cccccc;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

table#bottomRow input {
	text-align: right;
	border-style: solid;
	border-width: 1px;
}

table#bottomRow input.greyRowLocked {
	border-color: #dddddd;
	background-color: #f5f5f5;
	cursor: default;
}

table#bottomRow input.whiteRowLocked {
	border-color: #dddddd;
	background-color: #ffffff;
	cursor: default;
}

table#bottomRow input.greyRowOpen {
	background-color: #f5f5f5;
}

table#bottomRow input.whiteRowOpen {
	background-color: #ffffff;
}

/* The new version of the bottom row table */
table#floatingbottomrowtable {
	position: fixed;
	bottom: 0px;
	font-size: small;
	font-weight: normal;
	background-color: white;
	background: white;
	table-layout: fixed;
	border-top: 1px solid #20419a;
	border-bottom: 1px solid #20419a;
	border-spacing: 0px;
	border-collapse: collapse;
}

table#floatingbottomrowtable td.normal {
	vertical-align: top;
	text-align: center;
	width: 100px;
}

table#floatingbottomrowtable td.normal div {
	white-space: nowrap;
	overflow: hidden;
	width: 100px;
}

table#floatingbottomrowtable td.smallCol {
	cursor: pointer;
	display: none;
	width: 20px;
	background-color: #dddddd;
}

table#floatingbottomrowtable td.separatorCol {
	cursor: auto;
	display: block;
	width: 10px;
	background-color: #cccccc;
}

table#floatingbottomrowtable td#buttonrow {
	vertical-align: top;
	text-align: center;
	width: auto;
}

table#floatingbottomrowtable td.name {
	font-weight: 600;
	text-align: right;
	width: 150px;
}

table#floatingbottomrowtable td.name div {
	white-space: nowrap;
	overflow: hidden;
	width: 150px;
}

table#floatingbottomrowtable input {
	text-align: right;
}

/* Style for the new top row, floating kind fixed */
div#floatingBottomRowFixed {
	background-color: white;
	width: 100%;
	display: block;
	border-collapse: collapse;
	left: 8px;
	position: fixed;
	z-index: 50;
	bottom: 0px;
}
/* End of styles for bottom row. */

/* buttons */
	table.buttonTable {
		display: inline;
		margin-top: 1px;
		margin-bottom: 1px;
		margin-left: 3px;
		margin-right: 3px;
		padding: 0px !important;
		border-style: none !important;
		border-spacing: 0px !important;
		border-collapse: collapse !important;
		cursor: pointer;
	}
	
	table.buttonTable tr {
		background-color: #20419a;
		border-style: none !important;
		border-spacing: 0px !important;
		border-collapse: collapse !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	table.buttonTable td {
		background-color: #20419a;
		border-style: none !important;
		border-spacing: 0px !important;
		border-collapse: collapse !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	table.buttonTable td.btext {
		color: white;
		font: 10pt/ 14pt sans-serif;
		font-weight: 600;
		padding-left: 3px !important;
		padding-right: 3px !important;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
	}
	
	table.buttonTable td.tl {
		background-image: url('../images/buttonCorner2.png');
		background-position: 0px 0px;
		height: 2px !important;
		width: 2px !important;
	}
	
	table.buttonTable td.tr {
		background-image: url('../images/buttonCorner2.png');
		background-position: -3px 0px;
		height: 2px !important;
		width: 2px !important;
	}
	
	table.buttonTable td.bl {
		background-image: url('../images/buttonCorner2.png');
		background-position: 0px -3px;
		height: 2px !important;
		width: 2px !important;
	}
	
	table.buttonTable td.br {
		background-image: url('../images/buttonCorner2.png');
		background-position: -3px -3px;
		height: 2px !important;
		width: 2px !important;
	}
	
	
	table.buttonTableDisabled {
		display: inline;
		margin-top: 1px;
		margin-bottom: 1px;
		margin-left: 3px;
		margin-right: 3px;
		padding: 0px !important;
		border-style: none !important;
		border-spacing: 0px !important;
		border-collapse: collapse !important;
		cursor: pointer;
	}
	
	table.buttonTableDisabled tr {
		background-color: #e0e0e0;
		border-style: none !important;
		border-spacing: 0px !important;
		border-collapse: collapse !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	table.buttonTableDisabled td {
		background-color: #e0e0e0;
		border-style: none !important;
		border-spacing: 0px !important;
		border-collapse: collapse !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	table.buttonTableDisabled td.btext {
		color: white;
		font: 10pt/ 14pt sans-serif;
		font-weight: 600;
		padding-left: 3px !important;
		padding-right: 3px !important;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
	}
	
	table.buttonTableDisabled td.tl {
		background-image: url('../images/buttonCornerGrey2.png');
		background-position: 0px 0px;
		height: 2px !important;
		width: 2px !important;
	}
	
	table.buttonTableDisabled td.tr {
		background-image: url('../images/buttonCornerGrey2.png');
		background-position: -3px 0px;
		height: 2px !important;
		width: 2px !important;
	}
	
	table.buttonTableDisabled td.bl {
		background-image: url('../images/buttonCornerGrey2.png');
		background-position: 0px -3px;
		height: 2px !important;
		width: 2px !important;
	}
	
	table.buttonTableDisabled td.br {
		background-image: url('../images/buttonCornerGrey2.png');
		background-position: -3px -3px;
		height: 2px !important;
		width: 2px !important;
	}
	
	
	ul.navButtonList {
		background-color: white;
		text-align: center;
		margin-left: 0em;
		padding-left: 0em;
		margin-top: 0.6em;
		margin-bottom: 0;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		border-top: 1px solid #20419a;
	}
	
	ul.navButtonList li {
		list-style-type: none;
		display: inline;
		cursor: pointer;
	}
/* End of buttons */

div#schemaContentCenter {
	font-size: small;
	text-align: center;
}

.adjustRight {
	text-align: right;
}

.adjustLeft {
	text-align: left;
}

.adjustCenter {
	text-align: center;
}

/* 
 * dataList example: when adding objects/functions/items, this is 
 * the list that is beneath buttons. It is amongst other properties, left adjusted.
 */
#dataList {
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid #20419a;
}

/*
 * dataList2 is equal to dataList, except it is not set beneath buttons
 * (it IS the schema), it is centered and does not have line at top.
 * example: budget version start page with list of all budget versions
 */
#dataList2 {
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
}

tr.dataListTitleRow td {
	background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
	color: white;
	font-size: small;
	font-weight: 600;
	text-align: center;
	border-collapse: separate;
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

table.dataListTable {
	border-collapse: collapse;
}

table.dataListTable td {
	border: 1px solid #fafafa;
}

div.viewDetailsButton {
	background-image: url("../images/bEdit.min.svg");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

div.removeButton {
	background-image: url("../images/bDelete.min.svg");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* Style for the alternatives */
.alternativeBlock {
	background-color: #f0f0f0;
	border: 1px solid black;
	padding: 5px;
	height: auto;
	position: relative;
	text-align: center;
	margin: 3px;
	width: auto;
}

.alternativesHeader {
	border-bottom: 1px solid #333333;
	font-size: 10.5pt;
	color: #333333;
	font-weight: 600;
	padding: 5px;
	height: auto;
}

.alternatives {
	font-family: monospace;
	margin: 0px 0px 0px 0px;
	border: 1px solid black;
	padding: 3px;
	background-color: #f9f9f9;
	text-align: left;
}

.alternatives td.td1 {
	font-size: small;
	text-align: right;
	font-weight: 400;
}

.alternativesMiddle {
	width: 33%;
	text-align: center;
}

.alternativesLeft {
	width: 33%;
	text-align: left;
}

.alternativesRight {
	width: 33%;
	text-align: right;
}

.alternativesNew {
	border: 1px solid black;
	background-color: #f9f9f9;
}

.alternativesNew td {
	padding: 3px;
}

.alternativesMiddleFilter {
	width: 50px;
	text-align: center;
}

.alternativesLeftFilter {
	width: 200px;
	text-align: left;
}

.alternativesRightFilter {
	width: 200px;
	text-align: right;
}

.alternativesWhiteFilter {
	background-color: white;
}

.alternativesNewFilter {
	width: 6%;
	border: 1px solid black;
	background-color: #f9f9f9;
}

.alternativesNewFilter td {
	padding: 3px;
}

table.alternatives tr td { 
	text-align: right;
	font-weight: 300;
}

table tr td.alternativesTitle {
	text-align: center;
	font-weight: 600;
}

.alternatives input[type="checkbox"] {
	margin-top: 0;
	margin-bottom: 0;
}



/* End of style for the alternatives */


tr.dataListRow td.dirtyBudgetVersion {
	color: red;
	font-style: italic;
}

.redWarning {
	color: red;
}

tr.dataListRow td.usedAsCurrentBudget {
	color: #aaaaaa;
	font-weight: 600;
}

/* If there are more than one footnote, they should be listed in a <OL></OL> */
#footnotes {
	background-color: #f3f3f3;
	color: #111111;
	text-align: left;
	border: 1px solid #20419a;
	border-radius: 5px;
	font-family: monospace;
	font-weight: 600;
	margin: 1em;
	padding: 1em;
}
#footnotes>ul, #footnotes>ol {
	padding-left: 40px;
}
 
#footnotes li {
	margin-top: 5px;
}

/* test design 

#pageTitleText, #schemaContent, #navButtons, #dataList {
	position: absolute;
	border: 3px dashed #2222ff;
}

#pageTitleText {
	background-color: #ff99ff;
	right: 1cm;
	top: 2.5cm;
	z-index: 10;
	text-transform: capitalize;
	writing-mode: tb-rl;
}

div#pageTitleText {
	font-size: xx-large;
	color: #eeeeff;
}

#schemaContent {
	background-color: #ff77ff;
	left: 1em;
	top: 2.5cm;
	z-index: 30;
}

#navButtons {
	left: 20px;
	top: 20px;
	z-index: 40;
	width: 97%;
}

#dataList {
	background-color: #7777ff;
	left: 20em;
	top: 2.5cm;
	z-index: 40;
}
*/

select.dimensionCombo {
	width: 400px;
	overflow: hidden;
}

#dimensionFiltersToggle {
	width: 100%;
	background-color: #dddddd;
}

.dimensionName {
	font-weight: 600;
}

#dimensionFilters {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 0;
	border-left: 0;
	padding: 3px 3px 3px 3px;
}

.buttons {
	width: 350px;
	white-space: nowrap;
}

/* Style for maximize workarea button */
	div#maximizeButton {
		position: fixed;
		top: 0px;
		right: 2px;
		z-index: 100;
		padding: 4px;
	}
/* End of style for maximize workarea button */

/* Style for tab tags/ headers. */
	ul.tabs {
		margin: 3px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		border-bottom: 1px solid #20419a;
		list-style-type: none;
		text-align: left;
	}

	ul.tabs li.tab {
		display: inline;
		margin-left: 7px;
		padding-left: 5px;
		padding-right: 5px;
		border: 1px solid #20419a;
		border-top-right-radius: 0.5em;
	}

	ul.tabs li.tabs-header-selected {
		color: black;
		background-color: white;
		cursor: pointer;
		border-bottom: 1px solid white;
	}
	
	ul.tabs li.tabs-header {
		color: white;
		background-color: #20419a;
		cursor: pointer;
	}
	/* End of style for tab tags/ headers. */
	
	/* START Style for inline menu in input pages data lines */
	.inlineMenu {
		padding: 10px 0px 10px 0px;
	}
	
	.inlineMenuBox {
		padding: 3px 3px 3px 3px;
		background-color: #fbf7ea;
		border: 1px solid #555555;
		width: 150px;
		border-collapse: separate;
	}
	.inlineMenuBox ul {
		margin: 0px 0px 0px 21px;
		padding: 0px 0px 0px 0px;
		list-style: url('../images/bGreenArrowRight14x14.min.svg');
		list-style-position: outside;
	}
/* END of style for inline menu in input pages data lines */

/* Ajax table report styles */
	.dataTable {
		border: 1px solid black;
		border-collapse: collapse;
	}
	
	.dataTable tr {
		border: 1px solid #eeeeee;
	}
	
	.dataTable td {
		border: 1px solid #eeeeee;
		padding: 0.2em;
		font-size: 0.8em;
		text-align: right;
	}
	
	.dataTable th {
		border: 1px solid #eeeeee;
		text-align: right;
		font-size: 0.9em;
		padding: 0.1em;
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	
	.dataTableTitleRow td {
		font-size: 0.9em;
		background-color: #20419a;
		color: white;
		font-weight: 600;
		text-align: center;
		padding: 0.1em;
		padding-left: 0.2em;
		padding-right: 0.2em;
	}

/* pc*** er "Spor endringer"-rapporten inne i budsjettprognosen */

	.pctable {
		border: 1px solid #f5f5f5;
		border-collapse: collapse;
		width: 750px;
		text-align: left;
	}
	
	.pcsubtitle {
		background-color: white;
		font-style: italic;
		width: 14%;
	}

	.pctotalsumlineslightgray, .pctotalsumlinesblack {
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-style: double;
		border-bottom-width: 3px;
	}

	.pctotalsumlineslightgray {
		border-top-color: #dddddd;
		border-bottom-color: #dddddd;
	}
	
	.pctotalsumlinesblack {
		border-top-color: #000000;
		border-bottom-color: #000000;
	}
	
	.pctopline {
		background-color: #bcc6e0;
		color: black;
		text-align: right;
		font-weight: 600;
	}

	.pctoplineredtext {
		background-color: #bcc6e0;
		color: #700000;
		text-align: right;
	}

	.pcbvname {		
		background-color: white;
		font-weight: 600;
		font-style: italic;
		width: 72%;
	}
	
	.pcnormalvalue {		
		background-color: white;
		width: 14%;
		text-align: right;
	}
	
	.pcsumregtotsofar, .pcsumregtotsofarvalue {		
		background-color: white;
		color: #a9a9a9;
		font-style: italic;
		width: 14%;
	}
	
	.pcsumregtotsofarvalue {		
		text-align: right;
	}
	
/* End of style for ajax table report */

/* Style for page content.  */
	#content {
		width: 100%;
		margin: 0px;
	}
	
	#content div {
		/*xfloat: left;*/
		clear: both;
	}
	
	#content-main #topTable {
		width: auto;
	}
	
	#content-main {
		float: left;
	}	
	
	#topTable {
		/*float: left;*/
	}
	
	#content div.expander {
		height: 450px;
	}
	
	#content-header {
		background: white;
		width: 99%;
		left: 8px;
		position: fixed;
		z-index: 1;
		top: 0;
		padding-top: 8px;
	}
	
	 #factorvaluediv {
	 	display: inline;
	 }
	
	 #localvaluediv {
	 	display: inline;
	 }
	
	#content-main-left {
		width: 48.6%;
		display: inline;
		border-right: 1px solid #20419a;
		padding-right: 5px;
	}
	
	#content-main-right {
		width: 48.6%;
		padding-left: 5px;
	}
	
	#content-main {
		width: 99%;		
	}
	
	#content-footer {
		background: white;
		width: 99%;
		bottom: 0px;
		left: 8px;
		position: fixed;
	}

	#content div.content-general {
		width: 99%;
	}
/* End of style for page content.  */

/* Style for criteria formula. */
	.criteria_formula_grey {
		border: 2px solid #f0f0f0;
	}
	
	.criteria_formula_selected {	
		border: 2px solid #20419a;
	}

	#criteria_formula {
		margin: 5px 5px 5px 5px;
		padding: 5px 5px 5px 5px;		
		height: auto;
		text-align: left;
		vertical-align: middle;
	}
	
	#criteria_formula div {
		cursor: pointer;
		display: inline;
	}
	
	#criteria_formula div.element {
		background-color: white;
		display: inline;
	}
	
	#criteria_formula div.element_selected {
		background-color: #FDD017;
		display: inline;
	}
	
	#criteria_formula div.element_error {
		background-color: #ffcccc;
		display: inline;
	}
	
	.dontwrapformula {
		white-space: nowrap;
		padding-left: 3px;
		padding-right: 3px;
	}
	
/* End of style for criteria formula. */

/* remove debug info as standard */
.debug {
	display: none;
}

/* For result-windows after external communications (ie Stratsys orgchart export) */
#results {
	border: 1px solid #333333;
	font-size: small;
}

#targetUrl,#postData,#returnStatus,#returnData {
	background-color: #dddddd;
	font-size: small;
}

/* Arena Analyse logo styling */
#arenaanalyselogo {
	text-align: center;
	background-color: #ffffff;
	border: 3px solid #aaaaaa;
	margin: 3px;
}


/* If we want to hide the 'x' in jQuery 
 * dialogboxes, use class 'no-close' 
 * as dialogClass
 */
.no-close .ui-dialog-titlebar-close {
  display: none;
}

#commentBox #commentedit {
	width: 30.5em;
	height: 8em;
}

#commentBox #commentoldsign, #commentBox #commentsign {
	width: 30.5em;
	padding: 2px;
}

#attachmentBox #attachmentTsId {
	width: 452px;
	padding: 3px;
	margin: 0;
}

#attachmentBox #attachmentId {
	background-color: #98c1ca; /* arena light turquoise */
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	color: white;
	cursor: pointer;
	display: inline-block;
	margin: 15px 0 15px 30px;
	padding: 10px;
	width: 350px;
}

#attachmentBox .subtitle {
	font-weight: bold;
	margin: 10px 10px 0 5px;
}

#attachmentBox #attachmentUrl {
	background-color: #98c1ca; /* arena light turquoise */
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	cursor: pointer;
	display: inline-block;
	font-style: italic;
	margin: 15px 0 15px 30px;
	padding: 10px;
	width: 350px;
}

#resultAndBasisBudgetVersionText, #resultAndBasisBudgetVersionText tr,
	#resultAndBasisBudgetVersionText tr td {
	border: none !important;
}

#resultAndBasisBudgetVersionText tr td:first-child {
	font-weight: 600;
	text-align: right;
	/* background-color: #eeeeee; */
}

.debugButton {
	background-color: #eeeeee !important;
	border-color: #dddddd !important;
}

.tooltip {
	position: absolute;
	display: none;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: 600;
	color: black;
	background-color: #fffcfb;
	border: 1px solid #555555;
	z-index: 101;
}

.tooltipInternalTable {
	border: none;
	font-weight: normal;
	font-size: small;
	text-align: left;
}

.tooltipInternalTableFirstRow {
	font-weight: 600;
	text-align: right;
}

.readonly {
	background-color: #afafaf;
}

.admin{
	background-color: #ffead3;
}
		
.ui-icon {
	cursor: pointer;
}


/* Map new combination of function/item/resp/etc on punching pages: MapNewLine*/
#mapNewLine {
	font-weight: 600;
	border: 0px solid #888888;
	margin: 2px;
	padding: 6px;
}
.mapNewLineElement {
	display: inline-block;
	margin-right: 4px;
}
.mapNewLineElementTitle {
	margin-bottom: 5px;
}
.mapNewLineDim {
	width: 75px;
}

.buttonOuter, #bottomRow .buttonOuter, .buttonOuterDisabled, #bottomRow .buttonOuterDisabled, .buttonOuter:disabled, #bottomRow .buttonOuter:disabled {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 4px;
	background-repeat: repeat-x;
	text-shadow: 0 -1px 0 #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  display: inline-block;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 3px;

	border-color: #ccc;
	background-color: #fff;
	color: #333;
}

.buttonok {
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  border-color: #3e8f3e;
  background-color: #5cb85c;
  color: #fff;
}

.buttonOuterDisabled.buttonok {
  background-image: linear-gradient(to bottom, #91b591 0%, #9fb59f 100%);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  border-color: #8fb38f;
  background-color: #8fb38f;
  color: fff;
}

/* Overwrite colors for disabled buttons */
.buttonOuterDisabled, #bottomRow .buttonOuterDisabled, .buttonOuter:disabled, #bottomRow .buttonOuter:disabled {
	color: #ffffff;
}


.donotwrap {
	white-space: nowrap;
	display: inline-block; 
}

.titlerow3 {
	background: #20419a url("jquery-ui-1.13.2.custom/images/ui-bg_gloss-wave_30_20419a_500x100.png") 50% 50% repeat-x;
	color: white;
	font-size: small;
	font-weight: 600;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.markAsHidden {
	background-color: #bcc6e0;
}