:root,
.is-light-theme {
	--e-red:#ff0000;
	--e-green:#00c000;
	--e-blue:#000080;
	
	/* Highlight paragraphs */
	--e-hilite-bg:#e0e0ff;
	--e-hilite-fg:#000000;
	--e-hilite-bd:#000080;
	--e-hilite-ok-bg:#e0ffe0;
	--e-hilite-ok-bd:#008000;
	--e-hilite-ok-icon:#00c000;
	--e-hilite-note-bg:#ffffe0;
	--e-hilite-note-bd:#808000;
	--e-hilite-note-icon:#c0c000;
	--e-hilite-warn-bg:#ffe0e0;
	--e-hilite-warn-bd:#800000;
	--e-hilite-warn-icon:#c00000;
	/* Buttons */
	--e-btn-bg:#e0e0ff;
	--e-btn-fg:#404040;
	--e-btn-bd:#404040;
	--e-btn-bgh:#c0c0ff;
	--e-btn-bdh:#202020;
	--e-btn-tick:var(--e-green);
	--e-btn-cross:var(--e-red);
	--e-btn-arrow:var(--e-blue);
	--e-iconbtn-bg:var(--e-btn-bg);
	--e-iconbtn-fg:var(--e-btn-fg);
	--e-iconbtn-bd:var(--e-btn-bg);
	--e-iconbtn-bgh:var(--e-btn-bgh);
	--e-iconbtn-bdh:var(--e-btn-bdh);
	/* Floaty tips */
	--e-tip-bg:#ffffff;
	--e-tip-fg:#000000;
	--e-tip-bd:#0000ff;
	
	--e-heading-fg:#004080;
	--e-heading-bg:#f0f0ff;
	
	--e-lpTile-bg:#e8e8e8;
	/* Tab layout */
	--e-tab-bg:#ffffff;
	--e-tab-bd:#404040;
	--e-tabTab-bg:#f0f0f0;
	--e-tabTab-fg:#606060;
	--e-tabTab-bd:#c0c0c0;
	--e-tabTabCur-bg:var(--e-tab-bg);
	--e-tabTabCur-fg:#000000;
	--e-tabTabCur-bd:var(--e-tab-bd);
	/* filters */
	--e-filter-bg:#e8e8e8;
	--e-filter-bd:#000000;
	--e-filterCapt-fg:#004080;
	--e-filterInpCapt-fg:#002040;
	--e-filterInp-fg:#000000;
	--e-filterInp-bd:#000080;
	/* list heading */
	--e-listHead-bg:#e8e8e8;
	--e-listHead-bd:#000000;
	--e-listHead-bd:#000000;
	--e-listHeadOrder-bg:#d8d8d8;
	--e-listHeadOrderAct-bg:#8080ff;
	/* list item */
	--e-listItem-bgo:#f0f0f0;
	--e-listItem-bge:#f8f8f8;
	--e-listItem-bgh:#f0f0ff;
	--e-listItem-bdh:#000000;
	--e-listItem-fg:#000000;
	/* List nav */
	--e-listNav-bg:var(--e-btn-bg);
	--e-listNav-fg:var(--e-btn-fg);
	--e-listNav-bd:var(--e-btn-bg);
	--e-listNav-bgh:var(--e-btn-bgh);
	--e-listNav-bdh:var(--e-btn-bdh);
	--e-listNavAct-bg:#a0a0ff;
	--e-listNavAct-fg:#ffffff;
	--e-listNavAct-bd:#a0a0ff;
	/* List actions */
	--e-action-bg:var(--e-filter-bg);
	/* List editing panels */
	--e-listInpCapt-fg:#002040;
	--e-listInp-bg:#ffffff;
	--e-listInp-fg:#404040;
	--e-listInp-bd:#404080;
	--e-listInp-bgd:#e8e8ff;

}

