/**
* This style sheet is is used by the CogWork API.
* 
* The url is typically /files/NNN/css/lib.css where NNN is a
* a version number that changes whenever this style sheet is 
* updated. However, using an older version number will also 
* return the most recent version. The version number is only 
* used to inform the browser when files needs to be reloaded.
* 
* All style instructions are always prepended by "cw" to avoid 
* unintended conflicts with other style instruction.
* 
* All style instructions only effects HTML/DOM elements that are 
* included in a HTML-class whos name is prepended by "cw". That 
* blocks this styles to unintentially affect other elements whithin 
* the DOM
* 
* This style sheet is also used internaly by the CogWork cloud 
* service user interface
**/

.cwExpandable {}
.cwExpandOnInit {}

@media all {

	#cwDeviceVideo {
		width: 600px;
		max-width: 100%;
		border: none;
		padding: 0;
		margin: 0;
	}
	.cwCheckinFieldContainer {
		position: relative; /* Allows the button to be positioned relative to the container */
		width: 100%; /* Ensures the form takes full width */
		/* display: flex; Aligns children (input and button) in a row */
		margin-bottom: 0.75em; /* Adds space below the form */
		max-width:100%;
	}
	#cwKeyCardRefField {
		/* flex-grow: 1; Allows the input to grow and fill available space */
		box-sizing: border-box;
		width: 100%;
		line-height: 36px; /* Also centers the text vertically */
	}
	.cwCheckinButton {
		position: absolute;
		top: 21px;
		right: 5px;
		transform: translateY(-50%);
		width: 32px; /* Adjust size as needed */
		height: 32px; /* Adjust size as needed */
		cursor: pointer;
	}
	#cwDeviceCameraSelect {
		width: 600px;
		max-width:100%;
	}

	.cwOrgWebPageBannerImg {
		max-width: 100%;
	}

	.cwHtml,
	.cwBody,
	.cwNoPrint {
		box-sizing: border-box;
	}
	.cwHtml {
		padding: 0;
	}

	.cwHtml, .cwBody {
		height: 100%;
		margin: 0;
	}

	.cwBoxContainer {
		box-sizing: border-box;
		position: relative;
		padding: 0;
		margin: 1.00em 0;
		border: 1px solid var(--cw-color-box-generic-border);
		border-radius: 6px;
		background-color : var(--cw-color-box-generic-bg-base);
		background: linear-gradient(to right, var(--cw-color-box-generic-bg-base-graded) 0%, var(--cw-color-box-generic-bg-base) 250px);
	}
	
	.cwBoxContainer * {
		box-sizing: border-box;
	}
	
	.cwColumnNumeric {
		text-align: right;
	}

	.cwDataInputForm {
		background-color : var(--cw-color-box-editor-bg);
		background: linear-gradient(to right, var(--cw-color-box-editor-bg) 0%, var(--cw-color-box-editor-bg-graded) 250px);
	}

	.cwBoxContent,
	.cwBoxHeading {
		margin: 0;
		border: 0px solid var(--cw-color-box-generic-border);
	}

	.cwBoxHeading {
		padding: 0.25em 0.75em;
		background-color : var(--cw-color-box-generic-bg-heading);
		background: linear-gradient(to bottom, var(--cw-color-box-generic-bg-heading-graded) 0%,var(--cw-color-box-generic-bg-heading) 43%, var(--cw-color-box-generic-bg-heading) 57%, var(--cw-color-box-generic-bg-heading-graded) 100%);
	}

	.cwBoxContent {
		padding: 1.25em 0.75em;
	}

	H3.cwBoxContentHeading {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: var(--cw-color-box-editor-heading-border); /* #D0D040; */

		margin-top: 1.25em;
		margin-bottom: 1.25em;
	}

	.cwBoxHeading H3 {
		margin: 0;
		padding: 0.35em 0 0.35em 0;
	}

	.cwDataInputForm .cwBoxHeading {
		border-color: var(--cw-color-box-editor-bg-expanded);
		background-color: var(--cw-color-box-editor-bg-expanded);
		background: linear-gradient(to bottom, var(--cw-color-box-editor-bg-expanded) 0%, var(--cw-color-box-editor-bg-heading-graded) 43%, var(--cw-color-box-editor-bg-heading-graded) 57%, var(--cw-color-box-editor-bg-expanded) 100%);
	}

	.cwBoxTop {
		border-radius: 6px 6px 0 0;
		border-width: 0 0 1px 0;
	}

	.cwBoxBottom {
		border-width: 1px 0 0 0;
		border-radius: 0 0 6px 6px;
	}

	/* .cwInvalid {
		color: #FF0;
		background-color: #A00;
	} */

	.cwDiscreet {
		color: var(--cw-color-softened2);
		font-style: italic;
	}

	.cwWithdrawn {
		color: var(--cw-color-hilight);
		text-decoration: line-through;
		font-style: italic;
	}

	.cwRadioButtons P {
		padding: 4px 0;
		margin: 0;
	}

	.cwRadioButtons input[type="radio"] {
		margin-top: -3px;
		margin-right: 6px;
		vertical-align: middle;
	}

	.cwCheckoutItem {
		margin: 1.0em 0;
		padding: 0.75em 1.5em;
		background-color: var(--cw-color-bg-notable);
		border: 1px solid var(--cw-color-border-notable);
		border-radius: 6px;
	}

	.cwCheckoutItemTitle {
		margin: 0;
		padding: 0.50em 0;
	}

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

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

	.cwCheckoutItem TABLE TD {
		padding-left: 0;
		font-size: 14px;
	}

	.cwDebug {
		border: 1px solid red;
	}

	P.cwCustomFields {
		clear: left;
	}

	.cwCopyTargetToClipboard {
		position: absolute;
		top: 6px;
		right: 6px;
	}

	.cwCopyTargetToClipboard:hover,
	.cwCopyTargetToClipboard:focus {
		/* color: #000;
		text-decoration: none; */
		cursor: pointer;
	}

	.cwErrMsg, a.cwErrMsg {
		color: var(--cw-color-hilight);
		font-weight: bold;
	}

	.cwProgramCode,
	.cwPlainText {
		white-space: pre-wrap;
	}

	.cwProgramCode {
		white-space: pre-wrap;
		font-family: monospace;
	}
	
	.cwFundraisingProgressConatiner {
		margin: 6px 0 24px 0;
	}

	.cwFundraisingProgressText {
		padding: 2px 15px;
	}
	
	.cwFundraisingProgressBar {
		height: 36px;
		width: 100%;
		background-color: #FEE;
		font-weight: bold;
		padding: 0;
		margin: 0;
		border: 2px solid #F66;
		border-radius: 18px;
		overflow: hidden;
	}
	
	.cwFundraisingProgressMeter,
	.cwFundraisingProgressRest {
		display: inline-block;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	.cwFundraisingProgressMeter {
		height: 64px; /* Any value greater than the height of cwFundraisingProgressBar */
		background-color: #F44;
	}
	
	.cwFundraisingProgressMeter > span,
	.cwFundraisingProgressRest > span {
		padding: 0 10px;
		font-size: 115%;
		line-height: 32px;
	}
	
	.cwFundraisingProgressMeter { text-align: right; }
	.cwFundraisingProgressRest  { text-align: left;  }
		
	
	.cwDonations,
	.cwDonars {
		width: auto;
		border-width: 0;
	}
	
	.cwDonations .cwDate,
	.cwDonations .cwDonorName,
	.cwDonations .cwPublicComment,
	.cwDonars .cwDonorName {
		padding-right: 1.50em;
	}
	
	.cwDonations .cwAmountPaid,
	.cwDonars .cwAmountPaid {
		text-align: right;
	}
	
	.cwDate,
	.cwDonorName,
	.cwAmountPaid {
		white-space: nowrap;
	}

	/**
	* cwScheme and othes styles below are used for time booking and to present time schedules for classes and other activities
	**/

	.cwScheme {
		color: var(--cw-color-page-text);
		background-color: var(--cw-color-page-bg);
		font-family: helvetica, arial, sans-serif;
		margin: 0;
		padding: 0;
	}

	DIV.cwSchemeTopInfoList {
		font-size: 90%;
		padding: 0.75em 1.00em;
		color: var(--cw-color-softened1);
		background-color: var(--cw-color-bg-subtle);
		border-bottom: 1px solid var(--cw-color-borders);
	}

	.cwSchemeContainer {
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		height: 100%;
	}

	TABLE.cwSchemeMonth TD {
		padding: 3px;
	}

	TABLE.cwSchemeMonth,
	TABLE.cwSyncedTimeSlotsTable {
		border: 0;
		border-spacing: 0;
		border-collapse: collapse;
		border-width: 0;
	}

	.cwSchemeTimeSlotsColumn {
		vertical-align: top;
	}
	
	.cwSyncedTimeSlotsTable TD {
		padding: 0;
	}
	
	DIV.cwSyncedTimeSlotContainer {
		padding: 3px;
	}

	.cwInvalidDate,
	.cwNotChecked,
	.cwNotScheduled,
	.cwHasFreeSlots,
	.cwNoFreeSlots,
	.cwBookTimeButton,
	.cwSyncedTimeSlotEmptySlot,
	.cwSyncedTimeSlotBookingLink {

		display: block;
		padding: 8px 10px 1px 10px;
		
		text-align: center;
		font-size: 15px;
		
		background-color: var(--cw-color-bg-notable);
		border: 1px solid var(--cw-color-border-notable);
		border-radius: 4px;
		
		font-family: helvetica, arial, sans-serif;
		text-decoration: none;
		
		min-width: 25px;
	}

	span.cwSyncedTimeSlotEmptySlot {
		color            : var(--cw-color-text-subtle);
		background-color : var(--cw-color-bg-subtle);
	}

	.cwSyncedTimeSlotContent,
	.cwNotChecked {
		background-color: var(--cw-color-bg-notable);
		border-color: var(--cw-color-bg-notable);
	}

	.cwNotChecked {
		background-color: var(--cw-color-schedule-not-checked-bg);
		color           : var(--cw-color-schedule-not-checked-text);
		border-color    : var(--cw-color-schedule-not-checked-border);
	}
	
	.cwInvalidDate,
	.cwNotChecked,
	.cwNotScheduled,
	.cwHasFreeSlots,
	.cwNoFreeSlots {
		padding-bottom: 8px;
	}

	.cwHasFreeSlots,
	.cwSyncedTimeSlotBookingLink {
		background-color: #AFA;
		color : #050;
		border-color: #9D9;
	}

	.cwInvalidDate {
		background-color: #FFF;
		color: #AAA;
	}

	.cwNotScheduled {
		background-color: var(--cw-color-box-generic-bg-base);
		color: #000;
	}

	.cwNoFreeSlots {
		background-color: #888;
		color: #000;
	}

	A.cwHasFreeSlots:hover,
/* 	A.cwHasFreeSlots:activ, */ /* For unkown reasons, this breaks the rendering for A.cwSyncedTimeSlotBookingLink:hover */
	A.cwSyncedTimeSlotBookingLink:hover,
	A.cwSyncedTimeSlotBookingLink:active {
		background-color: #060;
		border-color: #060;
		color : #FFF;
		text-decoration: none;
	}
	
	.cwSyncedTimeSlotContent {
		
		display: block;
		overflow: hidden;

		padding: 8px 10px 1px 10px;
		
		text-align: center;
		font-size: 15px;
		
		min-width: 25px;
	}

	.cwBarcodeOuterContainer {
		text-align: center;
		padding-top: 12px;
		box-sizing: border-box;
		margin: 0;
		padding: 4mm;
		width: 100%;
		/* height:100vh; */
		background-color: white;
	}
	.cwBareBarcodeContainer {
		max-width: 20pc;
		max-height: 20pc;
		padding: 4px;
		margin: 4px auto;
		/* background-color: white; */
	}
	.cwBarcodeText {
		color: black;
		clear: both;
		text-align: center;
		font-family: "Lucida Console", Monaco, monospace;
		font-size: 150%;
	}

	.cwInputNeutral,
	.cwInputMatch,
	.cwInputNotice,
	.cwInputWarning {
		text-align:right;
		font-weight:bold;
		color: black;
		background-color: #FFFFFF;
	}
	.cwInputMatch   { background-color: #90FF90; }
	.cwInputNotice  { background-color: #E0FF90; }
	.cwInputWarning { background-color: #FF9090; }

	.cwTopBulkMsgInfo {
		padding: 0.25em 0 0.75em 0;
		margin: 0;
		color: var(--cw-color-softened1);
		/* background-color: var(--cw-color-bg-subtle); */
		border-bottom: 1px solid var(--cw-color-border-notable);
	}
	.cwTopBulkMsgInfoText {
		padding: 0 1.50em 0 0;
	}

	.cwDir {
		cursor: pointer;
	}
	.cwDirCollapsed + ul {
		display: none;
	}
	.cwDirExpanded + ul {
		display: block;
	}
	.cwDirCollapsed::before {
		content: '+ ';
	}
	.cwDirExpanded::before {
		content: '- ';
	}
	.cwFiles {
		list-style: none;
		font-family: monospace;
	}
	/* .cwFiles li {
		white-space: pre-wrap;
	} */
}

@media print {
	.cwBareBarcodeContainer {
		max-width: 10pc;
		max-height: 10pc;
	}
}

@media screen {

	.cwPrintOnly,
	.cwPrintOnly * {
		display: none !important;
	}

	/* This is not a class but a unique tag type created by javascript */
    cwFireworksParticle {
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		pointer-events: none;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.cwLinkInline { text-decoration: underline; }

	.cwThrobber {
		position: absolute;
		top: 30px;
		right: 50%;
		z-index: 999;
	}

	.cwCollapsed,
	.cwExpanded {
		background-size: 16px 16px;
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 18px;
	}

	.cwCollapsed:hover,
	.cwExpanded:hover {
		cursor: pointer;
		text-decoration : underline;
	}

	.cwNotDisplayed {
		display: none;
	}
	
	.cwDataInputForm.cwBoxContainer .cwExpandable {
		border-top: 2px solid var(--cw-color-box-editor-bg-expanded);
		padding: 5px 5px 5px 16px;
		margin: 3px 0;
	}
	
	.cwDataInputForm.cwBoxContainer .cwExpandable.cwExpanded {
		background-color: var(--cw-color-box-editor-bg-expanded);
		border-bottom: 2px solid var(--cw-color-box-editor-bg-expanded);
	}
	
	.cwBoxContainer .cwFormBlock {
		padding: 0.50em 0 0.75em 0;
	}
}


/**
* Membership card
**/

@media all {

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

	.cwCardBackground {
		box-sizing: border-box;
		margin: 0;
		padding: 4mm;
		width: 100%;
		height: 100%;
		background-color: white;
		display: flex;
		/* flex-wrap: wrap; */
		align-items: center;
		justify-content: center;
	}

	.cwCardPlaceholder {
		background-color: white;
		color: black;
		width: 85.60mm;
		height: 53.98mm;
		padding: 4mm;
	}

	.cwCardLogoContainer {
		box-sizing: border-box;
		text-align: center;
		width: 100%;
		height: 21mm;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.cwCardLogoImage {
		max-width: 100%;
		max-height: 100%;
	}

	.cwCardLogoContainer,
	.cwCardTitleContainer,
	.cwCardTextContainer {
		box-sizing: border-box;	
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		text-align: center;
	}

	.cwCardTitleContainer {
		height: 12mm;
	}

	.cwCardTitle {
		white-space: nowrap;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}

	.cwCardTextContainer {
		height: 10mm;	
	}

	.cwCardText {
		max-width: 100%;
		margin: 0;
		padding: 0;
	}

	.cwDebug .cwCardLogoContainer {
		background-color: #F88;
	}
	.cwDebug .cwCardTitleContainer {
		background-color: #8F8;
	}
	.cwDebug .cwCardTextContainer {
		background-color: #88F;
	}
	.cwDebug .cwCardBarcodeContainer {
		background-color: #8FF;
	}
	/* .cwCardAdditionalHtml {
		background-color: green;
		text-align: center;
		flex-basis: 100%;
	} */
}

@media only screen and (min-width: 1000px) {

	.cwCardPlaceholder {
		border: 1px solid black;
		border-radius: 3.18mm;
		box-shadow: 8px 8px 24px 4px gray; /* h-shadow v-shadow blur spread color; */
	}

	.cwCardBackground {
		background-color: white !important;
	}
}


/**
* Web form
**/

@media all {

	.cwGreen {
		color: var(--cw-color-green);
	}

	.cwYellow {
		color: var(--cw-color-yellow);
	}

	.cwRed {
		color: var(--cw-color-red);
	}

	.cwhc_ItemCost {
		padding-left: 0.50em;
		color: var(--cw-color-softened1);
	}

	.cwhc_Compact {
		margin: 0.10em 0;
		padding: 0.20em 0;
	}

	.cwhc_Question {
		margin: 0.20em 0;
		padding: 0.20em 0;
		clear: left;
	}

	.cwhc_Question:hover {
		background-color: var(--cw-color-box-editor-bg-expanded);
	}

	.cwhc_MandatoryQuestionsInfo,
	.cwhc_ForAdminsOnlyQuestionsInfo {
		padding: 0;
		margin: 0;
	}

	.cwhc_MandatoryQuestionsInfo {
		color: #900;
	}

	.cwhc_ForAdminsOnlyQuestionsInfo {
		color: #009;
	}

	.cwhc_MandatoryQuestionFlag,
	.cwhc_ForAdminsOnlyFlag {
		padding-left: 0.10em;
		font-weight: bold;
	}

	.cwhc_MandatoryQuestionFlag {
		color: #900;
	}

	.cwhc_ForAdminsOnlyFlag {
		color: #009;
	}

	.cwhc_FreeTextLabel {
		font-style: italic;
	}

	.cwhc_FreeTextInput {
		margin-left: 0.50em;
	}

	.cwhc_CompactedTitle {
		min-width: 15em;
	}

	.cwhc_FormColumn1 {
		min-width: 16em;
		float: left;
		clear: left;
	}

	.cwhc_FormColumn2 {
		float: left;
		margin-left: 1.50em;
	}
}

/**
* List grid presentation
* Main grid item with default four columns 
* fr is used for column width so if you have a single grid item the width will only
* be the standard with for columns. For example a 1/4 with four columns. Auto can be used
* if you in those cases will have wider colums but it can then be good to set max value.
**/
@media all {

    .cwGrid,
	.cwGrid * {
        box-sizing: border-box;        
    }
	
	.cwGrid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		grid-gap: 15px;
		margin: 20px 0px;        
	}    
	 
	.cwGridItem {  
		position: relative;       
		background-color: lightgrey;
		background-size: cover;   
		aspect-ratio: 13/10;	   
	 } 
	 
	.cwGridItemText { 
		box-sizing: content-box;
		max-width: 100%;
		max-height: 50%;
		margin: 10%;
		overflow: auto;
	 } 

	.cwGridItemContent {
		display: grid;
		grid-template-columns: minmax(60px, 1fr) 6fr;
		position: absolute;
		bottom: 0;
		width: 100%;
		background-color: rgba(255,255,255, 0.8);
		height: auto;
		padding: 15px; 
		grid-gap: 15px;  
	}

	.cwGridItemIcon img {
		max-width: 100%;        
	 }

	.cwGridIemTitle  {
		padding: 0px;
		margin: -3px 0px 5px 0px;
		line-height: auto; 
		font-size: 16px;
		font-weight: bold;         
	}

	.cwGridItemInfoButtonContainer {
		display: flex;
	 }

	 .cwGridItemInfo {
		padding: 0px;
		margin: 0px; 
		font-size: 14px;  
		line-height: 16px;  
	 } 

	.cwGridItemInfoContainer {
		padding-right: 15px;
	}

	.cwGridItemButtonContainer {
		margin-left: auto;     
	}

    .cwGrid .cwRegButton {
        margin: 2px 0px 0px;        
    }
}

@supports not (aspect-ratio: auto) { 
	.cwGridItem {
		padding-top: 77%;
		height: 0;
		position: relative;
		overflow: hidden;	
	}	
}

/* Moved here from shop.css ******************************************************************/

@media all {

	.cwBody {
		font-family      : helvetica, arial, sans-serif;
		font-size        : 14px;
		margin           : 0;
		padding          : 2% 2%;
		color            : var(--cw-color-page-text);
		background-color : var(--cw-color-page-bg);
	}
	.cwBody.cwHideFraming {
		padding          : 0;
	}
	.cwHideVendor .cwVendor,
	.cwHideFraming .cwOrgWebPageBannerImg {
		display: none;
	}
	.cwHideFraming .cwControlAreaTop {
		border-bottom-width : 1px;
		border-radius: 0;
	}
	.cwHideFraming .cwControlAreaBottom {
		border-top-width : 1px;
		border-radius: 0;
	}

	/* Make space for iframe close icon. TODO: Should not refer to cwHideFraming but rather something like cwDisplayedInIframe */
	.cwHideFraming .cwControlAreaTop {
		padding-right: 36px;
	}
	





	.cwClearer {
		clear: both;
	}
	
	TABLE.cwEvents .title {
		height: initial;
	}	

	.cwArea TABLE,
	TABLE.cwEvents {
		border-spacing : 0;
		border-collapse : collapse;
		table-layout:auto;
	}

	.cwArea TH,
	.cwArea TABLE TD {
		padding             : 0.30em 0.40em 0.30em 0.40em;
		text-align          : left;
	}

	TABLE.cwEvents {
		border-width        : 0;
		margin              : 0.25em 0 1em 0;
		width               : 100%;
	}

	TABLE.cwEvents,
	TABLE.cwEvents TR,
	TABLE.cwEvents TH,
	TABLE.cwEvents TD {
		border-width        : 0;
	}	

	TABLE.cwEvents .title,
	TABLE.cwEvents .title A,
	TABLE.cwEvents TD.eventNumber,
	TABLE.cwEvents TD.eventNumber A,
	TABLE.cwEvents TD.eventNumStr,
	TABLE.cwEvents TD.eventNumStr A {
		font-weight         : bold;
		text-decoration     : none;
	}

	TABLE.cwEvents TH {
		border-width        : 0;
		font-style          : italic;
		text-decoration     : none;
		padding             : 0.75em 0.40em 0.50em 0.40em;
		padding             : 0.50em 0.40em 0.30em 0.40em;
		vertical-align      : bottom;
		text-align          : left;
	}

	TABLE.cwEvents TH.title {
		font-style          : normal;
		text-transform      : uppercase;
	}

	.cwEvents .status .regLink {
		text-transform      : uppercase;
		white-space         : nowrap;
	}
	
	TABLE.cwEvents .eventNumStr {
		white-space         : nowrap;
	}
	
	/* .cwEvents .regLink, */
	TABLE.cwEvents TD.status {
		white-space: nowrap;
	}	
	
	TABLE.cwEvents TR.spacingRow,
	TABLE.cwEvents TR.dataRow {
		border-width        : 1px 0 0 0;
		border-style        : dotted;
	}

	TABLE.cwEvents TR.headerRow,
	TABLE.cwEvents TR.cwExpandableEventInfo {
		border-width        : 0;
	}

	TABLE.cwEvents TR.spacingRow,
	TABLE.cwEvents TR.spacingRow TR,
	TABLE.cwEvents TR.spacingRow TD {
		border-bottom-width : 0 !important;
		/* border-bottom-style : none; */
	}

	TABLE.cwEvents TR.spacingRow TD {
		padding: 0.50em 0;
	}	

	TABLE.cwEvents TR.spacingRow {
		height: 2.50em;
	}	

	TABLE.cwEvents .title {
		padding-left        : 0;
	}

	TABLE.cwEvents TH.title {
		font-weight         : bold;
		text-decoration     : none;
		font-size           : 1.10em;
	}

	TABLE.cwEvents TD.title {
		/* padding-left        : 1.0em; */
		padding-left        : 21px;
	}

	TABLE.cwEvents TD.hasEventNumbers,
	TABLE.cwEvents TD.hasEventNumsStr {
		padding-left        : 0.10em;
	}

	TABLE.cwEvents TD.eventNumber {
		text-align : right;
	}

	TABLE.cwEvents .cwColumnWide,
	TABLE.cwEvents .cwColumnNarrow {
		border-width: 0;
		padding: 0;
		border-radius: 0;
		background-color: inherit;
	}
	
	.cwEvents .eventGroupDescription,
	.cwEvents .eventGroupDescriptionContainer {
		padding: 0;
		margin: 0;
	}
	
	.cwEvents .eventGroupDescriptionContainer {
		padding-bottom: 1.0em;
	}	

	.cwCatalogueEvent .cwProfileImageHolder,
	.cwInfoArea .cwProfileImageHolder,
	.cwEventGroupProfileImageHolder {
		padding: 0;
		margin: 0 0 0 1em;
		max-width: 25%;
		float: right;
	}

	.cwProfileImage,
	.cwEventGroupProfileImage {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}

	.cwColumnWide,
	.cwColumnNarrow,
	.cwDataArea,
	.cwInfoArea,
	.cwListEventInfoArea,
	.cwListEventDataArea,
	.cwInputArea {
		vertical-align      : top;
	}

	.cwListEventDataArea {
		border-width        : 1px;
		border-style        : solid;
		border-color        : #DADADA;
		margin-bottom       : 1.25em;
	}

	A.cwRegButton {
		font-weight:bold;
		text-transform: uppercase;
		padding : 0.50em 1.25em;
		border-radius: 4px;
	}

	A.cwRegButton,
	A.cwRegButton:hover {
		text-decoration: none;
		background-color: #AFA;
		color : #040;
		border: 1px solid #0C0;
	}

	A.cwRegButton:hover {
		text-decoration:underline;
	}

	TABLE.cwOrderedItems TH {
		border-bottom: 1px solid silver;
		color: #666;
		font-style: italic;
	}

	TABLE.cwOrderedItems TD {
		padding-top: 0.10em;
		padding-bottom: 0.10em;
	}
	
	/* Debug info  ************************************************************************************************/

	DIV.debugInfo {
		background-color: #F0F0F0;
		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;
	}

	.cwDefaultDataContainer {
		border: 2px solid transparent;
	}

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

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

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

	.cwInvalidDataReport UL{
		margin: 0;
	}

	.cwVisibleForm {
		margin: 0;
		padding: 0;
		border-width: 1px;
		border-style: solid;
		border-radius: 6px;
	}

	.cwFormCenter {
		padding: 0;
		margin: 0;
		display: table;
		width: 100%;
	}

	.cwSavingForm {
		color: #060;
		background-color: #DFD;
		border: 2px solid #0B0;
		border-radius: 6px;
		padding: 8px 12px 8px 12px;
		margin: 0.50em 0 0.25em 0;
	}
	
	.cwSavingFormInfoBox IMG{
		float: left;
	}

	.cwEventDetails {
		padding: 0;
		margin: 0;
		display: table;
		width: 100%;
	}

	.cwArea TABLE TD.cwEventDetailsContainer {
		padding: 1.25em 0 0.25em 21px;
	}

	.cwColumnWide {
		display: table-cell;
		width: 70%;
	}

	.cwColumnNarrow {
		display: table-cell;
		width: 30%;
	}

	.cwTerms {
		color: var(--cw-color-softened1);
		border: 1px solid var(--cw-color-box-generic-border);
		background-color: var(--cw-color-box-generic-bg-base);
		border-radius: 6px;
		padding: 0.25em 1.5em 0.75em 1.5em;
	}

	.cwTerms H1 { font-size : 1.30em; }
	.cwTerms H2 { font-size : 1.20em; }
	.cwTerms H3 { font-size : 1.10em; }

	.cwDataName {
		font-style: italic;
		font-size: 0.95em;
		padding-top: 0.75em;
		opacity:0.6;
	}
	.cwDataValue {
		font-weight: bold;
	}

	.cwSubHeading {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-color: #DADADA;
		padding: 0;
	}

	.cwFieldCollection {
		float: left;
		margin-right: 1em;
		border-collapse: separate;
	}

	.cwFieldText {
		min-width: 5.50em;
	}

	.cwVerticalFields {
		margin-top: 0.75em;
	}

	.cwFields:hover {
		background-color : #EEEE80;
	}

	#cwSwishPaymentStatus {
		margin: 0.75rem 0;
		font-weight: bold;
	}

	
	/* Icons ************************************************************************/

	.cwNoLinkSmallIconLeft,
	.cwNoLinkSmallIconRight,
	.cwLinkSmallIconLeft,
	.cwLinkSmallIconRight {
		padding: 0.25em;
		background-repeat: no-repeat;
		text-decoration:none;
		background-size: 16px 16px;
	}

	.cwLargeIcon.cwLinkSmallIconLeft,
	.cwLargeIcon.cwLinkSmallIconRight,
	.cwLargeIcon.cwNoLinkSmallIconLeft,
	.cwLargeIcon.cwNoLinkSmallIconRight {
		padding-top: 0.50em;
		padding-bottom: 0.50em;
		background-size: 32px 32px;
	}

	.cwLargeIcon.cwNoLinkSmallIconLeft,
	.cwLargeIcon.cwLinkSmallIconLeft {
		padding-left: 38px;
	}

	.cwWatcher {
		line-height: 1.5em;
	}

	.cwWatcher .cwNoLinkSmallIconLeft,
	.cwWatcher .cwNoLinkSmallIconRight,
	.cwWatcher .cwLinkSmallIconLeft,
	.cwWatcher .cwLinkSmallIconRight {
		padding-top: 0.50em;
		padding-bottom: 0.50em;
		background-size: 20px 20px;
	}

	.cwWatcher .cwNoLinkSmallIconLeft,
	.cwWatcher .cwLinkSmallIconLeft {
		padding-left: 24px;
	}

	.cwLinkSmallIconLeft:hover,
	.cwLinkSmallIconRight:hover {
		text-decoration:underline;
	}

	.cwNoLinkSmallIconLeft,
	.cwLinkSmallIconLeft {
		background-position: left center;
		padding-left: 21px;
	}

	.cwNoLinkSmallIconRight,
	.cwLinkSmallIconRight {
		background-position: right center;
		padding-right: 21px;
	}

	.cwArea TH.icon,
	.cwArea TD.icon {
		width : 16px;
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
	}

	.cwListEventDataArea {
		border : 1px solid #DADADA;
		border-radius : 6px;
	}

	.cwListEventDataArea {
		margin-bottom : 1.25em;
	}

	.cwListEventInfoArea {
		padding-right: 1.25em;
		padding-bottom : 1.25em;
	}

	.cwSearchIcon {
		position: absolute;
	}

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

	.cwModalSearchField .cwModalWrapper {
		display: inline-block;
		padding: 0 1px;
		margin: 0;
		height: 16px;
		width: 18px;
		position: relative;
	}

	.cwModalSearchIcon {
		position: absolute;
		top: 4px;
	}

	.cwIconAccountings          { background-image: url("/images/icons/coins.png"); }
	.cwIconActiveItem           { background-image: url("/images/icons/ok.gif"); }
	.cwIconAttachment           { background-image: url("/images/icons/attachment.png"); }
	.cwIconAvailabilityGood     { background-image: url("/images/icons/availabilityGood.png"); }
	.cwIconAvailabilityOk       { background-image: url("/images/icons/availabilityOk.png"); }
	.cwIconAvailabilityLimited  { background-image: url("/images/icons/availabilityLimited.png"); }
	.cwIconAvailabilityFull     { background-image: url("/images/icons/availabilityFull.png"); }
	.cwIconAvailabilityHidden   { background-image: url("/images/icons/availabilityHidden.png"); }
	.cwIconAvailabilityLoading  { background-image: url("/images/icons/throbber.svg"); } /* Could alternatively be availabilityHidden.png or pix.gif */
	.cwIconBankgirot            { background-image: url("/images/icons/bankgirot.png"); }
	.cwIconBankgirotDisabled    { background-image: url("/images/icons/bankgirot.disabled.png"); }
	.cwIconCal                  { background-image: url("/images/icons/vcs.gif"); }
	.cwIconCancel               { background-image: url("/images/icons/cancel.png"); }
	.cwIconCardPayment          { background-image: url("/images/icons/card_payment.png"); }
	.cwIconCheckIn              { background-image: url("/images/icons/checkin.png"); }
	.cwIconColorScheme          { background-image: url("/images/icons/colorscheme.png"); }
	.cwIconColumns              { background-image: url("/images/icons/columns.png"); }
	.cwIconCreateCreditInvoice  { background-image: url("/images/icons/undo.png"); }
	.cwIconDAK                  { background-image: url("/images/icons/dak.png"); }
	.cwIconEventCalendar        { background-image: url("/images/icons/calendar.gif"); }
	.cwIconCopy                 { background-image: url("/images/icons/copy.png"); }
	.cwIconCsv                  { background-image: url("/images/icons/csv.png"); }
	.cwIconDatafield            { background-image: url("/images/icons/datafield.png"); }
	.cwIconDatainspektionen     { background-image: url("/images/icons/datainspektionen.png"); }
	.cwIconDebugStart           { background-image: url("/images/icons/debug_start.png"); }	
	.cwIconDebugStop            { background-image: url("/images/icons/debug_stop.png"); }
	.cwIconDisplayOff           { background-image: url("/images/icons/close.png"); }
	.cwIconDisplayCompact       { background-image: url("/images/icons/minus.gif"); }
	.cwIconDisplayDetailed      { background-image: url("/images/icons/plus.gif"); }
	.cwIconEdit                 { background-image: url("/images/icons/edit.gif"); }
	.cwIconEditDisabled         { background-image: url("/images/icons.disabled/edit.png"); }
	.cwIconEditPerson           { background-image: url("/images/icons/edit_person.gif"); }
	.cwIconEditSchedule         { background-image: url("/images/icons/edit_schedule.png"); }
	.cwIconEmail                { background-image: url("/images/icons/mail.gif"); }
	.cwIconExcel                { background-image: url("/images/icons/xls.gif"); }
	.cwIconExecute              { background-image: url("/images/icons/execute.png"); }
	.cwIconExport               { background-image: url("/images/icons/export.png"); }
	.cwIconFaceHappy            { background-image: url("/images/icons/face-happy.png"); }
	.cwIconFaceLittleHappy      { background-image: url("/images/icons/face-little-happy.png"); }
	.cwIconFaceLittleSad        { background-image: url("/images/icons/face-little-sad.png"); }
	.cwIconFaceNeutral          { background-image: url("/images/icons/face-neutral.png"); }
	.cwIconFaceSad              { background-image: url("/images/icons/face-sad.png"); }
	.cwIconFacebook             { background-image: url("/images/icons/facebook.png"); }	
	.cwIconFilter               { background-image: url("/images/icons/filter.png"); }	
	.cwIconFilterClear          { background-image: url("/images/icons/filter-clear.png"); }
	/* .cwIconFind                 { background-image: url("/images/icons/search.gif"); }	 */
	/* .cwIconFindDisabled         { background-image: url("/images/icons.disabled/search.gif"); }	 */
	.cwIconFindDisabled         { background-image: url("/images/icons/search-bw-disabled.png"); }	
	.cwIconFlag_uk              { background-image: url("/images/icons/flag-uk.png"); }	
	.cwIconFlag_fi              { background-image: url("/images/icons/flag-fi.png"); }	
	.cwIconFlag_es              { background-image: url("/images/icons/flag-es.png"); }	
	.cwIconFlag_se              { background-image: url("/images/icons/flag-se.png"); }	
	.cwIconFolder               { background-image: url("/images/icons/folder.gif"); }
	.cwIconGoto                 { background-image: url("/images/icons/goto.png"); }
	.cwIconGoogleMaps           { background-image: url("/images/icons/googlemaps.png"); }
	.cwIconGooglePlus           { background-image: url("/images/icons/googleplus.png"); }
	.cwIconGroupEmail           { background-image: url("/images/icons/groupmail.gif"); }
	.cwIconGuide                { background-image: url("/images/icons/guide.png"); }
	.cwIconHelp                 { background-image: url("/images/icons/help.color.png"); }
	.cwIconHome                 { background-image: url("/images/icons/home.gif"); }	
	.cwIconHomeDisabled         { background-image: url("/images/icons.disabled/home.gif"); }	
	.cwIconHitta                { background-image: url("/images/icons/hitta_punkt_se.gif"); }
	.cwIconIcal                 { background-image: url("/images/icons/vcs.gif"); }
	.cwIconInactiveItem         { background-image: url("/images/icons.disabled/cancel.png"); }	
	.cwIconImport               { background-image: url("/images/icons/goto.png"); }
	.cwIconInfo                 { background-image: url("/images/icons/info.png"); }
	.cwIconInvoice              { background-image: url("/images/icons/invoice.png"); }
	.cwIconKey                  { background-image: url("/images/icons/key.png"); }
	.cwIconKeyDisabled          { background-image: url("/images/icons/key.disabled.png"); }
	.cwIconKeySend              { background-image: url("/images/icons/key_send.png"); }
	.cwIconList                 { background-image: url("/images/icons/list.gif"); }
	.cwIconListDisabled         { background-image: url("/images/icons/list.disabled.png"); }
	.cwIconListGrouped          { background-image: url("/images/icons/list2.gif"); }
	.cwIconLoginDisabled        { background-image: url("/images/icons/login-disabled.png"); }
	.cwIconLogo                 { background-image: url("/images/icons/cogwork-logo.png"); }
	.cwIconMailingListArchive   { background-image: url("/images/icons/archive.png"); }
	.cwIconMaximize             { background-image: url("/images/icons/plus.gif"); }	
	.cwIconMsgDraft             { background-image: url("/images/icons/msg_draft.png"); }
	.cwIconMsgList              { background-image: url("/images/icons/message_log.png"); }
	.cwIconMinimize             { background-image: url("/images/icons/minus.gif"); }
	.cwIconMsi                  { background-image: url("/images/icons/msi.png"); }
	.cwIconNavigateBack         { background-image: url("/images/icons/navigate_back.png"); }
	.cwIconNew                  { background-image: url("/images/icons/new.gif"); }
	.cwIconNewDisabled          { background-image: url("/images/icons.disabled/new.gif"); }
	.cwIconNewFolder            { background-image: url("/images/icons/new_folder.gif"); }
	.cwIconNewFolderDisabled    { background-image: url("/images/icons.disabled/new_folder.gif"); }
	.cwIconNone                 { background-image: url("/images/icons/none.png"); }
	.cwIconOpenFolder           { background-image: url("/images/icons/open_file.gif"); }
	.cwIconParentFolder         { background-image: url("/images/icons/parent_catalog.gif"); }	
	.cwIconParentFolderDisabled { background-image: url("/images/icons.disabled/parent_catalog.gif"); }	
	.cwIconPayment              { background-image: url("/images/icons/payment.png"); }
	.cwIconPdf                  { background-image: url("/images/icons/pdf.gif"); }
	.cwIconPlainText            { background-image: url("/images/icons/plain_text.png"); }
	.cwIconPowerPoint           { background-image: url("/images/icons/powerpoint.png"); }
	.cwIconPrint                { background-image: url("/images/icons/print.gif"); }
	.cwIconReload               { background-image: url("/images/icons/reload.gif"); }
	.cwIconReset                { background-image: url("/images/icons/reset.png"); }
	.cwIconResume               { background-image: url("/images/icons/reset-red.png"); }
	.cwIconRssFeed              { background-image: url("/images/icons/rss_feed.png"); }
	.cwIconSecurity             { background-image: url("/images/icons/security.png"); }
	.cwIconShowPerson           { background-image: url("/images/icons/no_thumb.png"); }
	.cwIconShowPersonDisabled   { background-image: url("/images/icons/no_thumb.png"); }
	.cwIconSigned               { background-image: url("/images/icons/certificate.color.onlight.png"); }
	.cwIconStat                 { background-image: url("/images/icons/stat.gif"); }
	
	.cwIconStep0                { background-image: url("/images/digits/16px_black/0.gif"); }
	.cwIconStep1                { background-image: url("/images/digits/16px_black/1.gif"); }
	.cwIconStep2                { background-image: url("/images/digits/16px_black/2.gif"); }
	.cwIconStep3                { background-image: url("/images/digits/16px_black/3.gif"); }
	.cwIconStep4                { background-image: url("/images/digits/16px_black/4.gif"); }
	.cwIconStep5                { background-image: url("/images/digits/16px_black/5.gif"); }
	.cwIconStep6                { background-image: url("/images/digits/16px_black/6.gif"); }
	.cwIconStep7                { background-image: url("/images/digits/16px_black/7.gif"); }
	.cwIconStep8                { background-image: url("/images/digits/16px_black/8.gif"); }
	.cwIconStep9                { background-image: url("/images/digits/16px_black/9.gif"); }

	.cwIconStep0Active          { background-image: url("/images/digits/16px_red/0_16x16.gif"); }
	.cwIconStep1Active          { background-image: url("/images/digits/16px_red/1_16x16.gif"); }
	.cwIconStep2Active          { background-image: url("/images/digits/16px_red/2_16x16.gif"); }
	.cwIconStep3Active          { background-image: url("/images/digits/16px_red/3_16x16.gif"); }
	.cwIconStep4Active          { background-image: url("/images/digits/16px_red/4_16x16.gif"); }
	.cwIconStep5Active          { background-image: url("/images/digits/16px_red/5_16x16.gif"); }
	.cwIconStep6Active          { background-image: url("/images/digits/16px_red/6_16x16.gif"); }
	.cwIconStep7Active          { background-image: url("/images/digits/16px_red/7_16x16.gif"); }
	.cwIconStep8Active          { background-image: url("/images/digits/16px_red/8_16x16.gif"); }
	.cwIconStep9Active          { background-image: url("/images/digits/16px_red/9_16x16.gif"); }

	.cwIconSubtree              { background-image: url("/images/icons/subtree.gif"); }	
	.cwIconSwish                { background-image: url("/images/icons/swish.png"); }	
	.smallSuper                 { background-image: url("/images/icons/superman.png"); }
	.cwIconTelephone            { background-image: url("/images/icons/telephone.png"); }
	.cwIconTeam                 { background-image: url("/images/icons/preview.gif"); }
	.cwIconThrobber             { background-image: url("/images/icons/throbber.svg"); }
	.cwIconTrans                { background-image: url("/images/icons/coins.png"); }
	.cwIconTransDisabled        { background-image: url("/images/icons/coins.disabled.png"); }
	.cwIconTrash                { background-image: url("/images/icons/trash.png"); }
	.cwIconTrashAdd             { background-image: url("/images/icons/trash_add.png"); }
	.cwIconTrashDelete          { background-image: url("/images/icons/trash_delete.png"); }
	.cwIconTrashDisabled        { background-image: url("/images/icons/trash_disabled.png"); }
	.cwIconTrashRetake          { background-image: url("/images/icons/navigate_back.png"); }
	.cwIconTreeChildren         { background-image: url("/images/icons/subtree.gif"); }	
	.cwIconTreeChildrenDisabled { background-image: url("/images/icons/subtree_disabled.gif"); }		
	.cwIconTreeParents          { background-image: url("/images/icons/subtree-parents.gif"); }	
	.cwIconTreeParentsDisabled  { background-image: url("/images/icons/subtree-parents_disabled.gif"); }	
	.cwIconUnavailable          { background-image: url("/images/icons/unavailable.png"); }
	.cwIconUpplysning           { background-image: url("/images/icons/upplysning.gif"); }
	.cwIconUserAdd              { background-image: url("/images/icons/user_add.png"); }
	.cwIconVCard                { background-image: url("/images/icons/vcf.gif"); }
	.cwIconView                 { background-image: url("/images/icons/preview.gif"); }
	.cwIconVimeo                { background-image: url("/images/icons/vimeo.png"); }	
	.cwIconWarningMajor         { background-image: url("/images/icons/warning_major.gif"); }
	.cwIconWarningMinor         { background-image: url("/images/icons/warning_minor.gif"); }
	.cwIconWarningModerate      { background-image: url("/images/icons/warning.gif"); }
	.cwIconWarningNotice        { background-image: url("/images/icons/warning_notice.png"); }
	.cwIconWebmail              { background-image: url("/images/icons/webmail.png"); }
	.cwIconWikipedia            { background-image: url("/images/icons/wikipedia.png"); }
	.cwIconWord                 { background-image: url("/images/icons/doc.gif"); }
	.cwIconWordPress            { background-image: url("/images/icons/wordpress.png"); }
	.cwIconWriteMessage         { background-image: url("/images/icons/write_message.png"); }
	.cwIconXml                  { background-image: url("/images/icons/xml.png"); }

}

@media screen {

	/* Border colors ****************************************************************/
	.cwVisibleForm,
	.cwFormCenter,
	.cwControlAreaTop,
	.cwControlAreaBottom,
	.cwInputArea,
	.cwInfoArea,
	.cwDataArea,
	.cwListEventInfoArea,
	.cwListEventDataArea,
	.cwTerms,
	.cwArea HR {
		border-color : var(--cw-color-box-generic-border);
	}

	.cwArea TR.divider {
		display: none;
	}

	/* Background colors ************************************************************/

	.cwDataArea,
	.cwListEventDataArea,
	.cwVisibleForm {
		background-color : var(--cw-color-box-generic-bg-base-graded);

	}

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

	/* Other styling ****************************************************************/

	.cwFormCenter,
	.cwControlAreaTop,
	.cwControlAreaBottom,
	.cwInputArea,
	.cwInfoArea,
	.cwListEventInfoArea {
		border-width : 0;
		border-style : solid;
	}

	.cwControlAreaTop,
	.cwControlAreaBottom {
		padding: 0.30em 0.70em;
	}

	.cwControlAreaTop {
		border-bottom-width : 1px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.cwControlAreaBottom {
		border-style        : dotted;
		border-top-width : 1px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background-color : var(--cw-color-box-generic-bg-base);
	}

	.cwShopNavExtra,
	.cwSupplierInfo {
		line-height: 1.85em;

	}

	.cwSupplierInfo {
		font-style : italic;
		opacity : 0.67;
		font-size: 0.90em;
	}


	.cwArea P {
		margin-bottom       : 0;
		padding-top         : 0.25em;
		padding-bottom      : 0.25em;
	}

	.cwDataArea P,
	.cwListEventDataArea P {
		margin              : 0;
		padding             : 0.40em 0;
		line-height         : 1.25em;
	}

	.cwArea TH SPAN.infoLinks,
	.cwArea TH SPAN.infoLinks A {
		font-weight: normal;
	}

	.cwArea .infoLinks A {
		padding             : 0 0.75em;
	}

	.cwArea P.infoText {
		clear               : left;
		float               : left;
		padding             : 0;
		margin-top          : 0;
	}

	.cwArea .infoText A, .cwArea .infoLinks A {
		padding-top         : 0.25em; /* Matches padding for p */
		padding-bottom      : 0.25em;
	}

	.cwArea TH .infoLinks,
	.cwArea TD .infoLinks {
		line-height         : 1.8em; /* To match height of buttons in left side cell */
	}

	.cwArea .disclaimer {
		padding             : 0;
		margin              : 0;
	}

	TABLE.cwEvents TR.dataRow:hover,
	TABLE.cwEvents TR.dataRow:hover A {
		background-color: #E8E8E8;
		color: black;
	}

	TABLE.cwEvents .cwCollapsed,
	TABLE.cwEvents .cwExpanded {
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 18px;
	}

	TABLE.cwEvents .cwCollapsed:hover,
	TABLE.cwEvents .cwExpanded:hover {
		cursor: pointer;
		text-decoration : underline;
	}

	TABLE.cwEvents .cwNotDisplayed {
		display: none;
	}

	TABLE.cwEvents TD.title A:hover {
		text-decoration     : underline;
	}

	.cwInfoArea,
	.cwDataArea,
	.cwListEventDataArea,
	.cwInputArea {
		padding             : 1.25em;
	}

	.cwInputArea {
		vertical-align      : top;
		background-color    : #F4F4F4;
	}

	.cwArea TH {
		font-weight         : normal;
	}

	.cwDataArea {
		border-style        : dotted;
		border-width        : 0 0 0 1px;
	}

	.cwArea TD.left {
		width               : 16em;
	}

	.cwArea .terms {
		font-weight         : bold;
	}

	.cwArea .terms A {
		text-decoration     : underline;
	}

	.cwArea .field-explanation {
		font-family         : verdana, helvetica, arial, sans-serif;
		font-size           : 1.00em;
		margin              : 0.8em 0em 0.1em 0.2em;
		padding             : 0;
		font-style          : italic;
	}

	.cwArea IMG.cwThanks {
		float               : right;
		display             : none;
	}

	/* .cwArea INPUT, */
	/* .cwArea TEXTAREA, */
	.cwArea SELECT,
	.cwArea OPTION {
		font-family         : "Courier New", Courier, monospace;
		font-size           : 1.00em;
	}

	.cwNoAlert, .cwAlert {
		padding: 1px 5px;
		border-radius: 6px;
	}

	/* .cwAlert {
		color: #FF0;
		background-color: #A00;
	} */

	.cwInputArea .cwhc_SubmitButton,
	.cwButton,
	SPAN.cwButton,
	A.cwButton,
	A.cwButton:visited,
	.cwBody A.cwButton,
	.cwBody A.cwButton:visited {
		display: inline-block;
		box-sizing: border-box;
		font-family: helvetica, arial, sans-serif;
		color : #FFF;
		border: 0px solid #4c537f;
		border-radius: 4px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		padding: 7px 15px 9px 15px;
 		font-size: 15px;
 		background-color: #4c537f;
 		margin: 0.6em 0.4em 0.6em 0;
	}


	.cwLoginButton,
	SPAN.cwLoginButton,
	A.cwLoginButton,
	A.cwLoginButton:visited,
	.cwBody A.cwLoginButton,
	.cwBody A.cwLoginButton:visited {
		margin: 1.6em 0.4em 1.6em 0;
	}

	.cwAlert,
	SPAN.cwAlert,
	A.cwAlert,
	A.cwAlert:visited,
	.cwBody A.cwAlert,
	.cwBody A.cwAlert:visited {
		background-color: #A00;
		color: #FFF;
	}

	.cwInputArea .cwhc_SubmitButton:disabled,
	.cwButton:disabled,
	A.cwButton:disabled,
	.cwBody A.cwButton:disabled {
		opacity: 0.5;
	}
	
	.cwButton:hover,
	.cwInputArea .cwhc_SubmitButton:hover:enabled,
	.cwInputArea .cwhc_SubmitButton:active:enabled,
	.cwButton:hover:enabled,
	.cwButton:active:enabled,
	SPAN.cwButton:hover,
	A.cwButton:hover:enabled,
	A.cwButton:active:enabled,
	.cwBody A.cwButton:hover:enabled,
	.cwBody A.cwButton:active:enabled,
	.cwListFrame .cwButton:hover:enabled,
	.cwListFrame .cwButton:active:enabled {
		cursor: pointer;
		text-decoration: none;
		color : #FFF;
		background-color: #28720b;
		border: 0px solid #305420;
	}

	.cwControlAreaTop INPUT,
	.cwButton,
	.cwShopNavMain,
	.cwShopNav,
	.cwShopNavNext,
	.cwhc_SubmitButton {
		font-family : verdana, helvetica, arial, sans-serif;
		font-size   : 1.00em;
		padding     : 0.40em 1.20em;
	}

	.cwFormCenter .cwButton,
	.cwFormCenter .cwShopNavNext,
	.cwFormCenter .cwShopNavMain,
	.cwFormCenter .cwhc_SubmitButton {
		font-weight : bold;
		margin: 4px 8px 4px 0;
		min-width: 15em;
	}

	/* 
	.cwCheckoutControls SPAN.cwButton::before {
		content: '\A';
		white-space: pre;
	}
	*/

	#google_translate_element {
		float: right;
		padding: 2px 0 0 6px;
	}

	.cwArea .exitLinks UL {
		padding-top: 1.00em;
		padding-bottom: 1.00em;
	}

	.cwArea .exitLinks LI {
		padding-top: 1.00em;
		padding-bottom: 1.00em;
		font-weight: bold;
	}

	.cwShopNavSwitchLang,
	.cwShopNavExtra,
	.cwShopNavBack,
	.cwShopNavAbort,
	.cwShopNavCart {
		float: right;
	}	

	.cwShopNavSwitchLang {
		margin: 2px 0 0 7px;;
	}	

	TR.dataRow TH.status,
	TR.dataRow TD.status {
		text-align: right;
	}

	.cwTerms {
		max-height: 32em;
		overflow: auto;
	}

	.cwAddAttendance,
	.cwCancelAttendance {
		min-width: 10em;
		font-weight: bold;
		color : #000;
	}
	.cwAddAttendance {
		background-color: #6F6;
	}
	.cwCancelAttendance {	
		background-color: #FA6;
	}

	.cwDataMatrixWrapper {
		overflow: auto; /* Enable vertical and horizontal scrolling */
		position: relative; /* Set the position of the outer div to relative */
		max-height: 95vh; /* Set the desired height for the table container. Not much point in displaying a table higher than the maximum screen height. */
		border-collapse: collapse;
		margin: 0;
	}

	.cwSticky {
		position: sticky;
		top: 0;
		background-color: var(--cw-color-page-bg);
	}
}

.cwSendError {
	margin: 1em;
}

.cwSendErrorContent {
	box-sizing: border-box;
	max-width: 600px;
	margin: auto;
	width: 50%;
	border: 2px solid #2A4B6D;
	border-radius: 6px;
	padding: 1em 25px 2em 25px;
}

.cwParameterName {
	opacity: 0.6;
	text-align: right;
	padding-right: 0.5em;
}

.cwParameterValue {
	font-weight: bold;
	text-align: left;
}

@media print {

	.cwBody,
	.cwArea {
		background-color:white;
		font-family: helvetica, arial, sans-serif;
		font-size: 8.50pt;
	}

	.cwArea INPUT.cwShopNavMain,
	.cwArea INPUT.cwShopNavNext,
	.cwArea INPUT.cwhc_SubmitButton,
	.cwControlArea,
	.cwControlAreaTop,
	.cwControlAreaBottom,
	.cwArea TR.divider,
	.cwNoPrint,
	.cwNoPrint *,
	.onSmallScreenOnly,
	.infoLinks,
	.infoLinks *,
	.filterArea,
	.cwCopyTargetToClipboard,
	#google_translate_element {
		display: none;
	}

	.cwNoPrint,
	.cwNoPrint *,
	.cwHeaderItem,
	.cwHeaderItem * {
		display: none !important;
	}

	.cwVisibleForm {
		border-style: none;
	}

	#body_centre {
		padding-left:4%;
		padding-right:4%;
	}
	.cwArea H1 { font-size:1.67em; padding-top:0.50em; padding-bottom:0.75em;}
	.cwArea H2 { font-size:1.33em; }
	.cwArea H3 { font-size:1em; }
	.cwArea H4, .cwArea H4 A { font-size:1em; font-weight:normal; text-decoration:underline;}

	.cwArea H1, .cwArea H2, .cwArea H3, .cwArea H4 {
		font-family: helvetica, arial, sans-serif;
		margin:0em;
		padding-top:1.25em;
		padding-bottom:0.25em;
		text-align:left;
	}
	.cwArea P {
		margin:0em;
		padding-top:0.25em;
		padding-bottom:0.25em;
	}
	.cwArea .leading {
		color: #454D66;
		font-weight:bold;
		text-transform: uppercase;
	}
	.cwArea A { color: #000000; text-decoration:none; }

	.hidden,
	.cwSideContent,
	.kinNav,
	.resourcelinks,
	.searchBar {
		position:absolute;
		width:0;
		height:0;
		visibility:hidden;
	}

	.cwArea .box {
		border: 1pt solid gray;
		background-color: white;
	}
	.cwArea TABLE {
		border-width:    0;
		border-style:    solid;
		border-collapse: collapse;
	}
	.cwArea TD,
	.cwArea TH {
		padding: 0.2em 0.4em 0.2em 0.4em;
	}

	.cwArea .dynamicTable { border-width: 1pt; }

	.cwColumnNarrow {
		border-color : var(--cw-color-box-generic-border);
		border-style: solid;
		border-width: 1pt;
		padding: 6pt;
		border-radius: 6pt;
	}

	.cwColumnWide {
		padding-right: 9pt;
	}
}

@media all {
	.smallScreenEventSubTitle {
		font-weight: normal;
	}

	.cwEvents .regIcon {
		margin: 0;
		display: inline-block;
		width: 14px;
		height: 14px;
		text-align: center;
		padding: 0;
		overflow: hidden;
		border-width: 1px;
		border-style: solid;

		line-height: 14px;
		font-family: helvetica, arial, sans-serif;
		font-size: 16px;
		font-weight: bold;

		background-color : #888;
		border-color : #666;
		color : white;
	}

	.cwEvents .regIconText {
		position: relative;
		top: -1px;
	}
}

/* Adaptation of the standard search filter to fit the nutral gray shop layout */
@media all {

	.shopSearchForm {
		color: #000;
		background-color: #F4F4F4;
		border-width: 1px;
		border-style: solid;
		border-color: #DBD7D7;
		border-radius: 6px;
	}

	.shopSearchFormBasic {
		background-color: #F4F4F4;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		padding: 0.50em;
	}

	.shopSearchFormAdvanced {
		background-color: #F8F8F8;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-top-width: 1px;
		border-top-style: solid;
		border-color: #DBD7D7;
		padding: 0.25em;
	}

	DIV.filterOptionFramed:hover {
		border-color: #DBD7D7;
		background-color: #F4F4F4;
		color: #000;
	}

	.cwWebsiteLogo {
		display: block;
		float: left;
		margin-right: 1.00em;
		margin-left: 4px;
		padding-left: 32px;
		padding-top: 7px;
		background-image: url("/images/cogwork-icon-512x512.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px 30px;
		text-decoration: none;

		line-height: 24px;

		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		font-size: 130%;

		color: var(--cw-color-softened1);
	}

	.cwFormFieldContainer {
		clear: left;
		margin: 0 1.00em 1.00em 0;
	}

	.cwFormFieldContainer.cwResponsive {
		margin-bottom: 0.25em;
	}

	.cwResponsive .cwFormFieldName {
		min-width: 10.00em;
		float: left;
	}

	.cwFormFieldContent { 
		min-width: 10.00em;
	}

	.cwFormFieldBasic { 
		min-width: 16.00em;
	}

	.cwFormSubHeading {
		clear: left;
	}

	.cwFormFieldName {
		padding-top: 0.25em;
	}

	.cwNarrowContentBlock {
		box-sizing: border-box;
		border: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 508px;
	}
	
	.cwInputField {
		box-sizing: border-box;
		margin: 0;
		width: 100%;
		max-width: 475px;
		line-height: 1.5rem;
	}
	
	.cwNarrowContentBlock .cwInputField {
		box-sizing: border-box;
		margin: 0;
		width: 100%;
	}

	.cwFormFieldDescription {
		font-size: 85%;
		color: var(--cw-color-softened1);
	}
		
	.cwRadioButton INPUT {
		display: none;
	}
	
	.cwRadioButton INPUT + SPAN {
		
		display: inline-block;
		
		height: 20px;
	
		width: 100%;
		min-width: 24px;
		
		margin: 0 2px;
		padding: 0.25em 0;
		
		border: 1px solid #DDD;
		border-radius: 6px;
			
		background-color: var(--cw-color-box-generic-bg-base);
		
		text-align: center;
		vertical-align:middle;
		
		cursor:pointer;	
	
		font-family: helvetica, arial, sans-serif;
		
		background-position: center center;	
		background-repeat: no-repeat;	
	}
	
	.cwRadioButton INPUT + SPAN.cwYes,
	.cwRadioButton INPUT + SPAN.cwNo {
		background-position: center center;	
		background-repeat: no-repeat;
		background-size: 16px 16px;
	}
	
	.cwRadioButton INPUT + SPAN.cwYes {
		background-image: url("/images/icons/attending-yes-grey.png");
	}
	
	.cwRadioButton INPUT + SPAN.cwNo {
		background-image: url("/images/icons/attending-no-grey.png");
	}
	
	.cwRadioButton INPUT:checked + SPAN {
		color: #444;
		background-color: #DDD;
		border-color: #CCC;
	}
	
	.cwRadioButton INPUT:checked + SPAN.cwNo {
		color: #600;
		background-color: #F55;
		border-color: #F00;
		background-image: url("/images/icons/attending-no.png");
	}
	
	.cwRadioButton INPUT:checked + SPAN.cwYes {
		color: #070;
		background-color: #5F5;
		border-color: #0F0;	
		background-image: url("/images/icons/attending-yes.png");
	}
	
	.cwRadioButton INPUT + SPAN.cwUnknown {	
		padding: 4px 0 0 0;
	}
	
	.cwWizardStepper {
		float: left;
		margin: 0 1.1rem 1rem 0.2rem;
	}
}

/* Start Catalogue ************************************************************/

.cwCatalogue {
	margin: 1.5em;
}
.cwCatalogueEventGroup1Name {
	padding: 8px 0;
	border: 0 solid #000;	
	border-top-width: 3px;	
	margin: 0 0 2.0em 0;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 140%;
	clear: both;
}

.cwCatalogueEvent {
	clear: both;
}

.cwCatalogueEventName {
	padding: 8px 0;
	border: 0 solid #000;	
	border-top-width: 3px;
	margin: 0 0 1em 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 120%;	
}

.cwFieldName {
	min-width: 8em;
}


/* Start Invoice ************************************************************/

@media all {

	.cwInvoiceBody {
		margin-top: 0;
		padding-top: 0;
	}

	DIV.cwInvoiceContainer {
		background-color: transparent;
		color: var(--cw-color-page-text);
		text-decoration:none;
		font-family: helvetica, arial, sans-serif;
		font-size: 10pt;
	}
	DIV.cwInvoiceContainer TABLE {
		border-collapse: collapse;
	}
	DIV.cwInvoiceContainer TABLE.cwDataMatrix TH,
	DIV.cwInvoiceContainer TABLE.cwDataMatrix TD {
		padding: 0.25em 1em 0.25em 0;
	}
	DIV.cwInvoiceContainer TABLE.cwDataMatrix TH {
		text-align: left;
	}


	DIV.cwInvoice,
	DIV.cwAttachedInfo {
		position: relative;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 9mm;
	}

	.cwInvoice A {
		color: var(--cw-color-page-text);
		text-decoration:none;
	}

	.cwInvoice,
	.cwInvoice p {
		margin: 0;
		padding: 0;
		background-color: transparent;
		color: var(--cw-color-page-text);
		font-family: helvetica, arial, sans-serif;
		font-size: 10pt;
	}

	.cwInvoice TABLE {
		border-collapse: collapse;
	}

	.cwVendorData {
		width: 75mm;
		/* min-height: 50mm; */
		position: relative;
		top: 0;
		left: 3mm;
	}

	.cwVendorLogo {
		/* 280px=75mm, 56px=15mm */
		max-width: 75mm;
		max-height: 20mm;
	}

	.cwInvoiceContainer H2,
	.cwInvoice .cwVendorName {
		font-size: 13pt;
		font-weight:bold;
	}

	.cwVendorInfo {
		margin-top: 5mm;
	}
/* 
	.cwInvoice .cwInvoiceTitle {
		position: absolute;
		top: 5mm;
		font-size: 13pt;
		font-weight: bold;
		text-transform: uppercase;
	} */

	.cwInvoice .cwInvoiceTitleContainer {
		position: absolute;
		top: 0;
	}

	.cwInvoice .cwInvoiceTitle {
		margin-top: 0;
		padding-top: 0;
		font-size: 13pt;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	/* .cwInvoice .cwCustomerEmail {
		margin-top: 2mm;
	} */

	.cwInvoice .cwCustomerData {
		position: absolute;
		top: 30mm;
		width: 78mm;
	}

	.cwInvoice .cwInvoiceTitleContainer,
	.cwInvoice .cwCustomerData {
		left: 93mm;
	}

	.cwInvoice .cwCustomerDataLabel {
		margin: 0;
		padding: 0;
		padding-top: 1mm;
	}

	.cwInvoice p.cwCustomerDataValue {
		padding: 0;
	}

	.cwInvoice .cwCustomerName {
		font-weight:bold;
	}

	.cwInvoice DIV.cwInvoiceBasicInfo {
		padding: 3mm;
		margin: 22mm 0 0 0;
	}

	.cwInvoice DIV.cwInvoiceBasicInfo TABLE {
		float: left;
		margin-right: 12mm;
		margin: 0;
	}

	.cwInvoice DIV.cwInvoiceBasicInfo TD.infoLabel {
		text-align: right;
		padding-right: 2mm;
		min-width: 6.5em;
	}

	.cwInvoice DIV.cwInvoiceBasicInfo TD.infoValue {
		min-width: 7.5em;
	}

	.cwInvoice TABLE.invoiceEntries {
		margin: 5mm 0 5mm 0;
		width: 100%;
	}

	.cwInvoice TABLE.invoiceEntries TH {
		border: none;
		border-bottom: 1pt solid var(--cw-color-borders);
	}

	.cwInvoice TABLE.invoiceEntries TH,
	.cwInvoice TABLE.invoiceEntries TD {
		padding: 2mm 3mm 2mm 3mm;
		vertical-align: top;
	}

	.cwInvoice TABLE.invoiceEntries TD.numUnits {
		padding-right: 4mm;
	}

	.cwInvoice TABLE.invoiceEntries TH,
	.cwInvoice TD.cwPostLabel,
	.cwInvoice .cwInvoiceBasicInfo TD.infoLabel,
	.cwInvoice .cwCustomerDataLabel {
		/* font-weight: normal; */
		font-style: italic;
		background-color: transparent;
		color: var(--cw-color-softened2);
	}

	.cwInvoice .unitDescription {
		text-align: left;
	}

	.cwInvoice .unitPrice,
	.cwInvoice .totalAmount,
	.cwInvoice .numUnits,
	.cwInvoice .cwPostLabel,
	.cwInvoice .cwPostValue {
		text-align: right;
	}

	.cwInvoice TD.numUnits,
	.cwInvoice TD.unitPrice,
	.cwInvoice TD.totalAmount,
	.cwInvoice TD.cwPostValue {
		white-space: nowrap;
	}

	.cwInvoice TR.invoiceEntryRow TD,
	.cwInvoice TD.cwPostValue {
		font-family: "Courier New", Courier, monospace;
		font-size: 9pt;
	}

	.cwInvoice TR.extraBottomRow TD {
		border-bottom: 1pt solid var(--cw-color-borders);
	}

	.cwInvoice TR.extraTopRow TD,
	.cwInvoice TR.extraBottomRow TD {
		padding-top: 0;
		padding-bottom: 0;
	}

	.cwInvoice .cwSumTotalLabel,
	.cwInvoice .cwSumTotalValue,
	.cwInvoice .cwTotalToPay {
		border-top: 1pt solid var(--cw-color-borders);
		text-transform: uppercase;
		font-weight: bold;
	}

	.cwInvoice .cwAdditionalTextLabel {
		color: var(--cw-color-softened2);
		font-style: italic;
		padding: 3mm 3mm 2mm 3mm;
		margin: 3mm 0 3mm 0;
		border-bottom: 1pt solid var(--cw-color-borders);
	}
	
	.cwInvoice DIV.cwAdditionalText {
		white-space: pre-wrap;
		padding: 3mm;
		margin: 3mm 0 3mm 0;
	}

	.cwNoLinkSmallIconLeft,
	.cwLinkSmallIconLeft {
		padding: 0.25em;
		padding-left: 21px;
		margin-right: 1.50em;
		text-decoration:none;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.cwLinkSmallIconLeft:hover {
		text-decoration:underline;
	}

	.cwIconCardPayment          { background-image: url("/images/icons/card_payment.png"); }
	.cwIconPrint                { background-image: url("/images/icons/print.gif"); }

	.cwInvoiceControls {
		margin: 0;
		padding: 6pt 12pt;
		width: 100%;
		font-family: helvetica, arial, sans-serif;
		font-size: 10pt;

		color: var(--cw-color-softened1);
		background-color: var(--cw-color-bg-notable);
		border-bottom: 1px solid var(--cw-color-box-generic-border);
	}
}

@media screen {

	.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.cwAttachedInfo {
		margin-top: 30mm;
	}
	DIV.cwA4Preview DIV.cwAttachedInfo {
		margin-top: 0;
	}

}

@media print {

	.cwInvoiceControls {
		display: none;
	}

	DIV.cwAttachedInfo {
		page-break-before:always;
		margin-top: 0;
	}
}

/* Start filter controls ************************************************************/

@media all {

	.cwPrimaryFilterOptions {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.cwFilterOptionContainer {
		display: flex;
		align-items: center;
		flex-wrap: wrap;

		margin: 0.10em 0.80em 0.10em 0;
		padding: 0.10em 0.25em;
	}

	.cwFilterOptionFields {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.cwFilterOptionName {
		display: flex;
		padding-right: 0.25em;
	}

	IMG.cwListControlIcon {
		position: relative;
		margin: 0px 3px 0 0;
		width: 22px;
		height: 22px;
	}
	
	.cwListNumRows {
		padding-left: 0.50em;
	}

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

	TABLE.filterOption TD {
		height: 2.50em;
	}

	TD.filterOptionName {
		text-align: right;
		/* min-width: 7.00em; */
		padding-right: 0;
	}

	TD.filterOptionField {
		white-space: nowrap;

		padding-top: 0;
		padding-bottom: 0;

		height: 2.10em;
	}

	TR.filterOptionHeaderRow TD {
		padding: 0.10em 0.10em 0 0.35em;
	}

	TR.filterOptionInputCells TD {
		padding: 0 0.10em 0.10em 0.10em;
	}

	DIV.filterOptionFramed {
		float   : left;
		min-height: 3.40em;
		margin  : 0.40em 0.80em 0.40em 0;
		margin  : 0.10em 0.80em 0.10em 0;
		padding: 0.20em 0.40em;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius     : 4px;
	}

	DIV.filterOptionFramed P.filterOptionName {
		margin: 0 0 0 0.30em;
		padding: 0;
	}

	TABLE.filterOptionVertical TD {
		padding: 0;
	}

	DIV.cwFilterHeader TD.filterOptionName {
		text-align: right;
		/* min-width: 2.00em; */
	}

	DIV.cwFilterContent H3 {
		margin-left: 0.50em;
	}


	DIV.filterTabs {
		padding: 0;
		margin: 0;
		position: relative;
		top: 1px;
	}

	DIV.filterTabs A {
		display: inline-block;
		padding: 0.40em 0.75em;
		margin: 0;
	}

	DIV.filterTabs A.filterTab {

		border: 1px solid #A0D090;

		border-top-right-radius: 16px;
		border-top-left-radius: 2px;

		padding: 0.40em 1.00em 0.40em 0.75em;
		margin-right: 0.50em;

		font-weight: bold;
	}

	DIV.filterTabs A.resetLink {
		padding: 0.50em 0.50em 0 0.75em;
		float: right;
		font-style: italic;
	}

	DIV.cwFilterHeader {
		padding: 0.10em 0.25em;
		min-height: 2.75em;
		border-top-right-radius: 5px;
	}

	DIV.cwFilterHeader H3 {
		float: left;
		margin: 0.25em 1.00em 0 0.25em;
		padding: 0.25em;
	}

	DIV.cwFilterContent {
		padding: 0.50em;
		border-top: 1px solid #CAE6BF;
	}

	/* filterArea should the same as the older (to be deprecated) searchForm */
	.filterArea {
		border-width: 1px;
		border-style: solid;
		padding: 0.25em 0.75em 0.25em 1.00em;
		padding: 0;
		margin-bottom: 1.00em;
		margin-top: 0;

		border-radius: 6px;
		border-top-left-radius: 0;
	}

	.cwListControlsInfoDetailed {
		margin: 0;
		padding: 0.50em 0.75em 0.50em 0;
	}

	DIV.filterOptionInfo {
		float: left;
		margin-right: 1.00em;
	}

	.cwListControlsTogglable {
		background-color: var(--cw-color-table-info-bg-options);
		margin: 0;
		padding: 0.50em 0.75em;
		border-bottom: 1px solid var(--cw-color-list-border);
		overflow: auto;
	}
/*
	.cwListAreaHeading {
		text-transform: uppercase;
		margin: o.25em 0 1.0em 0;
	}
*/
	DIV.cwListFrame .cwListControlsInfoDetailed {
		margin: 0;
		padding: 8px 0 0 0;
	}

	.filterInfoForPrint {
		margin: 0.75em 0 1.25em 0;
	}

	.cbox { float: left; min-width: 16.5em; }

	DIV.searchResultNavigation {
		float: left;
		margin-bottom: 2px;
		min-height: 22px;
	}
	
	.searchResultNavigationEnabled,
	.searchResultNavigationDisabled,
	.searchResultNavigationCurrent {
		display: inline-box;
		border: 1px solid var(--cw-color-list-border);
		border-radius: 3px;
		padding: 2px 6px;
		color: black;
		background-color: var(--cw-color-table-info-bg-options);
		font-weight: bold;
		margin-right: 2px;
	}
	
	.cwListNav {
		float: left;
		margin-right: 1.25em;
	}
	
	.searchResultNavigationDisabled {
		color: #AAA;
	}
	.searchResultNavigationCurrent {
		background-color: var(--cw-color-list-heading-rows-bg);
		color: #FFF;
	}

	.cwListContainer {
		position: relative;
		margin-top: 1em;
	}


	DIV.cwListContainer TABLE.dynamicTable TR:first-child TH:first-child,
	DIV.cwListContainer TABLE.dynamicTable TR:first-child TD:first-child,
	DIV.cwListContainer TABLE.dynamicTable TR:first-child TH:last-child,
	DIV.cwListContainer TABLE.dynamicTable TR:first-child TD:last-child {
		border-radius: 0;
	}
	
	DIV.cwListContainer TABLE.dynamicTable {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	DIV.cwListContainer TABLE.dynamicTable TR:last-child TD:last-child {
		border-bottom-right-radius: 5px;
	}	

	DIV.cwListContainer TABLE.dynamicTable TR:last-child TD:first-child {
		border-bottom-left-radius: 5px;
	}

	TR.cwBottomColumnSums TH:first-child { border-bottom-left-radius: 5px; }
	TR.cwBottomColumnSums TH:last-child  { border-bottom-right-radius: 5px; }
	
	DIV.cwListTopActionSelector {

		color: black;
		background-color: var(--cw-color-list-controls-bg);
		
		padding: 0 4px 0 3px;

		border: 1px solid var(--cw-color-list-border);
		border-bottom: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	DIV.cwListFrame {
		background-color: var(--cw-color-table-row-bg-odd);
		border: 1px solid var(--cw-color-list-border);
		border-radius: 6px;
		width: 100%;
	}

	DIV.cwListFrame TABLE.dynamicTable {
		margin: 0;
		padding: 0;
		border: 0 solid var(--cw-color-list-border);
		border-radius: 0;
	}

	TABLE.cwHasPriorContentAbove,
	TABLE.cwHasPriorContentAbove TR:first-child TH:first-child,
	TABLE.cwHasPriorContentAbove TR:first-child TD:first-child,
	TABLE.cwHasPriorContentAbove TR:first-child TH:last-child,
	TABLE.cwHasPriorContentAbove TR:first-child TD:last-child {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	TR.cwBottomColumnSums TH:first-child { border-bottom-left-radius : 5px; }
	TR.cwBottomColumnSums TH:last-child  { border-bottom-right-radius: 5px; }

	DIV.cwListFrame TABLE.dynamicTable TR TH,
	DIV.cwListFrame TABLE.dynamicTable TR TD {
		border-radius: 0;
	}
	
	TABLE.cwFirstInFrame TR:first-child TH:first-child { border-top-left-radius    : 5px; }
	TABLE.cwFirstInFrame TR:first-child TH:last-child  { border-top-right-radius   : 5px; }
	TABLE.cwLastInFrame  TR:last-child  TH:first-child { border-bottom-left-radius : 5px; }
	TABLE.cwLastInFrame  TR:last-child  TH:last-child  { border-bottom-right-radius: 5px; }

	DIV.cwListControlAreas {
		padding: 0;
		margin: 0;
	}
	
	DIV.cwListControlsTop,
	DIV.cwListControlsBottom {
		border: 0 solid var(--cw-color-list-border);
		padding: 4px 6px 2px 6px;
		background-color: var(--cw-color-list-controls-bg);
	}

	DIV.cwListControlsTop {
		border-bottom-width: 1px;
	}

	DIV.cwListControlsBottom {
		border-top-width: 1px;
	}

	DIV.cwListFrame TABLE.dynamicTable,
	DIV.cwListFrame DIV.cwListTopActionSelector {
		border-width: 0;
		margin: 0;
		padding: 0;
	}
	
	DIV.cwListFrame DIV.cwListTopActionSelector {
		border-radius: 0;
		border-bottom-width: 1px;
	}

	/* Colors ***********************************************************/

	.filterArea {
		color: black;
	}

	.filterArea,
	.filterArea HR {
		border-color: #A0D090;
	}

	.filterOptionFramed:hover {
		border-color: #D2EBC7;
	}
	DIV.filterArea {
		background-color: #F0FFE8;
	}
	DIV.filterTabs A.filterTab {
		background-color: #B3E69F;
	}
	DIV.filterTabs A {
		color: #2C5021;
	}
	DIV.filterTabs A.filterTabSelected {
		border-bottom-color: #E0FFD4;
	}
	DIV.cwFilterHeader,
	.filterArea HR,
	DIV.filterOptionFramed:hover,
	DIV.filterTabs A.filterTabSelected {
		background-color: #E0FFD4;
	}
	.cwDataInputForm DIV.filterOptionFramed:hover {
		border-color: #F3F3A4;
		background-color: #F9F9BB;
	}	
	
	DIV.cwListFrame DIV.filterOptionFramed:hover {
		background-color: var(--cw-color-list-controls-bg);;
		border-color: var(--cw-color-list-border);
	}
	
	DIV.cwFilterHeader {
		background: -moz-linear-gradient(top, #E0FFD4 0%,#E9FFE0 43%,#E9FFE0 57%,#E0FFD4 100%);
		background: -webkit-linear-gradient(top, #E0FFD4 0%,#E9FFE0 43%,#E9FFE0 57%,#E0FFD4 100%);
		background: -o-linear-gradient(top, #E0FFD4 0%,#E9FFE0 43%,#E9FFE0 57%,#E0FFD4 100%);
		background: -ms-linear-gradient(top, #E0FFD4 0%,#E9FFE0 43%,#E9FFE0 57%,#E0FFD4 100%);
		background: linear-gradient(to bottom, #E0FFD4 0%,#E9FFE0 43%,#E9FFE0 57%,#E0FFD4 100%)
	}
	
	.cwSelectDayOfWeekSingleDayContainer {
		white-space: nowrap;
		margin-right: 0.40em;
	}
	
	.cwListFilterInfoForPrint  {
		display: none;
	}

	/* The Modal (background) */
	.cwModalContainer {
		display: none; /* Hidden by default */
		position: fixed; /* Any scrolling (if needed) must be done within the contained content box*/
		z-index: 999; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		padding: 42px 1.2em 12px 2.2em;
		box-sizing: border-box;
		max-height: 100vh;
	}

	/* Modal Content */
	.cwModalContent {
		background-color: var(--cw-color-box-generic-bg-base);
		box-sizing: border-box;
		margin: auto;
		overflow: auto; /* Enable scroll if needed */
		padding: 0 2em 1em 2em;
		border: 1px solid #888;
		border-radius: 6px;
		width: 100%;
		max-height: 100%;
	}

	.cwModalMaximized > .cwModalContent{
		padding: 0;
		height: 100%;
	}

	.cwModalIframe {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		height: 99%; /* Setting the height to 100% introduces vertical scrollbars */
		width: 100%;
	}

	.cwModalContent H2 {
		margin-right: 1.2em; /* Avoid overlapping with close button */
	}

	.cwModalContent TEXTAREA {
		max-width: 100%;
		min-width: 200px;
	}

	/* The Close Button */
	.cwModalCloseButton {
		top: 24px;
		right: 12px;
		padding: 16px;
		position: fixed;
		color: var(--cw-color-softened1);
		font-size: 48px;
		font-weight: bold;
	}

	.cwModalCloseButton:hover,
	.cwModalCloseButton:focus {
		color: var(--cw-color-red);
		text-decoration: none;
		cursor: pointer;
	}
	
	DIV.cwClearer { clear: both; }
}

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

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

	.onMediumScreenPlus {
		display : none !important;
	}

	.cwVisibleForm {
		border-width: 0;
	}

	.cwVisibleForm,
	.cwControlAreaTop,
	.cwControlAreaBottom {
		border-radius: 0;
	}

	.cwFormCenter,
	.cwColumnWide,
	.cwColumnNarrow,
	.cwEventDetails {
		display: block;
		width: auto;
	}

	.cwDataArea {
		border-width: 1px 0 0 0;
	}
}


@media only screen and (min-width: 800px) {
	.onSmallScreenOnly {
		display : none !important;
	}
}

@media print {
	
	.cwListNumRows {
		padding: 0.50em 0;
	}

	DIV.cwListControlAreas,
	DIV.cwListControls,
	.cwListControlsTop,
	.cwListTopActionSelector,
	.searchResultNavigationEnabled,
	.searchResultNavigationDisabled,
	.searchResultNavigationCurrent,
	.cwNoPrint,
	.cwNoPrint *,
	.cwPageFooter,
	.cwListControlsTogglable,
	.cwInvoiceAdminTools {
		display: none !important;
	}

	DIV.cwListFrame {
		background-color: #FFF;
		border-width: 0;
		border-radius: 0;
	}
	
	.cwListFrame TABLE.dynamicTable TH {
		border-width: 0;
		border-bottom: 1pt solid black;
	}
	
	.cwListFrame TABLE.dynamicTable TD {
		border: 1pt solid #CCC;
		border-width: 0 0 1pt 0;
	}
	
	.cwListFilterInfoForPrint  {
		display: block;
		padding: 0.50em 0;
	}

	.cwPrintHeader {
		/* color: var(--cw-color-softened1); */
		color: gray;
	}

	.cwPageBannerTextOnPrint {
		border-bottom: 1px solid gray;
		margin: 0 0 0.25em 0;
	}
}

@media screen {
		
	/* Common style for clicked elements */
	.cwClicked {
		opacity: 0.5;
		cursor: not-allowed;
		pointer-events: none;
		background-image: url("/images/icons/throbber.svg");
		background-position: left center;
		background-repeat: no-repeat;
		text-decoration:none;
		background-size: 16px 16px;
	}
/* 
	a.cwClicked {
		color: grey;
		text-decoration: line-through;
	}

	button.cwClicked {
		background-color: #ddd;
		color: #888;
	}
	 */
}