@media all {

	.cwPageHeader,
	.cwPageCenter,
	.cwPageFooter,
	.cwPageTitle,
	.cwMainContent,
	.cwFullWidthColumn {
		clear: left;
	}

	.cwPageHeader, .cwPageHeader * {
		box-sizing: border-box;
	}

	TABLE.cwStats {
		float: left;
		margin: 0.25em 1.00em 0.50em 0;
		border: 1px solid var(--cw-color-borders);
		background-color: var(--cw-color-bg-notable);
	}
	TABLE.cwStats TH                 { padding: 0.30em 0.50em; }
	TABLE.cwStats TD                 { padding: 0.20em 0.50em; }
	TABLE.cwStats TR:nth-child(2) TD { padding-top:    0.50em; }
	TABLE.cwStats TR:last-child   TD { padding-bottom: 0.50em; }

	DIV.roomBookingInSchedule {
		margin: 3px;
		border: 1px solid silver;
		padding: 0.50em;
		background-color: var(--cw-color-page-bg);
	}

	H2.subHeading {
		margin-top: 0;
		padding-top: 0.25em;
		font-size: 100%;
		color: var(--cw-color-subheading);
	}

	A {
		color: var(--cw-color-link);
		text-decoration:none;
	}

	A:hover {
		color: var(--cw-color-link-hover);
		text-decoration: underline;
	}

	.webbook H2 {
		border-top: 1px solid gray;
		background-color: var(--cw-color-bg-notable);
		color: var(--cw-color-softened1);
		padding: 0.75em 0.50em 0.50em 0.50em;
		margin: 1.75em 0 0.75em 0;
	}

	TABLE.invisible  {
		border-collapse: collapse;
		border-width: 0;
	}

	.invisible,
	TABLE.invisible,
	TABLE.invisible > TR,
	TABLE.invisible > TH,
	TABLE.invisible > TD  {
		margin  : 0;
		border  : 0;
		padding : 0;
	}
	
	TD.cwhc_PropertyName {
		padding-top: 0.35em;
		padding-bottom: 0.35em;
	}
	TD.cwhc_PropertyValue {
		font-weight:bold;
	}

	TEXTAREA,
	SELECT,
	INPUT[type=text],
	INPUT[type=password],
	OPTION,
	CODE,
	.monospaced,
	.numericValue {
		font-family: "Space Mono", "Lucida Console", Monaco, monospace; /* "Courier New", Courier */
		font-size: 95%;
	}

	.amount {
		text-align: right;
		white-space: nowrap;
	}

	SELECT,
	TEXTAREA,
	INPUT {
		padding-left: 0.2em;
	}

	.numericValue {
		white-space: nowrap;
		text-align: right;
	}

	.box {
		padding: 0.25em 0.75em 0.25em 1.00em;
		margin-bottom: 1.00em;
		background-color: var(--cw-color-page-bg);
		border: 1px solid var(--cw-color-box-generic-border);;
		
	}

	.slim {
		padding: 0.25em;
	}

	.bgRed    { background-color: #FFE8E8; border-color: #D0B8B8; color: black !important; }
	.cwDataInputForm { background-color: var(--cw-color-box-editor-bg); border-color: var(--cw-color-box-editor-heading-border); }
	.bgGray   { background-color: var(--cw-color-bg-notable); border-color: var(--cw-color-box-generic-border); }

	.bgGrayHeading {
		background-color: #D0D0D0;
	}

	.cwDataInputForm TD,
	.cwDataInputForm TH {
		border-color: var(--cw-color-box-editor-bg-expanded);
	}

	.cwDataInputForm TH,
	.cwDataInputForm TH A,
	.cwDataInputForm TH A:hover {
		background-color: var(--cw-color-box-editor-bg-expanded);
		color: black;
	}

	HR {
		height: 0;
		border:0;
		border-top: 1px solid var(--cw-color-borders);
	}

	.searchForm HR,
	.bgRed      HR   { background-color: #FFE8E8; border-color: #D0B8B8; }
	.cwDataInputForm   HR   { background-color: var(--cw-color-box-editor-bg); border-color: var(--cw-color-box-editor-heading-border); }

	DIV.textBoxForLeft48pxIcon {
		position: relative;
		margin: 0.75em 0 1.25em 0;
		padding: 0.60em 1.50em 0.60em 60px;
		min-height: 15px;

		border: 1px solid #C0C0C0;
		border-radius: 6px;
		background-color: var(--cw-color-bg-notable);
	}

	DIV.textBoxForLeft48pxIcon IMG.left48pxIcon {
		position: absolute;
		height: 48px;
		width: 48px;
		top: -10px;
		left: 8px;

		border-width: 0;
	}

	DIV.textBoxForLeft48pxIcon H3 {
		padding-top: 0;
		margin-top: 0;
	}

	.labelBox {
		border: 1px solid #666;
		font-weight: bold;
		padding: 0 3px;
	}
	.labelBox,
	.labelX { border-color: #666; color: #000; background-color: #BBB; }
	.labelW { border-color: #800; color: #FF0; background-color: #A00; }
	.labelP { border-color: #A60; color: #420; background-color: #FA0; }
	.labelA { border-color: #AA0; color: #440; background-color: #FF6; }
	.labelG { border-color: #0C0; color: #040; background-color: #8F8; }

	.labelPaid       { border-color: #0C0; color: #040; background-color: #8F8; }
	.labelPartlyPaid { border-color: #AA0; color: #440; background-color: #FF6; }
	.labelUnpaid     { border-color: #A60; color: #420; background-color: #FA0; }

	.labelGray   { background-color: #BBB; color: #000; border-color: #666; }
	.labelGreen  { background-color: #AFA; color: #040; border-color: #0C0; }
	.labelYellow { background-color: #FF6; color: #420; border-color: #AA0; }	
	.labelYellow { background-color: #FF4; color: #800; border-color: #800; }	
	.labelOrange { background-color: #FA0; color: #420; border-color: #A60; }
	.labelRed    { background-color: #A00; color: #FF0; border-color: #800; }
	
	.labelGreen,
	.labelYellow,
	.labelOrange,
	.labelRed {
		font-weight: bold;
		padding: 0 0.25em;
		margin-left: 0.50em;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px;
		white-space: nowrap;
	}

	.gotoTableBottom {
		float: left;
		padding: 0 0.50em;
	}

	.movedToTrash,
	.movedToTrash A {
		color: var(--cw-color-hilight);
		text-decoration: line-through;
	}

	.rounded {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.listActionSelector {

		color: black;
		background-color: #CECFEF;

		border: 1px solid var(--cw-color-list-border);
		border-top: 0;
		padding: 0 4px 0 3px;

		margin: 0 0 0.25em 0;

		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.listActionSelector HR {
		color: var(--cw-color-list-border);
		border-color: var(--cw-color-list-border);
	}

	.listActionSelector .checkBoxCell {
		padding-left: 0;
		padding-right: 0;
	}

	.listActionSelector .textCell {
		padding-left: 0.35em;
	}

	.listActionText,
	.listActionSelector .textCell {
		color: #2C2E3C;
	}


	.listBottom {

		color: black;
		background-color: #CECFEF;

		border: 1px solid var(--cw-color-list-border);
		border-top: 0;
		padding: 5px;

		margin: 0 0 0.25em 0;

		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	TABLE.dynamicTable,
	TABLE.verticalSchedule {

		border-collapse: separate;
		border-spacing: 0;

		border: 1px solid var(--cw-color-list-border);

		border-top-left-radius      : 6px;
		border-top-right-radius     : 6px;
		
		width: 100%;
	}

	.dynamicTable TH,
	.dynamicTable TH a,
	.verticalSchedule TH,
	.verticalSchedule TH a {
		background-color: var(--cw-color-list-heading-rows-bg);
	}
	
	.dynamicTable TR:first-child TH:first-child,
	.dynamicTable TR:first-child TD:first-child,
	.verticalSchedule TR:first-child TH:first-child,
	.verticalSchedule TR:first-child TD:first-child {
		border-top-left-radius     : 5px;
	}
	
	.dynamicTable TR:first-child TH:last-child,
	.dynamicTable TR:first-child TD:last-child,
	.verticalSchedule TR:first-child TH:last-child,
	.verticalSchedule TR:first-child TD:last-child {
		border-top-right-radius     : 5px;
	}

	/*
	The exact heigth is selected so that the resulting heigth for table rows
	without any icon images matches those that do have icon images (16x16 px).
	Without it table rows without any icon images matches minimizes to text
	row height only.
	Different browsers seems to clcultae row height slightly different even when
	height of TD is given so this is a compromise
	*/
	TABLE.dynamicTable TD,
	TABLE.verticalSchedule TD {
		padding-top: 0.16em;
		padding-bottom: 0.16em;
		height: 1.80em;
	}

	TABLE.dynamicTable TH,
	TABLE.verticalSchedule TH {
		padding-top: 0.16em;
		padding-bottom: 0.16em;
		height: 2.10em;
	}

	TABLE.verticalSchedule TD {
		background-color: var(--cw-color-bg-notable);
	}


	TD.dataInput { color: black; background-color: #C0C0C0; }

	.bgRed  TD.dataInput { color: black; background-color: #F0B8B8; }

	.emphasized { font-weight: bold; }

	.formOption {
		float         : left;
		margin-right  : 1.0em;
	}

	TR.cwInTableHeadingRow TD {
		font-weight: bold;
		padding-top: 0.90em;
		border-top: 1px solid var(--cw-color-table-heading-row-border);
		border-bottom: 1px solid var(--cw-color-table-heading-row-border);
		background-color: var(--cw-color-table-heading-row-bg) ;
	}

	TR.cwInTableHeadingRow TD.numericValue {
		font-weight: normal;
		color: var(--cw-color-table-heading-row-numeric);
	}

	TR.cwToggleable > TD {
		border-top: 1px solid #cdcdf2;
	}
	
	.formOption TD,
	.formOption DIV,
	DIV.formOption {
		height: 2.50em;
		display: table-cell;
		vertical-align: middle;
	}

	DIV.formOption {
		margin-top: 0.35em;
	}

	.formOption .optionName,
	.formOption .optionNameLong {
		text-align: right;
	}

	.formOption .optionName {
		width: 4.00em;
	}

	DIV.dependentListActions {
		padding-top: 3px;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.listActionsOptionalFieldsBelow {
		clear: left;
		border-top: 1px solid var(--cw-color-list-border);
		padding: 0.35em;
	}

	TD.padded, TH.padded {
		padding-top    : 0.35em;
		padding-bottom : 0.35em;
	}
/*
	.optionalInfo {
		border-top: 1px solid silver;
	}
*/
	.disabled {
		background: transparent none;
		color: #999;
	}

	.pending {
		color: #666;
	}

	.spaceLeft { margin-left: 12px; }

	.betaLabel {
		color: white;
		background-color: red;
		font-weight: bold;
		padding-left: 0.25em;
		padding-right: 0.25em;
		margin-left: 0.50em;
	}
	
	/* searchForm should the same as box bgGeen */
	.searchForm {
		color: black;
		background-color: #E0FFD4;
		border: 1px solid #A0D090;
		padding: 0.25em 0.75em 0.25em 1.00em;
		margin-bottom: 1.00em;
		margin-top: 1px;

		border-radius: 6px;
	}

	#advancedSearchOptions {
		margin-top     : 0.3em;
		padding-top    : 0.6em;
		padding-bottom : 0.4em;
		border-top     : 1px solid #A0D090;
		display        : none;
		clear          : left;
		display        : block;
	}

	.checkAttendance TD { min-width: 2.75em; }
	
	.cwPresentation LI {
 		margin: 0.35em 0;
	}

	TABLE.dataMatrix TH,
	TABLE.dataMatrix TD {
		padding-right: 1.50em;
	}
	TABLE.dataMatrix TH {
		background-color: transparent;
		color: inherit;
		font-weight: normal;
		font-style: italic;
	}

	.cwOldPortrait { border: 1px solid var(--cw-color-page-text); }

	.cwDefaultDataContainer {
		border: 2px solid transparent;
	}

	.cwMissingDataContainer {
		background-color: #FEE;
		border: 2px dashed #B00;
	}

	.cwInvalidDataContainer {
		background-color: #FDD;
		border: 2px solid #B00;
	}

	.cwInvalidDataReport {
		background-color: #FDD;
		border: 2px solid #B00;
		border-radius: 6px;
		padding: 6px 12px 6px 12px;
		margin: 0.50em 0 0.25em 0;
	}

	.secondaryMenuOptions {
		background: var(--cw-color-box-generic-bg-base) !important;
	}

	.ui-dialog.ui-widget-content {
		background: var(--cw-color-box-generic-bg-base);
	}
	
	TR.cwBottomColumnSums TD {
		border-top: 1px solid var(--cw-color-list-border);
	}
	
	.blockArea {
		padding: 4px;
		margin: 0 0 2.0em 0;
		background-color: var(--cw-color-block-bg);
		border: 2px solid var(--cw-color-block-border);
		border-radius: 6px;
		border-top-left-radius: 0;
	}
	
	.blockArea HR {
		border-color: #CCCCDD;
	}
	
	.blockHeaderCompactDisplay,
	.blockHeaderDetailedDisplay {
		background-repeat: no-repeat;
		background-position: bottom left;
		padding-top: 4px;
		margin: 0;
	}
	
	.blockHeaderCompactDisplay H3,
	.blockHeaderDetailedDisplay H3 {
		padding: 0;
		margin: 0;
	}
	
	.blockHeaderCompactDisplay H3 A,
	.blockHeaderDetailedDisplay H3 A {
		padding: 0 0 0 26px;
	}
	
	.blockHeaderCompactDisplay  { background-image: url("/images/css/display_maximized.png"); }
	.blockHeaderDetailedDisplay { background-image: url("/images/css/display_minimized.png"); }
	
	.blockExtraTopLink {
		float: right;
		text-align: right;
		padding-right: 1px;
		color: var(--cw-color-softened2);
	}
}

@media screen {

	.cwBody {
		padding: 0 1.20em 1.00em 1.20em;
	}

	IMG {
		border: 0;
	}

/* Start debug info  ************************************************************************************************/

	.debugInfo {
		background-color:var(--cw-color-bg-notable);
		border: 1px solid var(--cw-color-borders);
		margin: 2em 0 1em 0;
		padding: 0;
	}
	.debugInfo .title {
		margin: 0;
		background-color: #9090A0;
		color:white;
		font-weight:bold;
	}
	.debugInfo h3 {
		color:white;
		padding: 0.5em;
	}

	body.view { padding: 1.25em 1.50em 1.00em 1.50em; }
	
	.portrait { float:left; padding: 0 1em 1em 0; border:0;  }

	.kinNav{
		float:right;
		padding-right:0.33em;
	}

	.invisibleBreak {
		clear: both;
		margin:0;
		padding: 0;
		border:0;
	}

	.resourcelinks,
	.cwPageFooter,
	.metadata,
	.disclaimer,
	.comment,
	.descrete
	 {
		font-size:85%;
	}

	.resourcelinks a,
	.resourcelinks a.flag,
	.cwPageFooter,
	.cwPageFooter a,
	.metadata, .metadata a,
	.disclaimer,
	.comment,
	.descrete,
	.searchBar {
		background: transparent none;
		font-family: verdana, helvetica, arial, sans-serif;
		color:var(--cw-color-softened1);
	}

	.disclaimer {
		padding: 0 0.4em 0 0;
		margin: 0;
	}

	.disclaimer a {
		text-decoration: underline;
	}

	.searchBar input { font-family: helvetica, arial, sans-serif; }

	.resourcelinks {
		padding: 0.4em 0 0.4em 0;
		text-align:right;
		}

	.resourcelinks a {
		text-align: right;
		padding: 0 1.25em 0 1.25em;
		background: url("/images/vertical_line.gif");
		background-repeat: no-repeat;
		background-position: left center;
		}

	.flag { padding:0; }

	.flag img { border:0; }
	
	/********************************************************************************************************************/

	dt {
		padding-top:0.5em;
		padding-bottom:0;
	}

	dd {
		padding-top:0.25em;
		padding-bottom:0.25em;
	}

	H1, H2, H3, H4 {
		margin:0em;
		color: var(--cw-color-heading);
		background-color: inherit;
		text-align: left;
	}

	H1 { padding-top: 0.25em; padding-bottom: 0.50em; font-size:165%; }
	H2 { padding-top: 1.25em; padding-bottom: 0.25em; font-size:130%; }
	H3 { padding-top: 1.00em; padding-bottom: 0.25em; font-size:100%; color: var(--cw-color-subheading); }
	H4 { padding-top: 0.75em; padding-bottom: 0.25em; font-size:100%; color: var(--cw-color-subheading); }

	P {
		margin:0em;
		padding-top:0.50em;
		padding-bottom:0.25em;
		line-height: 1.4em;
	}

	DIV.textBoxForLeft48pxIcon SPAN.readMore {
		color: #666;
		float: right;
		padding-top: 0;
		margin-top: 0;
		text-decoration: underline;
		font-style: italic;
		white-space: nowrap;
	}


	/********************************************************************************************************************/

	A.cwClickToSortColumn:hover {
		background-image: url("/images/icons/sort-white.png");
		background-repeat: no-repeat;
		background-position: center;
	}

	.floatRight {
		float: right;
	}

	.imageBox {
		margin:1em;
	}
	.imageBox p {
		margin:0;
		padding: 0 0.33em 0.33em 0.33em;
		color:var(--cw-color-softened1);
	}

	.cwPageHeader,
	.cwPageCenter,
	.cwPageFooter,
	.cwMainContent {
		box-sizing: border-box;
		position: relative;
	}

	.cwPageHeader {
		margin: 0;
		padding: 4px 0 0 0;
	}

	.cwPageFooter {
		position:relative;
		margin:0;
		margin-top: 0.50em;
		padding: 0.5em 0.5em 1em 1em;
		border-top: 1px solid var(--cw-color-borders);
		clear:both;
	}

	.cwPageFooter span {
		padding: 0 1em 0 0;
		margin-right: 1em;
		/* border-right: 1px solid var(--cw-color-borders); */
		white-space: nowrap;
	}

	.cwPageFooter .cwEditPage {
		border-right-width: 0;
		padding: 0 0 0 1em;
		margin-right: 0;
	}

	.cwPageCenter {
		margin:0;
		padding: 1em 0 0 0;
	}

	.cwPageTitle {
		box-sizing: border-box;
		float: left;
		padding:0.5em 0 0 1em;
		width: auto;
	}

	.cwMainContent {
		width:66%;
		padding:0.5em 0 0.5em 1em;
	}

	.cwFullWidthContent {
		padding: 0 0 1em 1em;
		clear: both;
	}

	.cwSideContent {

		background-color: var(--cw-color-box-generic-bg-base);
		border: 1px solid var(--cw-color-borders);
		border-radius: 6px;

		width: 27%;
		float: right;

		margin: 0 0 1em 0;
		padding: 1.25em 0 1.25em 0;
	}

	.cwSideContent p,
	.cwSideContent h2,
	.cwSideContent h3,
	.cwSideContent table {
		margin:0 0.5em 0 0.5em;
		padding:0.25em 0.5em 0.25em 0.5em;
	}

	.cwSideContent table {
		padding:0;
		margin:0.25em 0.75em 0.25em 0.75em;
	}

	.cwSideContent H2,
	.cwSideContent H3,
	.sideNavList H2,
	.sideNavList H3 {
		border-bottom: 1px solid var(--cw-color-borders);
		padding-top: 0.33em;
		padding-bottom: 1px;
		margin-top: 0.5em;
		margin-bottom: 0.2em;
		text-align:left;
		font-size:100%;
		color: var(--cw-color-subheading);
	}

	.sideNavList,
	.cwSideContent ul   {
		list-style:outside square;
		color:var(--cw-color-softened1);
		padding-top:0.15em;
		padding-bottom:0.15em;
		padding-left:1.0em;
		padding-right:0.5em;
		margin-left:0.75em;
		margin-top:0em;
		margin-bottom:0em;
	}
	.sideNavList li,
	.cwSideContent ul li {
		padding-top:0.0em;
		padding-top:2px;
		padding-bottom:0.25em;
		padding-bottom: 4px;
		margin-left: 0.90em;
		padding-left: 0.10em;
	}

	.hiLight, .hiLight span, .hiLight a, .cwCurrentPage { color: var(--cw-color-hilight); }

	.leading {
		color:var(--cw-color-softened1);
		background-color: inherit;
		font-weight:bold;
		font-style:normal;
		text-transform: uppercase;
	}

	ul { padding-top:0; }

	li {
		padding-top:0.2em;
		padding-bottom:0.2em;
	}

	table {
		border-collapse: collapse;
		border-color: var(--cw-color-borders);
		}

	td, th {
		font-family: helvetica, arial, sans-serif;
		text-align:left;
		padding: 0.15em 0.25em 0.15em 0.25em;
	}

	TH, TH A {
		background-color: #9090A0;
		color:white;
		font-weight:bold;
	}

	TH.icon, TD.icon {
		width: 16px ! important;
		text-align: center;
	}

	th A {
		text-decoration:underline;
	}

	th a:hover {
		color:yellow;
	}
	
	.hilightActiveRow TR:hover {
		background-color: var(--cw-color-bg-notable);
	}

	.spaceless, .spaceless td, .spaceless th  {
		border: 0;
		margin: 0;
		padding:0;
		}

	img.iconLarge {
		float:left;
		margin: -14px 12px 12px -4px;
		}

	.warning {
		margin: 1em 0;
		padding: 0.5em;
		border: 1px solid var(--cw-color-borders);
		background-color:var(--cw-color-bg-notable);
		}

	.siteMap a {
		text-decoration: none;
		}

	form {
		padding: 0;
		margin:  0;
	}

	.showAsDisabled { color:var(--cw-color-borders); }

	.select_param_value { font-weight: bold; }

	.cwA4Preview {
		margin: 0;
		padding: 13mm;
		max-width: 184mm; /* 210mm minus padding 2x13mm */
		min-width: 140mm;
		min-height: 271mm; /* 297mmminus padding 2x13mm */
		background-color: var(--cw-color-bg-notable);
		border: 1px solid var(--cw-color-borders);
	}

	DIV.debugInfo {
		background-color: var(--cw-color-bg-notable);
		border: 1px solid var(--cw-color-borders);
		margin: 2em 0 1em 0;
		padding: 0;
	}
	DIV.debugInfo DIV.title {
		margin: 0;
		background-color: #9090A0;
		color:white;
		font-weight:bold;
	}
	DIV.debugInfo DIV.title H3 {
		color:white;
		padding: 0.5em;
		margin: 0;
	}

	.searchLink {
		font-style: italic;
		font-size: 100%;
		font-weight: normal;
		background-image: url("/images/icons/search.gif");
		background-repeat: no-repeat;
		background-position: left center;
		padding-left:20px; padding-right:0; padding-top:1em; padding-bottom:1em
	}

	.cwWidgetContent {
		color: var(--cw-color-page-text);
	}

	.cwInvoiceAdminTools {
		float: left;
		padding-right: 1em;
		min-width: 14em;
	}
}

@media print {

	HTML {
		margin: 0;
		padding: 0;
	}
		
	BODY, .cwBody {
		margin: 0;
		padding: 0;
		color: black;
		background-color: white;
		font-family: helvetica, arial, sans-serif;
		font-size: 12px;
	}

	.listActionSelector,
	.selectAction,
	.searchForm,
	.selectAction,
	.readMore {
		display: none !important;
	}

	img {
		border: 0;
	}

	.cwBreadcrumb {
		border: 0;
		border-top: 1px solid #8A90A4;
		text-align: right;
		margin-top: 1em;
		padding-top: 0.25em;
		padding-bottom: 0.5em;
	}

	h1 { font-size:1.67em; padding-top:0.50em; padding-bottom:0.75em;}
	h2 { font-size:1.33em; }
	h3 { font-size:1em; }
	h4, h4 a { font-size:1em; font-weight:normal; text-decoration:underline;}

	h1, h2, h3, h4 {
		font-family: helvetica, arial, sans-serif;
		margin:0em;
		padding-top:1.25em;
		padding-bottom:0.25em;
		text-align:left;
	}
	p {
		margin:0em;
		padding-top:0.25em;
		padding-bottom:0.25em;
	}
	.leading {
		color: #454D66;
		font-weight:bold;
		text-transform: uppercase;
	}
	a { color: #000000; text-decoration:none; }

	.hidden,
	.cwSideContent,
	.kinNav,
	.resourcelinks,
	.searchBar,
	.sectionSelector,
	#demoImg {
		display: none;
		position:absolute;
		width:0;
		height:0;
		visibility:hidden;
	}

	#logoImg { border: none; }

	.box {
		border: 1pt solid gray;
		background-color: white;
	}
	table {
		border-width:    0;
		border-style:    solid;
		border-color:    #8A90A4;
		border-collapse: collapse;
	}
	td,th {
		padding: 0.2em 0.4em 0.2em 0.4em;
	}

	td, th {
		font-family: helvetica, arial, sans-serif;
		text-align:left;
		padding: 0.15em 0.25em 0.15em 0.25em;
	}

	th, th a {
		background-color: #9090A0;
		color:white;
		font-weight:bold;
	}

	.dynamicTable { border-width: 1pt; }

	div.address {
		background-color: yellow;
	}

	table.invisible  {
		border-collapse: collapse;
	}

	table.invisible, table.invisible tr, table.invisible th, table.invisible td  {
		margin  : 0;
		border  : 0;
		padding : 0;
	}

	IMG.cwListControlIcon,
	TD.icon,
	TH.icon {
		display: none;
	}

	TD.nonRemovable,
	TH.nonRemovable {
		display: table-cell;
	}

/*
	TD.nonRemovable *,
	TH.nonRemovable * {
		display: table-cell;
		visibility: hidden;
	}
*/

	TD.keepButHideOnPrint,
	TH.keepButHideOnPrint {
		display: table-cell;
		padding: 0;
		visibility: hidden;
		padding:0;
		width: 0;
	}

	TD.keepButHideOnPrint > *,
	TH.keepButHideOnPrint > * {
		display: none;
	}

	table.search_params {
		margin: 1.5em 0;
	}

	.select_param_value {
		font-weight: bold;
		padding-left: 1em;
	}
}

/**
 * JS Editor
 */
@media screen {
	.fieldList {
		max-height: 600px;
		overflow: auto;
		list-style-type: none;
	}
	.dataFieldInput {
		border: 1px solid black !important;
		border-radius: 4px !important;
		margin-right: 5px !important;
		width: 93% !important;
		margin-bottom: 10px !important;
		padding: 0.4em 0.6em !important;
	}
	.fieldListItems {
		margin-top: 3px !important;
		margin-bottom: 3px !important;
	}
	.sectionHeader {
		font-weight: bold !important;
		font-size: 14px !important;
	}
}

/**
 * Page header
 */
@media screen {

	.cwHeaderItem > span {
		display: inline-block;
		position: relative;
		margin: 0;
		padding: 0 0 8px 0;
	}
	.cwHeaderItem {
		float: right;
		background-position: left 8px center;
		background-repeat: no-repeat;
		background-size: 20px;
		margin: 0;
		border-radius: 6px 6px 0 0;
		padding: 12px 12px 10px 32px;
	}
	.cwHeaderItemBlock {
		position: absolute;
		z-index: 150;
		right: 0;
		margin-top: 8px;
		background-color: var(--cw-color-bg-notable);
		padding: 12px;
		display: none;

		min-height: 45px; /* Looks better if the item block always covers the breadcrumbs bottom border. If not we might have two borders very close to each other. */

		/*
		Limit the height to window height minus page header height (38px).
		Should be overridden by javascript on load and on resize to adjust to the actual window size and not the entire viewport.
		*/
		max-height: calc(98vh - 32px); 
		overflow: auto; /* Enable vertical and horizontal scrolling if needed*/
	}
	.cwIconLogo .cwHeaderItemBlock {
		margin-top: -2px;
	}
	.cwHoverble .cwHeaderItem:hover,
	.cwHeaderItem.cwShowSubMenu {
		background-color: var(--cw-color-bg-notable);
	}
	.cwHeaderItem.cwShowSubMenu .cwHeaderItemBlock {
		display: block;
	}
	.cwHoverble .cwHeaderItem:hover .cwHeaderItemBlock {
		display: block;
	}

	.cwAdminSearchForm input[type="text"],
	.cwAdminSearchForm input[type="submit"],
	.cwAdminSearchForm select {
		width: 100%;
		height: 42px;
		line-height: 24px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.cwSearchInSameTab,
	.cwSearchInNewTab {
		background-size: 24px;
		background-repeat: no-repeat;
		background-position: left 14px center;
		/* font-weight: bold; */
		text-align: left;
		padding-left: 46px;
	}
	.cwSearchInSameTab { background-image: url("/images/icons/search-bw-ondark.png"    ); }
	.cwSearchInNewTab  { background-image: url("/images/icons/new-window.bw.ondark.png"); }

	/* Make it larger and easier to click */
	.cwFullLineText {
		display: inline-block;
		width: 100%;
		border-width: 0;
		margin: 0;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.cwMegaMenu,
	.cwMegaMenu ul {
		list-style-type: none;
	}
	.cwMegaMenu {
		padding: 0;
		margin: 0;
	}
	.cwMegaMenu a {
		color: var(--cw-color-softened1);
		white-space: nowrap;
	}
	.cwNewWebsiteLogo {
		display: block;
		float: left;
		margin-right: 32px;
		padding-left: 36px;
		padding-bottom: 0;
		background-image: url("/images/cogwork-icon-512x512.png");
		background-repeat: no-repeat;
		background-position: left 8px top 2px;
		background-size: 28px 28px;
		text-decoration: none;

		font-weight: bold;

		color: var(--cw-color-softened1);
	}
	.cwHeaderItem.cwIconLogo {
		float: left;
		margin-right: 32px;
		padding-left: 36px;
		padding-bottom: 0;
		background-position: left 8px top 2px;
		background-size: 28px 28px;
		font-weight: bold;
	}
	.cwHeaderItem.cwIconLogo .cwHeaderItemBlock {
		left: 0;
		right: inherit;
	}

	.cwOnCurrentMenuPath > a,
	.cwOnCurrentMenuPath > span {
		color: var(--cw-color-hilight);
	}
	.cwMegaMenu a {
		text-decoration: none;
	}
	.cwMenuTopItem {
		display: block;
		float: left;
		font-weight: bold;
	}
	.cwHoverble .cwMenuTopItem:hover {
		background-color: var(--cw-color-bg-notable);
	}
	.cwMenuTopItem .cwHeaderItemBlock {
		width: 100%;
	}
	.cwHoverble .cwMenuTopItem:hover > ul {
		display: block;
	}
	.cwMenuTopItem {
		padding-right: 32px;
		padding-left: 12px;
		margin: 0;
		background-repeat: no-repeat;
		background-position: right 15px center;
		text-decoration:none;
		background-size: 12px 12px;
	}
	.cwMenuTopItem > ul > li > ul {
		min-width: 11em;
	}
	.cwMenuTopItem > ul > li {
		display: block;
		float: left;
		padding: 8px;
	}
	.cwMenuTopItem > ul > li > ul {
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	li.cwHasSubMenu,
	li.cwHasNoSubMenu {
		margin: 0;
		background-position: left top 8px;
		background-repeat: no-repeat;
		padding: 2px 0 2px 18px;
		background-size: 12px 12px;
	}
	li.cwHasSubMenu ul,
	li.cwHasNoSubMenu ul {
		margin: 0;
		padding: 0;
		display: none;
	}
	li.cwHasSubMenu {
		cursor: pointer;
	}
	.cwMegaMenu li.cwShowSubMenu > ul {
		display: block;
	}
	.cwMenuTopItem li {
		line-height: 24px;
	} 
	/* Clearfix */
	/* .cwMegaMenu::after {
		content: "";
		display: table;
		clear: both;
	} */
	.cwBreadcrumb,
	.cwBreadcrumb ul {
		list-style-type: none;
	}
	.cwBreadcrumb {
		clear: both;
		padding: 4px 0;
		border-width: 1px 0;
		border-style: solid;
		border-color: var(--cw-color-borders);
	}
	li.cwBreadcrumbNode {
		display: inline-block;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		line-height: 24px;
		padding: 2px 28px 2px 8px;
		background-position: right 8px top 8px;
		background-repeat: no-repeat;
		background-size: 12px 12px;
	}


	li.cwBreadcrumbNode.cwHasNoSubMenu:last-child {
		background-image: none;
		padding-right: 16;
	}

	.cwHoverble .cwBreadcrumbNode.cwHasSubMenu:hover,
	.cwBreadcrumbNode.cwShowSubMenu {
		background-color: var(--cw-color-bg-notable);
	}
	.cwBreadcrumbNode ul {
		padding: 0;
	}
	li.cwBreadcrumbNode > ul {
		display: none;
		position: absolute;
		margin-left: -8px;
		z-index: 150;
		background-color: var(--cw-color-bg-notable);
		border-radius: 0 6px 6px 6px;
		min-width: 256px;
		padding-top: 4px;
		padding-bottom: 8px;
	}

	.cwBreadcrumbNode li {
		padding-left: 26px;
		padding-right: 8px;
		background-position: left 8px top 8px;
	}

	.cwHoverble .cwBreadcrumbNode:hover > ul,
	.cwBreadcrumbNode .cwShowSubMenu > ul {
		display: block;
	}

	li.cwShowSubMenu > ul {
		display: block;
	}

	li.cwBreadcrumbHomeNode {
		width: 32px;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center center;
	}
}

@media print {
	#cwMegaMenuContainer {
		display: none;
	}
}

@media only screen and (min-width: 800px) {
	.cwHeaderItemBlock {
		border-radius: 6px;
		width: 35em;
		max-width: 100%;
	}
	/* .cwHeaderItem:first-of-type .cwHeaderItemBlock {
		border-top-left-radius: 0;
	}
	.cwHeaderItem:last-of-type .cwHeaderItemBlock {
		border-top-right-radius: 0;
	} */
}

@media only screen and (max-width: 799px) {

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

	.cwPageCenter,
	.cwPageFooter {
		margin           : 0;
		padding          : 0 14px;
	}

	.cwPageFooter {
		margin-top : 1.0em;
		padding-top : 0.75em;
	}

	.cwPageTitle,
	.cwMainContent,
	.cwFullWidthContent {
		margin: 0;
		padding: 0;
	}

	.cwPageTitle {
		padding-bottom: 0.50em;
	}

	.cwPageTitle,
	.cwSideContent,
	.cwMainContent {
		width: auto;
		float: none;
	}

	.cwHeaderItem {
		width: 48px;
		height: 42px;
		overflow: hidden;
		background-size: 26px;
		background-position: center top 6px;
	}

	.cwHeaderItem.cwIconLogo {
		width: auto;
		color: inherit;
		background-size: 34px;
		padding-top: 12px;
		padding-left: 44px;
	}

	.cwHeaderItem.cwIconLogo > span {
		font-size: 20px;
	}

	.cwHeaderItem {
		color: transparent; /* Hide text on header items. This will show only the beckground icon */
	}

	.cwHeaderItemBlock {
		width: 100%;
		border-radius: 0;
		color: var(--cw-color-page-text); /* Revert .cwHeaderItem { color: transparent; } */
		border-bottom: 1px solid var(--cw-color-box-generic-border);
	}

	.onMediumScreenPlus {
		display : none !important;
	}

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

	#cwMegaMenuContainer {
		display: none;
	}
}