.is-dark-theme {
	--e-red:#ff0000;
	--e-green:#00c000;
	--e-blue:#000080;
	
	/* Highlight paragraphs */
	--e-hilite-bg:#e0e0ff;
	--e-hilite-fg:#000000;
	--e-hilite-bd:#000080;
	--e-hilite-ok-bg:#e0ffe0;
	--e-hilite-ok-bd:#008000;
	--e-hilite-ok-icon:#00c000;
	--e-hilite-note-bg:#ffffe0;
	--e-hilite-note-bd:#808000;
	--e-hilite-note-icon:#c0c000;
	--e-hilite-warn-bg:#ffe0e0;
	--e-hilite-warn-bd:#800000;
	--e-hilite-warn-icon:#c00000;
	/* Buttons */
	--e-btn-bg:#101040;
	--e-btn-fg:#c0c0c0;
	--e-btn-bd:#c0c0c0;
	--e-btn-bgh:#080840;
	--e-btn-bdh:#e0e0e0;
	--e-btn-tick:var(--e-green);
	--e-btn-cross:var(--e-red);
	--e-btn-aroRight:var(--e-blue);
	--e-iconbtn-bg:var(--e-btn-bg);
	--e-iconbtn-fg:var(--e-btn-fg);
	--e-iconbtn-bd:var(--e-btn-bg);
	--e-iconbtn-bgh:var(--e-btn-bgh);
	--e-iconbtn-bdh:var(--e-btn-bdh);
	/* Floaty tips */
	--e-tip-bg:#ffffff;
	--e-tip-fg:#000000;
	--e-tip-bd:#0000ff;
	
	--e-heading-fg:#004080;
	
	--e-lpTile-bg:#e8e8e8;
	/* Tab layout */
	--e-tab-bg:#000000;
	--e-tab-bd:#c0c0c0;
	--e-tabTab-bg:#101010;
	--e-tabTab-fg:#a0a0a0;
	--e-tabTab-bd:#404040;
	--e-tabTabCur-bg:var(--e-tab-bg);
	--e-tabTabCur-fg:#ffffff;
	--e-tabTabCur-bd:var(--e-tab-bd);
	/* filters */
	--e-filter-bg:#181818;
	--e-filter-bd:#ffffff;
	--e-filterCapt-fg:#80c0ff;
	--e-filterInpCapt-fg:#80c0ff;
	--e-filterInp-fg:#ffffff;
	--e-filterInp-bd:#000080;
	/* list heading */
	--e-listHead-bg:#181818;
	--e-listHead-bd:#ffffff;
	--e-listHead-bd:#ffffff;
	--e-listHeadOrder-bg:#282828;
	--e-listHeadOrderAct-bg:#404080;
	/* list item */
	--e-listItem-bgo:#101010;
	--e-listItem-bge:#080808;
	--e-listItem-bgh:#101020;
	--e-listItem-bdh:#ffffff;
	--e-listItem-fg:#ffffff;
	/* List nav */
	--e-listNav-bg:var(--e-btn-bg);
	--e-listNav-fg:var(--e-btn-fg);
	--e-listNav-bd:var(--e-btn-bg);
	--e-listNav-bgh:var(--e-btn-bgh);
	--e-listNav-bdh:var(--e-btn-bdh);
	--e-listNavAct-bg:#a0a0ff;
	--e-listNavAct-fg:#ffffff;
	--e-listNavAct-bd:#a0a0ff;
	/* List actions */
	--e-action-bg:var(--e-filter-bg);
	/* List editing panels */
	--e-listInpCapt-fg:#002040;
	--e-listInp-bg:#ffffe0;
	--e-listInp-fg:#c000c0;
	--e-listInp-bd:#800080;
	--e-listInp-bgd:transparent;

}


input:disabled, textarea:disabled, select:disabled { background-color:var(--e-input-bgdis); }
input[type=checkbox] { margin:0; }

/*----------------------------------------------------------------------------*/
/* Basic Elements                                                             */
/*----------------------------------------------------------------------------*/
/* Highlighted paragraphs */
.eHilight { color:var(--e-hilite-fg); background-color:var(--e-hilite-bg); font-weight:bold; padding:1em 2em; border:1px solid var(--e-hilite-bd); }
.eHilight.small { padding:0.5em 1em; display:inline-block; }
.eHilight.ok { border-color:var(--e-hilite-ok-bd); background-color:var(--e-hilite-ok-bg); }
.eHilight.ok::before{ content:'\2714'; margin-right:1em; color:var(--e-hilite-ok-icon); font-weight:bold }
.eHilight.note { border-color:var(--e-hilite-note-bd); background-color:var(--e-hilite-note-bg); }
.eHilight.note::before{ content:'!!'; margin-right:1em; color:var(--e-hilite-note-icon); font-weight:bold }
.eHilight.warn { border-color:var(--e-hilite-warn-bd); background-color:var(--e-hilite-warn-bg); }
.eHilight.warn::before{ content:'!!'; margin-right:1em; color:var(--e-hilite-warn-icon); font-weight:bold }

/* Buttons */
.eAction {
    margin: 1px 3px; border: 1px solid var(--e-btn-bd); border-radius: 3px; background-color:var(--e-btn-bg);
    color:var(--e-btn-fg); font-size:7pt; line-height:1.5em; text-align:center; cursor: pointer; }
a.eAction { display:inline-block; padding:1px 6px; vertical-align:bottom; text-decoration:none; }
.eAction:hover { border-color:var(--e-btn-bdh); background-color:var(--e-btn-bgh); }
button.eAction.tick::before{ content:'\2714'; margin-right:0.5em; color:var(--e-btn-tick); font-weight:bold }
button.eAction.cross::before{ content:'\2718'; margin-right:0.5em; color:var(--e-btn-cross); font-weight:bold }
.eAction.aroRight::before{ content:'\1f87a'; margin-right:0.5em; color:var(--e-btn-arrow); font-weight:bold }
.eAction.aroUp::before{ content:'\1f879'; margin-right:0.5em; color:var(--e-btn-arrow); font-weight:bold }
.eAction.aroDown::before{ content:'\1f87b'; margin-right:0.5em; color:var(--e-btn-arrow); font-weight:bold }

/* Icon buttons (and containing element) */
.eBtnRow { display:inline-block; vertical-align:middle; }
label.eBtnRow,
.eBtnRow>button,
.eBtnRow>span { display:inline-block; vertical-align:top; margin:0 1px; width:1.75em; height:1.75em; padding:1px 0; 
	border:1px solid var(--e-iconbtn-bd); border-radius:3px; background-color:var(--e-iconbtn-bg); color:var(--e-iconbtn-fg); cursor:pointer;
	line-height:1.5em; text-align:center; font-size:7pt; }
.eBtnRow>span { border-color:transparent; background-color:transparent; box-sizing:border-box; }
.eBtnRow>button.red { color:#ff0000; }
label.eBtnRow:hover,
.eBtnRow>button:hover { border-color:var(--e-iconbtn-bdh); background-color:var(--e-iconbtn-bgh); }

.eBtnInline { vertical-align:bottom; padding-left:1em; }

/* Tile buttons - big ones, for use on homepages */
.lpPnlLayout {
    display:flex; flex-flow:row wrap; justify-content:center; }
.lpPnl {
    width:14em; height:14em; margin:0.5em; padding:0.25em; background-color:var(--e-lpTile-bg);
    display:flex; flex-direction:column; align-items:center; text-align:center}
.lpPnl>a { text-decoration:none; }
.lpPnl>a>img { width:11em; height:11em; margin:0.2em; }

/* Floaty Tips. Display when the mouse is moved over an eelement */
.eTip { position: relative; overflow:visible !important; }
.eTip .eTipBubl {
	visibility: hidden; position: absolute; bottom:100%; left:20%; z-index: 1;
	border:1px solid var(--e-tip-bd); border-radius: 6px; padding: 8px; white-space:nowrap;
	text-align: left; background-color:var(--e-tip-bg); color:var(--e-tip-fg); }
.eTip:hover .eTipBubl {
  visibility: visible; }

/* Content selector - (display one from a number of contents) */
form.eRadioSelect>input+label { color: #808080; }
form.eRadioSelect>input+label+div.eRadioSelectContent { display:none; }
form.eRadioSelect>input:checked+label+div.eRadioSelectContent { display:block; margin-left:2em; margin-bottom:-1em; }

/* Content toggle - (display one of two contents) */
div.eCheckSelect>input+label+div.eCheckSelectContent { display:none; }
div.eCheckSelect>input:checked+label+div.eCheckSelectContent { display: block; }
div.eCheckSelect>input+label+div+div.eCheckSelectContent { display: block; }
div.eCheckSelect>input:checked+label+div+div.eCheckSelectContent { display:none; }

/* Tabbed layout - tab strip and content container */
.eTabStrip {
	margin:5px 0px 0px 0px; display:block;
	border-bottom:1px solid var(--e-tab-bd); padding-bottom:3px;
	font-size:10pt; }
.eTabStrip>span {
	margin:2px 3px 5px 3px; padding:5px 8px 2px 8px; cursor:pointer;
	border-width:1px; border-style:solid; border-radius:5px 5px 0 0; font-weight:bold; font-size:10pt;
	border-color:var(--e-tabTab-bd); border-bottom-color:var(--e-tab-bd); background-color:var(--e-tabTab-bg); color:var(--e-tabTab-fg); }
.eTabStrip>span.current {
	border-color:var(--e-tabTabCur-bd); border-bottom-color:var(--e-tab-bg); background-color:var(--e-tabTabCur-bg); color:var(--e-tabTabCur-fg); }
div.etabcontentcontainer {
	border-color:var(--e-tab-bd); border-style:solid; border-width:0px 1px 1px 1px;
	padding:12px 6px 6px 6px;
	background-color:var(--e-tab-bg); }



/*----------------------------------------------------------------------------*/
/* List layout                                                                */
/*----------------------------------------------------------------------------*/
/* Overall container. May contain one or more of each of the following... */
div.epgelcontainer { position:relative; }
/* Filter container, heading container, item (row) container, nav container */
div.elfccontainer {
	position:relative;
	border-width:0px 0px 1px 0px; border-style:solid; border-color:var(--e-filter-bd);
	padding:0.2em 0 0.4em 0; background-color:var(--e-filter-bg); }
.elhcontainer {
	border-bottom:0.06em solid var(--e-listHead-bd); padding:0.4em 0 0 0; background-color:var(--e-listHead-bg); 
	font-size:1.25em; display:flex; align-items:flex-end; }
.elicontainer {
	position:relative; border-width:0.1em 0 0.1em 0; border-style:solid;
	font-size:0.75em;
	padding:0.133em 0 0.133em 0; }
.elicontainer:nth-child(even) { background-color:var(--e-listItem-bge);  border-color:var(--e-listItem-bge); }
.elicontainer:nth-child(odd) { background-color:var(--e-listItem-bgo);  border-color:var(--e-listItem-bgo); }
.elicontainer:hover { background-color:var(--e-listItem-bgh); border-color:var(--e-listItem-bdh); }
.elicontainer>.active { margin:0 0 20px 0; position:relative;
	box-shadow:0px 8px 16px 8px rgba(0,0,0,0.4); background-color:#f0f0ff; }
.elncontainer { position:relative; margin:0.5em auto; text-align:center; }
.elacontainer { position:relative; margin:0.5em auto; padding:0.5em; background-color:var(--e-action-bg); }

/* List filter elements - Caption, controls, buttons */
span.elfccapt { display:inline-block; font-weight:bold; color:var(--e-filterCapt-fg); vertical-align:middle; margin:0 10px 0 10px; }
span.elfcctrl { display:inline-block; vertical-align:middle; }
span.elfc { display:inline-block; vertical-align:top; padding:3px 0.075em 1px 0.075em;
	font-size:0.75em; line-height:1.25em; font-weight:normal; color:var(--e-filterInpCapt-fg); text-align:left; }
span.elfc>input,
span.elfc>select { width:100%; color:var(--e-filterInp-fg); box-sizing: border-box; border:1px solid var(--e-filterInp-bd); padding:0 0.25em; 
	font-size:1.25em; line-height:1.25em; height:1.25em; }
span.elfcbtns { display:inline-block; vertical-align:middle; }

/* List header row elements - column title, sort indicator */
.elhc { padding:0 0.33em; }
.elhc>.sort { display:block; width:100%; text-align:center; height:0.5em; line-height:0.5em; font-size:0.5em; }
.elhc.sortable { cursor:pointer; }
.elhc.sortable>.sort { background-color:var(--e-listHeadOrder-bg); }
.elhc.sortable.active>.sort { background-color:var(--e-listHeadOrderAct-bg); }

/* List item row elments - column container */
/*.elic { display:inline-block; margin:0; border-left:0.1em solid #d0d0d0; padding:0 0.666em 0 0.666em;
	color:var(--e-listItem-fg); text-align:left; vertical-align:middle; line-height:1.25em;
	white-space:nowrap; overflow:hidden; }*/
.elicontainer .row { display:flex; }
.elicontainer>.active>.row { background-color:#e0e0ff; padding-top:0.25em; }
.elic { border-left:0.1em solid #d0d0d0; padding:0 0.5em; }
.elic:first-child { border:0; }

/* List page navigation elements - button, input */
.elncontainer>button { margin:3px 3px; border:1px solid var(--e-listNav-bd); border-radius:3px; padding:3px 6px;
	background-color:var(--e-listNav-bg); color:var(--e-listNav-fg); font-size:10pt; text-align:center; cursor:pointer; }
.elncontainer>button:hover { border-color:var(--e-listNav-bdh); background-color:var(--e-listNav-bgh);  }
.elncontainer>button:disabled { background-color:#a0a0ff; color:#ffffff; font-size:16pt; padding:3px 9px; }
.elncontainer>input { width:2em; margin:3px 3px; border:1px solid var(--e-listNavAct-bd); border-radius:3px; padding:3px 9px;
	background-color:var(--e-listNavAct-bg); color:var(--e-listNavAct-fg); font-size:16pt; text-align:center; cursor:pointer; }
.elncontainer>input:hover { border-color:var(--e-listNav-bdh); background-color:var(--e-listNav-bgh);  }

/* List item context menu */
div.elicmenu { position:relative; display:inline-block; cursor:pointer; width:24px; }
.elicmenu>ul { display:none; position:absolute; z-index:2; min-width:160px; padding:2px !important; font-size:10pt;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.4); background-color:#f6f6ff; }
.elicmenu:hover>ul { display:block; }
.elicmenu>ul>li { display:block; padding:2px; cursor:pointer; font-weight:bold; }
.elicmenu>ul>li:hover { background-color:#ffffff; }
.elicmenu img { width:32px; height:32px; vertical-align:middle; margin-right:10px; }
.elicmenu img.small { width:16px; height:16px; vertical-align:middle; margin-right:10px; }



/*----------------------------------------------------------------------------*/
/* In-list editing panels within item containers                              */
/*----------------------------------------------------------------------------*/
/* Layout control */
.elicontainer .content {
	padding:1em 1em 2.4em 1em; text-align:left; font-weight:normal;
	background-image: linear-gradient(180deg, #e0e0ff, transparent 1em); }
.elicontainer .contentSub { margin:0 -1em -1em 0; position:relative; padding-bottom:2em; }

div.eliecontainer {
	margin:0px 0px 20px 0px; position:relative;
	box-shadow:0px 8px 16px 8px rgba(0,0,0,0.4);
	padding:10px 10px 2.4em 10px; text-align:left; font-weight:normal;
	background-color:#f0f0ff; }
div.eliecontainer.noBtns { padding-bottom:10px; }
div.eliesubcontainer { position:relative; padding-bottom:2em; }
div.eliesubcontainer.noBtns { padding-bottom:10px;; }
#content div.eliecontainer hr {  width:100%; border-color:#808080;  }
/* Captions etc. */
.elicontainer>.active>.content h4,
.eliecontainer h4 { font-size:1.2em; margin-top:0.8em; margin-bottom:0.2em; font-weight:bold; color:var(--e-heading-fg);
	border-width:0.2em 0 0 0; border-style:solid; border-image:linear-gradient( to right, var(--e-heading-fg) 50%, transparent 75% ) 1; padding-top:0.25em; }
.elicontainer>.active>.content h5,
.eliecontainer h5 { font-size:1em; margin-top:1.2em; margin-bottom:0.15em; font-weight:bold; color:var(--e-heading-fg);
	border-width:0.1em 0 0 0; border-style:solid; border-image:linear-gradient( to right, var(--e-heading-fg) 50%, transparent 75% ) 1; padding-top:0.125em;
	background-image:linear-gradient( to right, var(--e-heading-bg) 50%, transparent 75% ); }
.elicontainer>.active>.content p,
.eliecontainer p { color:#808080; }
/* Input in container with caption / label */
span.elie { display:inline-block; padding:3px 0.075em 1px 0.075em; font-size:0.75em; font-weight:normal; 
	color:var(--e-listInpCapt-fg); vertical-align:top; line-height:1.5em; text-align:left; }
.elie>input, .elie>span>input,
.elie>select, .elie>span>select,
.elie>textarea { width:100%; color:var(--e-listInp-fg); background-color:var(--e-listInp-bg); 
	box-sizing: border-box; border:1px solid var(--e-listInp-bd); padding:0 0.25em; 
	font-size:8pt; font-weight:bold; height:1.5em; line-height:1.5em;  }
.elie>textarea { resize:none; line-height:1.25em; height:5em; font-family:Arial; }
.elie>input[type="checkbox"] { width:1.5em; }
.elie>.elie2>input[type="date"] { width:63%; }
.elie>.elie2>input[type="time"] { width:37%; }
.elie>input:disabled, .elie>span>input:disabled,
.elie>select:disabled, .elie>span>select:disabled,
.elie>textarea:disabled { background-color:var(--e-listInp-bgd); }

/* Tables with editable or non-editable content */
table.elie { margin:5px auto 0px auto; border-spacing:0px; border-collapse:separate; background-color:#ffffff; }
table.elie th { border-style:solid; border-width:0px 0px 1px 0px; border-color:#000000; padding:2px 2px 3px 2px; font-weight:bold; }
table.elie td { border-style:solid; border-width:0px; border-color:#000000; padding:2px; font-weight:normal; }
table.elie tr:nth-child(even) { background-color:#ffffff; }
table.elie tr:nth-child(odd) { background-color:#f8f8f8; }
table.elie tr:first-child { background-color:#f0f0f0; }
table.elie td>input,
table.elie td>select { width:100%; color:var(--e-listInp-fg); background-color:var(--e-listInp-bg); 
	box-sizing: border-box; border:1px solid var(--e-listInp-bd); padding:0 0.25em; 
	font-size:8pt; font-weight:bold; height:1.75em; line-height:1.5em; }


/*th.elie,
td.elie,*/


















input[type="date"] { padding-top:1px;  }























/*----------------------------------------------------------------------------*/
/* Common "picker" elements                                                   */
/*----------------------------------------------------------------------------*/
/* User picker */
.eUserPicker{ width:150px; position:relative; }
.eUserPicker>span>input{ width:128px; }
.eUserPicker>span>select{ width:128px; }
.eUserPicker>span>input.long{ width:148px; }
.eUserPicker>span>.tick{ color:#00c000; }

/* Usergroup picker */
.eUsergroupPicker{ width:150px; position:relative; }
.eUsergroupPicker>span>input{ width:128px; }
.eUsergroupPicker>span>select{ width:128px; }
.eUsergroupPicker>span>input.long{ width:148px; }
.eUsergroupPicker>span>.tick{ color:#00c000; }

/* Account picker */
.eAccountPicker{ width:150px; position:relative; }
.eAccountPicker>span>input{ width:128px; }
.eAccountPicker>span>select{ width:128px; }
.eAccountPicker>span>input.long{ width:148px; }
.eAccountPicker>span>.tick{ color:#00c000; }

/* Location-room picker */
.eLocRoomPicker{ width:300px; position:relative; }
.eLocRoomPicker>span>input{ width:278px; }
.eLocRoomPicker>span>select{ width:278px; }
.eLocRoomPicker>span>input.long{ width:298px; }
.eLocRoomPicker>span>.tick{ color:#00c000; }

/* Location-building picker */
.eLocBuildingPicker{ width:300px; position:relative; }
.eLocBuildingPicker>span>input{ width:278px; }
.eLocBuildingPicker>span>select{ width:278px; }
.eLocBuildingPicker>span>input.long{ width:298px; }
.eLocBuildingPicker>span>.tick{ color:#00c000; }

/* Location-site picker */
.eLocSitePicker{ width:300px; position:relative; }
.eLocSitePicker>span>input{ width:278px; }
.eLocSitePicker>span>select{ width:278px; }
.eLocSitePicker>span>input.long{ width:298px; }
.eLocSitePicker>span>.tick{ color:#00c000; }

/* Inventory-type picker */
.eInvTypePicker{ width:300px; position:relative; }
.eInvTypePicker>span>input{ width:278px; }
.eInvTypePicker>span>select{ width:278px; }
.eInvTypePicker>span>input.long{ width:298px; }
.eInvTypePicker>span>.tick{ color:#00c000; }












/* 
span.elicmenu { position:relative; display:inline-block; cursor:pointer; width:24px; }
span.elimenu {
	display:none;  position:absolute; z-index:2;
	min-width:160px; padding:2px; font-size:10pt;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.4); background-color:#f6f6ff; }
span.elicmenu:hover span.elimenu{   display:block;  }
span.elimicon { display:block; padding:2px; cursor:pointer; font-weight:bold; }
span.elimicon:hover { background-color:#ffffff;  }
img.elimicon { width:32px; height:32px; vertical-align:middle; margin-right:10px; }
img.elimiconsm { width:16px; height:16px; vertical-align:middle; margin-right:10px; }
 */

/*p.eNote::before { content:'NOTICE! '; color:#c06000; font-weight:bold; } 
p.eWarn::before{ content:'WARNING! '; color:#c00000; font-weight:bold; }*/

/* Big buttons */
/*a.adminbtn {
  display:inline-block;
  margin:0px 20px 0px 0px;  border:1px solid #888888;  border-radius:8px;  padding: 4px;
  font-weight:bold;  text-decoration: none;  color: #333333;
  background-color: #EEEEEE; }
img.adminbtn {
  display:inline-block; width:32px; height:32px;
  margin-right:5px; vertical-align:middle; }
  




/* Container element on page layouts */
div.epacontainer {
  position:relative; overflow:hidden; padding:5px;
  background-color:#f0f0ff; box-shadow:0px 4px 8px 4px rgba(0,0,0,0.4);
  font-family:Verdana, sans-serif; font-size:10pt; }
div.epacontaineract {
  position:relative; overflow:hidden; padding:5px;
  background-color:#f0f0f0; box-shadow:0px 4px 8px 4px rgba(0,0,0,0.4);
  font-family:Verdana, sans-serif; font-size:10pt; }
div.epacontainer .btnSpacer,
div.epacontaineract .btnSpacer{ padding-bottom: 2.4em; }
#content div.epacontainer hr,
#content div.epacontaineract hr {  width:100%; border-color:#808080;  }











/*----------------------------------------------------------------------------*/
/* Default styles for elements within the filetr container                    */
/*----------------------------------------------------------------------------*/
/*input.elfci,
select.elfci,*/
/*button.elfcpos { margin:1px 3px; border:0px solid #000000; border-radius:6px; 
	background-color:#0080ff; color:#ffffff; font-size:8pt; text-align:center; cursor:pointer; }
button.elfcpos:hover { background-color:#00407f; color:#ffffff; }
/* New style buttons ( replacing elfcpos ) */
/*button.elfc {
    margin:1px 3px; border:1px solid var(--e-filterBtn-bd); border-radius:3px; background-color:var(--e-filterBtn-bg);
	color:var(--e-filterBtn-fg); font-size:9pt; text-align:center; cursor:pointer; }
button.elfc:hover { border-color:var(--e-filterBtn-bdh); background-color:var(--e-filterBtn-bgh); }
span.elfcred { color:var(--e-red); font-weight:bold; }
span.elfcgrn { color:var(--e-green); font-weight:bold; }



/*----------------------------------------------------------------------------*/
/* Default styles for elements within the list header container               */
/*----------------------------------------------------------------------------*/


/*span.elhc2l {
	display:inline-block; border:0 solid #000000; padding:0 0.666em 0 0.666em;
	font-size:0.6em;
	font-family:Verdana, sans-serif; font-weight:bold; }



/*----------------------------------------------------------------------------*/
/* Default styles for elements within list item containers                    */
/*----------------------------------------------------------------------------*/
/*div.elil { background-color:#f8f8f8; border-color:#f8f8f8; }
div.elid { background-color:#f0f0f0; border-color:#f0f0f0; }*/




/* Read-only data */
span.elir{ display:inline-block; padding:0.25em; }
span.elir>span{ display:inline-block; width:20%; color:#000040; }
table.elir {  }
td.elir { padding:3px; }
td.elircapt { width:200px; padding:3px; color:#000040; }

/* Editable data
span.elie { display:inline-block; padding:3px 0 1px 0; font-size:8pt; font-weight:normal; color:#002040; vertical-align:top; line-height:1.5em; }
input.eliei,
select.eliei,
span.elie input,
span.elie select { font-size:8pt; font-weight:bold; color:#000000; box-sizing: border-box; border:1px solid #808080; padding:0 0.25em; height:1.75em; line-height:1.5em; }
input[type="date"] { padding-top:1px;  }

/* Editing button containers (use on panels and sub-panels) */
span.eliebtns { display:inline-block; text-align:right; position:absolute; bottom:10px; right:10px; }
span.eliebtns.sub { bottom:0; right:0; }
/*button.eliepos { margin:1px 3px; border:0px solid #000000; border-radius:6px; width:60px;
	background-color:#0080ff; color:#ffffff; font-size:8pt; text-align:center; cursor:pointer; }
button.eliepos:hover { background-color:#00407f; color:#ffffff; }*/
/* variable width */
button.elieposvr { margin:1px 3px; border:0px solid #000000; border-radius:6px;
	background-color:#0080ff; color:#ffffff; font-size:8pt; text-align:center; cursor:pointer; }
button.elieposvr:hover { background-color:#00407f; color:#ffffff; }
button.elienegvr { margin:1px 3px; border:0px solid #000000; border-radius:6px;
	background-color:#ff4000; color:#ffffff; font-size:8pt; text-align:center; cursor:pointer; }
button.elienegvr:hover { background-color:#7f2000; color:#ffffff; }
/* Editing button containers and buttons, Small size for inline use */
button.eliepossm { margin:1px 3px; border:0px solid #000000; border-radius:6px; padding:1px 2px 1px 2px;
	background-color:#0080ff; color:#ffffff; font-size:8pt; text-align:center; cursor:pointer; }
button.eliepossm:hover { background-color:#00407f; color:#ffffff; }
button.elienegsm { margin:1px 3px; border:0px solid #000000; border-radius:6px; padding:1px 2px 1px 2px;
	background-color:#ff4000; color:#ffffff; font-size:8pt; text-align:center; cursor:pointer; }
button.elienegsm:hover { background-color:#7f2000; color:#ffffff; }
/* New style buttons */
button.elie {
    margin: 1px 3px; border: 1px solid #404040; border-radius: 3px; background-color: #e0e0ff;
    color: #404040; font-size: 7pt; line-height:1.5em; text-align: center; cursor: pointer; }
button.elie:hover { border-color:#202020; background-color:#c0c0ff; }
button.elieicon { width:1.75em; height:1.75em; padding:1px 0; border-color:#e0e0ff; margin:0 1px; color:#000080; }
button.elieiconred { width:1.75em; height:1.75em; padding:1px 0; border-color:#e0e0ff; margin:0 1px; color:#ff0000; font-weight:bold; }
span.eliered, button.eliered { color:#ff0000; font-weight:bold; }
span.eliegrn, button.eliegrn { color:#00c000; font-weight:bold; }
span.elieblu, button.elieblu { color:#0000c0; font-weight:bold; }









/*----------------------------------------------------------------------------*/
/* Styles for common objects made available by specific modules. eg. Files    */
/* Records and "xxx Picker" controls                                          */
/*----------------------------------------------------------------------------*/
/* COMMON - FILES */
div.eliecmfi { position:relative; display:block; margin-bottom:0.2em; padding:0.2em; background-color:#fdfdff; }
input[type=checkbox].eliecmfiBTN { display:none; }
input[type=checkbox].eliecmfiBTN+label { position:absolute; right:0; }
div.eliecmfiCT { border:0; padding:0; margin:0; }
/* Standard editable view */
span.eliecmfide { width:650px; vertical-align:middle; }
span.eliecmfide>input { width:640px; }
span.eliecmfica { width:100px; }
span.eliecmfica>input { width:90px; }
span.eliecmfidl { width:70px; }
span.eliecmfidl>input { width:30px; }
span.eliecmfina { width:215px; }
span.eliecmfina>input { width:205px; border-width:0px; }

span.elircmfide { position:relative; width:650px; font-weight:bold; }
span.elircmfide>a { display:block; }
span.elircmfide>a>span { position:absolute; right:0; padding:0 0.5em; background-color:#ffffff; font-weight:normal; }
span.elircmfisz { width:60px; font-size:8pt; padding:0 0.5em; color:#808080; }
span.elircmfida { width:135px; font-size:8pt; padding:0 0.5em; color:#808080; }
span.eliecmfibtns { position:absolute; right:0.5em; bottom:0.5em; }




/* COMMON - RECORDS */
/* Container */
div.eliecore { position:relative; display:block; margin-bottom:3px; background-color:#fdfdff; padding:0 5px 5px 5px; }
/* Left panel and title */
span.eliecorel { position:relative; display:inline-block; vertical-align:top; width:190px;
	border-right:1px solid #80c0ff; padding:3px; font-size:0.8em; color:#808080; }
span.eliecorelt { font-weight:bold; display:inline-block; margin:0px 0px 5px 0px; color:#000000; font-size:1.25em; }
/* Right panel */
span.eliecorer { position:relative; display:inline-block; vertical-align:top; width:677px;
	padding:3px; }
/* Editable input */
span.elieicoreco { width:750px; }
textarea.elieicoreco { width:740px; max-width:740px; min-width:740px; }

/* Captioned input container and element modifiers - Common records and comments
div.elicore { background-color:#f8f8ff; margin-top:10px; }
span.eliecorehead { display:inline-block; width:150px; vertical-align:top; 
   border-right:1px solid #a0a0a0; padding:5px 5px 5px 5px; font-size:8pt; font-weight:normal; color:#808080; }
span.eliecorebody { display:inline-block; width:730px; vertical-align:top; padding:5px 5px 5px 5px; }
span.eliecoco { width:610px; }
input.elieicoco { width:600px; }
*/

/* Captioned input container and element modifiers - Common locations */
span.eliecolos { width:200px; }
span.eliecolob { width:300px; }
span.eliecolor { width:300px; }
select.elieicolos { width:190px; }
select.elieicolob { width:290px; }
select.elieicolor { width:290px; }

/* Captioned input container and element modifiers - ROOMS */
span.eliermid { width:110px; }
span.eliermna { width:350px; }
span.eliermbd { width:200px; }
span.eliermde { width:600px; }
span.eliermst { width:100px; }
span.eliermcf { width:100px; visibility:hidden; }

input.elieirmid { width:100px; }
input.elieirmna { width:340px; }
select.elieirmbd { width:190px; }
input.elieirmde { width:590px; }
select.elieirmst { width:90px; }
input.elieirmcf {}

/* Captioned input container and element modifiers - BUILDINGS */
span.eliebdid { width:110px; }
span.eliebdna { width:350px; }
span.eliebdsi { width:200px; }
span.eliebdde { width:600px; }
span.eliebdst { width:100px; }
span.eliebdcf { width:100px; visibility:hidden; }

input.elieibdid { width:100px; }
input.elieibdna { width:340px; }
select.elieibdsi { width:190px; }
input.elieibdde { width:590px; }
select.elieibdst { width:90px; }
input.elieibdcf {}

/* Captioned input container and element modifiers - SITES */
span.eliesiid { width:110px; }
span.eliesina { width:350px; }
span.elieside { width:600px; }
span.eliesist { width:100px; }
span.eliesicf { width:100px; visibility:hidden; }

input.elieisiid { width:100px; }
input.elieisina { width:340px; }
input.elieiside { width:590px; }
select.elieisist { width:90px; }
input.elieisicf {}











/* GALLERY specific styles */
span.elicgati { width:200px; }
span.elicgade { width:560px; }
span.elicgada { width:120px; }