* {margin: 0; padding: 0;}

img {border:0;}

.nw {white-space: nowrap;}

/* floats and clears */
.fr {float:right}
.fl {float:left}
.floatright {float:right !important; margin-left:5px; line-height: 1em;}
.floatleft {float:left; margin-right:5px;}
.clear {clear: both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearnone {clear:none;}
.cr {clear:right;}
.tc {text-align: center;}
.tr {text-align: right;}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}
.vm {vertical-align: middle;}

.flex {display: flex;}

/* clearfloat */
.cf:after{
	content:".";
	display:inline;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
.cf{
	display:inline-block
}
html[xmlns] .cf{
	display:block
}
* html .cf{
	height:1%
}


/* generic definitions */
html{font: normal 16px 'Karla', sans-serif;}
body, iframe {}
a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: underline;}
table {
	border: 0;
	border-collapse: collapse;
}

h1 {font: bold  2em 'Rubik', sans-serif; padding: 25px 15px; float: left;}
.iFrameBody h1 {font-size: 30px;}
h2 {font-family: 'Rubik', sans-serif; font-size: 1.5em; margin: 10px 0;}

div.float-right {
	float:right;
	margin-left:20px;
	text-align:center;
}
div.float-right img {padding:5px;}
h3 {margin:15px 0 5px 0;}

/* For the print view */

p {margin:7px 0 7px 0;line-height: 1.3em;}
p.spacingbelow {margin-bottom: 2em;}

.pointer {cursor:pointer;}

.loginUsagePolicy, .loginUsagePolicy:visited {text-decoration: underline; cursor: pointer;}

/* Single Admin Area text (e.g. help text) */
.subnodeArea {clear:both; margin:1em 0;}
.single-admin-area {clear:both; margin:1em 0; padding: 1em 0;}
.singleAdminArea.dark {clear:both; padding-bottom: 1.6em;}
div.single-admin-area div.text-body-area ul, div.single-admin-area div.text-body-area ol {margin:10px 0 30px 30px;padding:0;}
div.single-admin-area div.text-body-area ul li {margin: 0 0 .3em 0;padding:0;text-indent:0;background-position:0;}
div.single-admin-area div.text-body-area ol li {margin: 0 0 .3em 0;list-style-type:decimal;list-style-position:inside;text-indent:-20px;}
div.single-admin-area div.text-body-area li ul, div.single-admin-area div.text-body-area li ol {margin: 5px 0 5px 20px;}
div.single-admin-area div.text-body-area li ul li, div.single-admin-area div.text-body-area li ol li {margin: 0 0 4px 0;}
div.single-admin-area div.text-body-area {margin:0 30px 0 30px;}
div.single-admin-area div.text-body-area.tabhelp {line-height: 20px; margin: 0 2.7rem; padding-bottom: 10px;}
div.single-admin-area div.text-body-area h1, div.single-admin-area div.text-body-area h2 {margin-left:0;}
div.single-admin-area div.text-body-area p {margin:7px 0 7px 0;}

div.subtabs-container div.text-body-area.tabhelp {margin: 0 1.5rem;}

.required {text-decoration: none;}
.req_vis {display:inline;}
.required.star {font-size: 1.75em; line-height: .4em;}
.req_invis {display:none;}

/* general inputs */
input, textarea, select {font-size:.875rem;padding:.286em .75em; font-family: 'Karla', sans-serif;border-radius: 2px; vertical-align: middle;outline: none;}
input[type="radio"] {vertical-align: middle;}

input[type='checkbox'], input[type='radio'] {
	-ms-transform: scale(1.3); /* IE */
	-moz-transform: scale(1.3); /* FF */
	-webkit-transform: scale(1.3); /* Safari and Chrome */
	-o-transform: scale(1.3); /* Opera */
	transform: scale(1.3);
	margin-right: .5em;
	/*  since the transformation enlarges the element in every direction, some left margin is needed to re-align it */
	margin-left: .2em;
}
.centered input[type='checkbox'] {
		margin-right: .1em;
}

option {padding-right:1em;} /* this hax firefox into making the select wide enough for the widest element to be fully visible */
select {padding: 0;}
.single-admin-form select {padding: .5ex .5em; max-width: 500px;}
input.vshort {width:35px;}
select.vshort {width:50px;}
input.short, select.short {width:100px;}
input.normal, select.normal {width:250px;}
input.long, select.long {width:375px;}
input.xlong, select.xlong {width:500px;}

/*emal check inputs*/
span.emailFail, span.emailOk {
	font-weight: bold;
	padding: .4em;
	margin-left: .5em;
	border-radius: 2px;
}

/* common definitions*/
.main-color1 {
	padding: 1em;
	margin: 0 1.5em;
	border-radius: 2px;
}
.mainTableContainer.scroll {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}

textarea.vstextarea {width:170px; height:50px;}
textarea.stextarea {width:300px; height:70px;}
textarea.ltextarea {width:500px; height:200px;}
.iFrameBody .ltextarea {max-width:500px; width:100%;}
textarea.ltextarea.gray {height: 300px;}
textarea.textareareadonly {width:450px; height:100px;font-family: monospace;}
textarea.textareamono {width:800px; height:400px; font-family: monospace;}
textarea.textareamonolist {width:300px; height:100px; font-family: monospace;}

.resizeArrow {float:right}

select.smallwidth {width:40px;}
.monospace {font-family: monospace;}

.htmlboxed {
	box-sizing: border-box;
	-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;
	width: 600px;
	height: 250px;
	overflow: hidden;
	text-align: initial;
	resize: both;
}
.htmlboxed.small {
	height: 10ex;
}
.htmlboxed.medium {
	height: 25ex;
}
.htmlboxed.large {
	height: 60ex;
}
.htmlboxed.fullwidth {
	width: 100%;
	margin: -1em 0 1em;
}
label.mandatory {
}


/* main divs */
#top-line {width: 100%; height: 30px !important; position: fixed; top:0; left:0; z-index:10;}
#small-top-buttons-container {margin:-2px 22px 0 0; float:right;}
#small-top-buttons-container img {margin-left:5px; width:28px; height:28px; box-sizing: border-box;}
#small-top-buttons-container img:hover {border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;}
.userName {
	float:left;
	margin-top:7px;
	font-family: 'Roboto Condensed', sans-serif;
}

#title-line {width: 100%; height: 85px; position: fixed; left:0; z-index:9;}
.title-pos-list {top: 30px;}
.title-pos-single {top: 0;}
.title-pos-help {top: 0;}
#title-line .overlay {position:absolute; display:none; height:70px; right:0; top:0; z-index:50;}
.iFrameBody #title-line .overlay {position:absolute; display:none; height:70px; right:7px; top:0; z-index:50;}
#title-line h1 {position:absolute; top:16px; left:30px; padding:0 ; margin:0;}
#title-line h1 .helpQuestionMark {margin:7px 0 0 10px;}
.helpQuestionMark.general,
	.helpQuestionMark.notice,
	.helpQuestionMark.warning,
	.helpQuestionMark.error {
		box-sizing: border-box;
		font-weight: bold;
}
.helpQuestionMark.notice {
		line-height: 20px;
}
.exclamation {
	border-radius: 2px;
    font: 20px/23px Tahoma,Arial,Helvetica,sans-serif;
    padding: 0 6px 1px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	float: left;
	margin: 18px 5px 0 0px;
}
.elementid-div .exclamation {
	float: initial;
}

div#main-part {width: 100%; height:100%;}
.main-padding-list {padding-top: 120px;}
.main-padding-single {padding-top: 95px;}
.main-padding-help {padding-top: 98px;}
div#main-part h3 {margin-left: 30px;}
#foot-top {width: 100%; padding-bottom: 16px;}
.foot-bottom-cell {height: 16px;}
.foot-content {padding: 5px 30px;}
#foot-text {padding: 8px 0; font-size: .75em; float:left;}
.foot-content .logo {
	float: none;
}

/* mobile/desktop selector*/
.mobdesk {
	margin-left: 30px;
}
.mobdesk a {
	font-size: .95em;
}


.login {
	width: 35%;
	margin: 0 auto;
	overflow: auto;
	min-width: 650px;
}
.login input {
	font-size: 1rem;
}
.login.forgotPass {
	min-width: 700px;
}
.login.title {
	min-width: 710px;
}
.login .iconImage {
	float:left;
	margin: 2em 2em 0 0;
}
#title-line .login h1 {
	position: initial;
	padding: .8em 0;
}
.login h2 {
	margin: 1.111em 0 .3em;
	max-width: 19.5em;
}
.login .warning {
	font-weight: bold;
	font-style: italic;
}
.logo {
	float: right;
	margin-right: 30px;
}
.login .logo {
	margin-right: 0;
}
.logo svg {
	width: 250px;
	height: 52px;
	margin-top: 1em;
}
.loginTable {
	float: left;
	max-width: 500px;
}
.loginTable .warn {
	font-style: italic;
	margin-bottom: 1.5ex;
}
.loginTable .label {
	margin-bottom: .5ex;
}
.loginTable .input {
	margin-bottom: 2.5ex;

}
.loginTable input[type="submit"] {
	padding: .75ex 2em;
	font-size: 1.125em;
	cursor: pointer;
}

/* menu elements - for normal admin menu only (across the top) */

#menu-container {margin: 3px 100px 0 20px; position: relative;z-index:50;}
#menu-container a.top {}
#menu-container li {list-style: none;}
#menu-container li.toplevel {float: left; list-style: none outside none; margin-right: 1px; padding-left: 10px; position: relative;}
#menu-container li.delimiter {display:none;}
#menu-container li.toplevel a.menu-item:link,
#menu-container li.toplevel a.menu-item:visited {padding: 5px 10px 5px 0; text-decoration: none;}
#menu-container li.toplevel a.menu-item:hover {text-decoration: none; padding-top: 6px; padding-bottom: 4px;}
#menu-container li.current {}
#menu-container li.currentbranch {}
#menu-container li.submenu-opener ul {top:-10px; left: 228px;}
#menu-container li.submenu-opener {}
#menu-container li.submenu-bottom, #menu-container li.submenu-top {height:4px; padding:0; line-height:0;}
#menu-container li.submenu-bottom:hover, #menu-container li.submenu-top:hover {}
#menu-container li.submenu-bottom {}
#menu-container li.submenu-top {}
#menu-container li.hr,
#menu-container li.hr:hover {height:1px !important; line-height:0; margin:0; padding:0;}
#menu-container li a {font-size: .875em; display: block; text-decoration:none;}
#menu-container ul li.current>a {}
#menu-container li.toplevel.current>a.menu-item:link,
#menu-container li.toplevel.current>a.menu-item:visited {}
#menu-container ul ul {}
#menu-container li span.disabled {font-size: 14px; display: block; padding: 7px 15px 3px 15px; font-style:italic;} /* non-clickable items */
#menu-container ul {position: absolute; z-index:50; margin: 0;}
#menu-container ul.level0 {z-index:51; height: 29px;}
#menu-container ul.level1 {z-index:52;}
#menu-container ul.level3 {z-index:53;}
#menu-container ul.level4 {z-index:54;}
#menu-container ul ul {width: 230px; left: 5px; position: absolute; display: none;}
#menu-container ul ul li {position: relative; padding-bottom: .3em;}
#menu-container ul ul li:hover {}
#menu-container ul ul li a {padding-left: 15px; padding-top: 4px; display: block; line-height: 1.3em;}
#menu-container ul ul li a:hover {text-decoration:none;}

/* for L0 items only */

/* button icons in a row */
.icons {float:right; padding-right: 11px; position: relative; z-index: 1; margin-top:5px;display: none;}
.icons table {padding:0; margin:0;}

.ajaxFormHeadRow {padding: 0 25px 0 0;}
.ajaxFormHeadRow table {width: 100%;}
.ajaxFormHeadRow h1 {margin:0; padding:0; line-height: 1em; font-size: 1.6rem;}
.ajaxFormHeadRow .t2 {width: 50px; padding:0 0 0 10px; text-align: center;font-size: 10px; vertical-align: top; cursor: pointer;}
.popupContent .quickediteye {margin:0 0 0 -15px; top: 10em; position: absolute;}

/* calendar redefinitions*/
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-radius: 2px;
	font-size: .875em;
}
.ui-widget-header {
	border: 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: initial;
	font-size: 1.125em;
	font-weight: bold;
	border: none;
	margin-top: -.3125em;
}
.ui-datepicker {
	padding: 0;
}
.ui-datepicker table {
	margin: 0 0 .2em;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	font-weight: bold;
}

.icon-td {width: 50px; padding: 8px 4px 0 4px; text-align: center; font-size: .75rem; vertical-align: top; cursor: pointer;}
.icon-td img {
	border-radius: 2px;
	opacity: 1;
	width: 100%;
	height: 100%;
}
.icon-td div {
	display: inline-block;
	width: 40px;
	height: 40px;
}
.icon-td img.green {
}
.icon-td img:hover {
}
.icon-td a {text-decoration:none; display:block; position: relative; z-index: 0;}

img.icon-image {width:143px; height:138px;}  /* module icon images */

.divider {padding-left: 10px;}
.divider2 {padding-right: 8px;}


/* attached media lists */
table.attached-medialist {width:100%; border-collapse: collapse;}
table.attached-medialist td {padding:5px;}
table.attached-medialist td.info {padding:10px 10px 5px 15px;}
table.attached-medialist td.mediaimage {text-align:center; vertical-align:top; width:120px;}
table.attached-medialist td.mediainfo {vertical-align:top; padding:5px;}
table.attached-medialist td.mediainfo table {margin-left:10px;}
table.attached-medialist td.mediainfo table tr {}
table.attached-medialist td.mediainfo table td.col1 {font-style: italic;}
table.attached-medialist table.mediainfoint {border-collapse: collapse;}
table.attached-medialist table.mediainfoint td {padding:0 5px 0 5px;white-space: nowrap;}

.papercliplist {
	vertical-align: middle;
}

/* dashboard blue boxes */
table.blue-box {margin: 15px 30px;}
table.blue-box td.left {height: 1px;}
table.blue-box td.icon {height: 1px;width: 143px; vertical-align:top;}
table.blue-box td.content {height: 1px; width:500px;}
table.blue-box td.functions {height: 1px; width: 280px;}
table.blue-box td.right {height: 1px; width: 10px;}
table.blue-box td.top-empty {height: 10px;}
table.blue-box td.bottom-empty {height: 10px;}
table.blue-box td.left-column {width: 10px;}
table.blue-box td.right-column {width: 10px;}
table.blue-box td.icon-column {vertical-align: top; width:150px;}
table.blue-box td.content-column {vertical-align: top;}
.content-column {padding-left: 20px;}

.content-text {margin: 0 0 15px;}

p.help {font-size: .875rem;}

ul.function {margin: 5px 10px;}
ul.function li {list-style: none; background-repeat: no-repeat; background-position: left center; padding-left: 15px; font-size:11px; line-height: 16px;}

table.dashboard-section {width: 100%;}
table.dashboard-section td {vertical-align: top;}
table.dashboard-section td.main {padding:5px 10px 5px 10px;}
table.dashboard-section td.menu-column {width: 15%;}
table.dashboard-section td.content-column {}
table.dashboard-section td.function-column {width: 160px; font-size:12px;}
table.dashboard-section td.function-column table.buttons {margin: 0 20px;}

table.dash-dataset-table {border-collapse: collapse; margin-top:5px;}
table.dash-dataset-table th, table.dash-dataset-table td {padding:3px 5px 3px 5px; font-size:11px;}
table.dash-dataset-table th {}
table.dash-dataset-table td {}

div.dash-dataset-holder {margin-left:30px;}
div.dash-dataset-holder p {line-height:1.2em;}
div.dash-dataset-holder p.inline {display:inline; margin-right:10px;}
div.dash-dataset-holder p.multi-title {margin-top:10px;}


/* generic dividers */
.border-right-divider  {}
.border-left-divider   {}
.border-bottom-divider {}
.border-right-divider-blue {}


/* single form view */
/* tab list */
ul.tabList {margin:0 0 0 25px;}
div.single-admin-tabrow {padding-left:15px; margin:0;}
div.single-admin-form {margin:0; width:100%;}
table.single-admin-form {width:100%; border-collapse:collapse;}
table.single-admin-form tr.parentrow td {}
table.single-admin-form h4 {padding-bottom: .4em;}

/* conditional visibility changing classes for table rows */
table.single-admin-form tr.condvis_changeable {}
table.single-admin-form tr.condvis_base {}
table.single-admin-form th {padding:5px; text-align:left; font-size:13px; font-weight: normal; font-style:italic;}
table.single-admin-form td {padding: 1.3ex 0 0 1em; font-size: .875rem;}
table.single-admin-form td td {padding: 0 10px 0 0; height: 50px; box-sizing: border-box;}
table.single-admin-form td.left-col {text-align:right; width: 20%; border-width:0 0 1px 1px; padding-right: 1.5em; position: relative;}
.left-col .quickeditlink {position: absolute; top: 50%;right: .5em;transform: translateY(-50%);}
table.single-admin-form td.right-col {text-align:left; border-width:0 1px 1px 0; line-height: 1.3em;}
table.single-admin-form td.right-col img {vertical-align: middle;}
table.single-admin-form td.right-col .MainContrastedButton {vertical-align: middle;}
table.single-admin-form td.help-col {margin: 0; padding: 3px 10px 8px; font-size: 10px;width: 40%;}
table.single-admin-form td.help-col p {margin: 0 0 7px 0px;}
table.single-admin-form td.help-col .helptag {margin-right:5px; vertical-align:middle;}
table.single-admin-form td.help-col ul {list-style-position:inside;}
table.single-admin-form td.help-col li {margin-left:15px;}
table.single-admin-form td .timeDisplay {font-size:1.2em;font-weight:bold;min-width: 6em; display: inline-block;}
table.single-admin-form td .timeDisplay.disabled {}
.rightColLabel {margin-left: .75em;}
td.help-col .infotag {margin-left:-3px; padding-top: 0px ;}
td.centered .infotag {padding-top: 0px ;}
.subtabs-container table.single-admin-form td.left-col {line-height: 20px; height:20px;} /* this keeps any column-layout subtabs' - like the measurements tabs - fields aligned, otherwise the input element's size messes it up */
.subtabs-container table.single-admin-form td.right-col {line-height: 20px; height:20px;} /* this keeps any column-layout subtabs' - like the measurements tabs - fields aligned, otherwise the input element's size messes it up */
#main-part .subtab-col h3 {margin-left: 15px; text-align:left;}

.helpqtip {padding-right: 7%; display: inline-block; word-break: break-word;}
.iFrameBody .helpqtip {width: 93%}

div.single-admin-form-headline {padding:5px; text-align:left; font-size:13px; font-weight: normal; font-style:italic;}

div.html-checkboxes input {margin-right:5px;}
div.box-rounded {height:10px;margin: 0 -20px 0 -45px;}
.main-padding-single div[class="single-admin-area"] div.box-rounded, .main-padding-help div[class="single-admin-area"] div.box-rounded {margin: 0;}
div.box-rounded img.imgright {text-align:right; float:right; width:10px;}
div.box-rounded img.imgleft {text-align:left; float:left; width:10px;}
div#thumb-selection {margin:1px 20px 0 0; overflow: scroll; height:100px; padding:2px;}
div#thumb-selection img {margin:2px; cursor:pointer;}
div#thumb-selection img:hover, div#thumb-selection img:visited {}
li.tab-element, li.tab-element-active {float: left; list-style: none; margin-left: 0;  position: relative; padding-bottom: 4px;}
li.tab-element:hover {padding-bottom: 0;}
li.tab-element-active {padding-bottom: 0;}
.tab-element a, .tab-element-active a {display: block; font-size: .875em; text-decoration: none; padding: 10px 20px 7px 20px;outline: none;}
.tab-element a {margin-right: 2px;cursor:pointer;opacity: .5;}
.tab-element a:hover {text-decoration: none;}
.tab-element a:visited {text-decoration: none;}

h3.tab {
	float: left;
	position:relative;
}

/* checkout timer */
#check-out-countdown {
	box-sizing: border-box;
	border-radius: 2px;
	height: 5ex;
	width: 7em;
	line-height: 4.5ex;
	padding-left: 3.3em;
	position: absolute;
	top: -4px;
	right: 15px;
}
/* border is needed to keep IE happy. */
div#check-out-spacer {float:right; position: relative; z-index: 1;}

/* table view */
/* navigate on the top  */
div.navigation-div {padding: 3px 0 0 30px; width: 600px; position: absolute; top: 47px}

div.navigation-div input.toggle-search {margin-right: 15px; float:right;}
.nav-arrow {padding: 0; font-size: 14px; font-weight: bold;}
div.navigation-div a {margin-right: 6px; font-size: .825em;}
div.navigation-div a:hover {text-decoration: underline;}

div.elementid-div, div.lastRegenTime {font-size:.825rem; left:30px; position:absolute; top:60px; padding-left:1px;}
div.elementid-div span {margin-right: .2em;}
div.lastRegenTime {
	padding: .8ex 1em .4ex;
	border-top-width: 0;
	border-radius: 0 0 8px 8px;
	top: 0;
	left: 20px;
}
#title-line h1.moreTopSpace {
	left: 20px;
	top: 25px;
}
div.navigation-div.moreTopSpace {
	padding: 3px 0 0 20px;
	top: 55px;
}

body.iFrameBody div.elementid-div {font-size:18px; left:15px; position:absolute; top:5px; max-width: 45%}

/* search filter layer */
#searchLayer {
	position: relative;
	left: 22px;
	width: 700px;
	border-radius: 2px;
	box-sizing: border-box;
}
#searchAdvOptionsLayer {
	position: absolute;
	top:0;
	left: 710px;
	border-radius: 2px;
	box-sizing: border-box;
	z-index: 3;
}
.searchLayerBottom {
	 padding-right: 40px;
	 overflow: hidden;
}
#searchLayer h2 {
	padding-left: 40px;
	margin: .7em 0;
	display: inline-block;
}
#searchLayer .MainContrastedButton {
	float: right;
	border-radius: 2px;
	margin: .9em 0 0 .5em;
	cursor: pointer;
	font: 1.125rem/1.125rem "Karla",sans-serif;
}
h2.filterLayer, #searchLayer .MainContrastedButton.filterReset, .exportFilters {
	float:left;
}
h2.filterLayer {
	padding-right: 26px;
}
#searchLayer .MainContrastedButton.filterSubmit {margin-right: 1.1em;}
#searchDefaultsForm .MainContrastedButton {
	float: right;
}
#exportFilters {
	display: inline;
}
.searchDefaults {
	margin-top: -.3em;
	display: none;
	width: 680px;
	box-sizing: border-box;
	padding:0 40px 0 0;
	overflow: hidden;
}
.searchDefaults.fullWidth {
	width: 100%;
}
#searchAdvOptionsLayer>div.searchDefaults.fullWidth {
		margin-top: -5px;
}
#searchLayer>div,
	#searchAdvOptionsLayer>div {display:inline-block; vertical-align:top; margin: 0;}
.searchFilters {width: 100%;}
.searchFilters td {
	padding-right: .1em;
	box-sizing: border-box;
}
.selectColumn, .addValue {
	width: 38%;
}
.selectRelation {
	width: 18%;
}
.deleteFilter {
	width: 26px;
	text-align: right;
}
#searchLayer select{
	height:1.7rem;
	padding: .5ex .5em;
	font-size: .875em;
}
.selectRelation option{
	height:.875em;
}
#search-filters {
	margin: 25px 40px;
}

#exportFilters {display: inline; font-size: 14px;}

#searchLayer td.search-content, td.search-content-b {padding:0; font-weight: bold; font-size: 14px;}
td.search-content-b select {padding: 1px 0;}
#searchLayer td.search-content-b input {margin-top: 0;}
div#searchTButton, #searchTButtonClose {
	cursor: pointer;
	position: absolute;
	top: 54px;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	z-index: 8;
}
.iFrameBody div#searchTButton, .iFrameBody #searchTButtonClose, .iFrameBody #searchAdvancedBtn {
	top: 22px;
}
div#searchTButton {
	right: -30px;
	box-shadow: 10px 0 10px 0px rgba(0, 0, 0, 0.36);
	display: none;
	z-index: 8;
}
#searchTButtonClose {
	left: -22px;
	box-shadow: -10px 0 10px 0px rgba(0, 0, 0, 0.36);
}
#searchTButton.calendarSearchAbove {
	left: -7px;
	right: unset;
	top: 175px;
}
#searchTButton.calendarSearchBelow {
	position: initial;
	margin: -25px 0 0 -5px;
	float: left;
}
.calendarBelow #searchTButtonClose {
	top: -25px;	
	left: -27px;
}
.calendarBelow {
	margin-bottom: 20px;
}

/*#searchTButton:hover {
	right: -27px;
	animation-name: move5pxright;
	animation-duration: .2s;
}
@keyframes move5pxright {
	0% {right:-22px;}
	40% {right:-20px;}
	100% {right: -27px;}
}
#searchTButtonClose:hover {
	left: -27px;
	animation-name: move5pxleft;
	animation-duration: .2s;
}
@keyframes move5pxleft {
	0% {left:-22px;}
	30% {left:-20px;}
	100% {left: -27px;}
}*/
#searchAdvancedBtn {cursor: pointer; position: absolute; top:54px; right: -20px;border-radius: 16px;height:32px;z-index: 3;}
#searchAdvancedBtn img {margin-bottom: -4px;}

.viewsContainer {
	margin: 25px 40px 15px;
	overflow: hidden;
}
.viewsContainer label {
	font: .875rem/1.125rem "Karla",sans-serif;
	margin-left: 2em;
	vertical-align: middle;
}
.viewsContainer label input {
	margin-right: .3em;
}
.viewsContainer .MainContrastedButton {
	margin-right: 1em;
}

#searchLayer input[type="text"] {}
#searchLayer .viewsContainer input[type="text"] {margin: 0; width: 29.5em;}
.viewsContainer select {width: 31.125em;}
.viewsContainer select#selFilterNoticeType {width: 7em; margin-left: 2em;}
#searchLayer td.active input, #searchLayer td.active select {}
#searchLayer p {margin: 3px 0}
table.rounded {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

table.light-blue td {}
.select2-container {
	border-radius: 2px;
}
.select2-selection__rendered {
	padding: 0 .5em;
}
.searchFilters .select2-selection__rendered, .select2-results__option[aria-selected] {
	font-size: .875em;
	outline: none;
}
table#search-filters td.defFilter input,
	table#search-filters td.defFilter select,
	.defFilter .select2-container .select2-selection--single {}
.searchFilters .select2-container {	min-width: 236px; max-width: 236px;}
table#search-filters td.active input, table#search-filters td.active select {}
.active .select2-container--default .select2-selection--single .select2-selection__rendered, .active .select2-container .select2-selection--single {}
.active .select2-container--default .select2-selection--single .select2-selection__arrow b {}
table#search-filters td input[type="text"] {font-size: .875rem; width:200px;}
table#search-filters td.active select,
	table#search-filters td.defFilter select  {}

td.search-content-b {padding-left:25px;}
td.search-content-b table#search-filters {margin:0 30px 0 0;}
.saveFilterButton div {
	display: inline-block;
}
.genericFilter {
	font-size: .875em;
	padding-left: 2em;
	font-weight: normal;
}
.genericFilter * {
	vertical-align: middle;
}
.genericFilter input[type="checkbox"] {
	margin-right: .3em;
}

/* others */
select.search-text, input.search-text, select.long-text, input.long-text {width: 100px; font-size: 12px;}
input.search-text {width: 150px;}
input.long-text, select.long-text {width: 180px;}

/* main table elements */
table#main-content {margin: 25px 30px;}
#admin-list-page-holder {margin:.5em 1.5em 1em;}

/* list pager */
.list-pager {padding: 0 1%; font-size: .875em; width: 100%; box-sizing: border-box;}
.list-pager a {}
.list-pager.top {border-radius: 2px 2px 0 0; margin-top: 5px;}
.list-pager.bottom {border-radius: 0 0 2px 2px; padding-top: 5px; margin-bottom: 5px; text-align: center;}
.list-pager>div {float: left; height: 27px; padding-top: 8px;}
.corner-image {width:10px; height: 40px;}
.ffw, .rew {width:15%}
.list-pager div.ffw {float: right; text-align: right;}
.returned-records {width: 170px; text-align: center;}
div.records-per-pege {width: 230px; text-align: center;}
table.list-pager td {border-collapse: collapse;}
table.list-pager td.corner-image, table.list-pager td.corner-image img {width:14px; height:35px;}

/* orange navigating - these definitions are in color theme css files hooked by pageHeader.tpl */
.pageList {font-size: 1em; font-weight: normal; padding: 13px 0 0 50px;}
.pageList span {
	padding: .2em .4em;
	margin: -.4em .5em 0 .2em;
}
a.pageNumber, .selectedPage {
	font-size: 1em;
	text-decoration: none;
	text-align: center;
	margin-right: .5em;
	padding: .2em .4em;
	border-radius: 2px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -5px;
	min-width: 20px;
	box-sizing: border-box;
}
.selectedPage {font-size: 1.2em;}
a.page-rew:link, a.page-rew:visited, a.page-ffw:link, a.page-ffw:visited {font-weight: bold; font-size: 12px; height:20px; padding-bottom:4px; padding-top:4px;}
a.page-ffw:before {content:''; float:right; margin: -2px 0 0 5px; width:20px; height:20px;background-position: -12px -20px;}
a.page-rew:before {content:''; float:left; margin: -2px 5px 0 0; width:20px; height:20px;background-position: -5px 0;}

.selectPages {font-size: 1em; border: 0;outline:0}
.selectPages:active,.selectPages:hover  {outline:0}
.selectPages option {border: 0;outline:0;}
.selectPages option:hover {border: 0;outline:0;}

.bottom .records-per-pege, .bottom .returned-records {
	display: none;
}
.bottom .pageList {
	display: inline-block;
	float: none;
	padding-left: 0;
}

/* main table head */
table.main-table {z-index:0}
table.main-table input, table.main-table option, table.main-table select {}
.main-table td a {}
.main-table td img {vertical-align: middle;}
a.recordIdField {}
.main-table .htmlboxed {width: initial; min-width: 15em;}
.main-table .htmlboxed * {}
a.olib {text-decoration: none; border-bottom: dotted; border-bottom-width: 1px;}
tr.main-head-row {}

.main-head-cell {padding: 1.5ex .25em 0;vertical-align:top; text-align: center; font-weight: normal; min-width: 2.5em; position: relative;}
.main-head-cell.idCell {min-width: auto;}
.main-head-cell .quickeditlink {position: absolute; top:-.15em; left: 50%; transform:translateX(-50%);z-index: 2;}
.main-head-cell input[type="checkbox"] {margin-right: 0;}
#rowSelector {min-width: auto; width: 1em;}
#rowSelector input[type="checkbox"] {margin-top: .625em;}
.main-head-cell.searchfield.default, .inline-head-cell.searchfield.default {}
.main-head-cell img {}
.main-table sup, .single-admin-form sup {cursor:default;}

/*sorter table definitions*/
.sorter-table {margin:0 auto .2em;}
.table {display: table;}
.trow {display: table-row;}
.tcell {display: table-cell;vertical-align: top;position: relative;border-bottom: none;font-size: .875rem;}
.tcell a {text-decoration: none;margin-bottom: 5px;}
.tcell input[type="checkbox"] {margin-top: .3em;}
.main-table .edit-link {padding-left: .3em; text-align: center; font-size: .875rem; font-weight: bold;}

/* main table data */

.main-table .nowrap {white-space: nowrap;}
.main-table .arrows img{margin-right: 2px; vertical-align: top;}
.main-table .arrows {padding: .5em 0 .3em; vertical-align: bottom;}
.main-table .arrows span {padding: 5px 3px 2px; margin-top: 3px;}
.main-table tr.aggregate td {padding:3px 5px 4px; text-align: center;}
.main-table td {padding: 1ex 1em; font-size: .875em; box-sizing: border-box;}

.main-table td.data {font-size: 11px; font-family: 'Karla', sans-serif;}/* the missing padding is in .recordIdField */
.main-table td.leadin {width:1%; text-align: center;}
.main-table td.audit {width:75px !important;}
.main-table td.edit {width:80px !important;}
.main-table td.centered {text-align: center;}
.main-table td.right {text-align: right;}
.main-table td.nowrap input.vshort {width:35px;}
.main-table td.nowrap input.short {width:80px;}
.main-table td.nowrap input.normal {width: 150px;}
.main-table td.nowrap input.long {width:275px;}
.main-table td.nowrap input.xlong {width:350px;}

.main-table td.chk {padding-left:5px; padding-right: 8px;}
.main-table td.chk label {display: block; min-height: 100%; height: auto !important; height: 100%;}
.main-table td.chk input[type="checkbox"] {vertical-align: middle;margin-right: 0;}
.iFrameBody .main-table.sticky-enabled tr:last-child td,
	.iFrameBody .main-table.sticky-col tr:last-child td {padding-bottom: 1.2em;}
.right-col label {margin: 1px 3px 2px 0; display: inline-block;}

/* user feedback, errors, warnings and info highlights  */
div#feedback-holder, #feedback-holder-empty-list {
	padding: 0 15px 13px 23px;
	display: block;
	position: fixed;
	top: 50px;
	left: 60px;
	margin-right: 60px;
	z-index: 9;
}
.feedback {
	font:normal 1.4em 'Karla', sans-serif;
	padding:.75em 4.2em .65em .75em;
	text-align:left;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	min-width: 500px;
	background-size: 18%;
	background-repeat: no-repeat;
	background-position: 95%;
}
.countBack {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 100%;
	opacity: .5;
}
.feedback .close-button {width: 40px; height: 40px; top:5px; right:5px}
.feedback .moreMessage {
	cursor: pointer;
}

.feedback div {
	margin-bottom: .3em;
	line-height: 1.1em;
	/*display: flex;*/
}
.feedback br {
	/*display: block;*/
}
@supports (-ms-ime-align:auto) { /*MS doesn't know "display: contents" we have to use bloc rather than flex*/
	/*.feedback div {
	display: block;
	}*/
}
/**
* new ajax feedback div style, should replace the old one; it can be positioned fixed to the viewport, or event
*/
.ajaxFeedback{
	display:none;
	z-index: 99;
	position:fixed;
	top: 20px;
	font: bold 1em/1.5em 'Karla', sans-serif;
	padding: 1em 3em .5em 1em;
	min-height:32px;
	margin-bottom:2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 6em;
}
.ajaxFeedback .close-button {
	top:0;
	right:.1em;
	width: 28px;
	height: 28px;
	background-position: center center;
}
.ajaxInlineFeedback {position:relative; top:0; margin-top:5px;}


/* buttons */
input.push-button {padding:0 5px 0 5px; cursor: pointer; font-family: 'Rubik', sans-serif; font-size:12px;}
input.push-button.de-select, input.push-button.reset-sort {display: block; text-indent: 1000px; overflow: hidden; width: 68px; height: 16px;}
input.push-button.reset-sort {margin-bottom: 8px;}

.MainContrastedButton {
	font:1em/1em "Karla",sans-serif;
	margin-left: .1em; cursor: pointer;
	border-radius: 2px;
	padding: .5ex .5em;
}
.MainContrastedButton:hover {
	text-decoration: none;
}
.MainContrastedButton.moreSpace {
	margin-left: .3em;
}
.recordIdField.MainContrastedButton {
	text-decoration: none;
	text-align: center;
	padding: .2em .7em;
	width: 90%;
	box-sizing: border-box;
	display: inline-block;
	font-weight: bold;
}

.right-col .MainContrastedButton{
	display: inline-block;
}
.help .MainContrastedButton {
	font-size: 1.143em;
}
.colourCodedRed, .colourCodedGreen, .colourCodedYellow, .colourCoded {
	box-sizing: border-box;
	display: inline-block;
	min-width: 3em;
	height: auto;
	padding: .2em;
	text-align: center;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.right-col .colourCodedRed, .right-col .colourCodedGreen, .right-col .colourCodedYellow {
	font-size: .875em;
	padding: 0.2em 0.25em 0 0.4em;
}

.colourCodedRed {

}
.colourCodedGreen {
}
.colourCodedYellow {
}

.selectColourCoded, .selectColourCoded option{
	outline: none;
	border: none;
	border-radius:3px;
}
.selectColourCoded .red, .selectColourCoded.red {
}
.selectColourCoded .green, .selectColourCoded.green {
}
.selectColourCoded .yellow, .selectColourCoded.yellow {
}
.selectColourCoded[disabled] {
}
/*Selec2 override inline definitions*/
.select2-container-disabled .select2-chosen {
}
.select2-container-disabled .select2-arrow {
	opacity: .3;
}
.iFrameBody .select2-container {
	min-width: 236px;
}
.iFrameBody .select2-hidden-accessible option, .iFrameBody .select2-hidden-accessible option {
	display: none;
}
.defFilter .select2-container a {
}
.defFilter select {
	padding-right: 2px;
}


/* FF hack */
@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) {.defFilter select {
	padding-right: 0;
}}

table.general {margin:0;}
table.general td {padding:0;}

/* empty fields */
span.emp {display: inline-block; font-style: italic; text-align: center; width: 100%;}
.helpqtip .emp {text-align: left;}

/* Admin system images and styles (output direct from PHP code) */
.checkoutyes {display:inline; padding:10px; cursor:default;}
.checkoutno {display:inline; padding:10px; cursor:default;}
.checkoutwarn {display:inline; padding:10px; cursor:default;}
.archfolder {display:inline; padding:10px; cursor:default; margin-right:2px;}
.archpadding {font-family:monospace;}
.infotag {display:inline-block; overflow: hidden; height:1.3em; width: 1.3em; margin-top: 5px; cursor:pointer; text-decoration: none !important; border-radius: 2px; box-sizing: border-box;}
.helptag {
	display:inline-block;
	cursor:pointer;
	text-decoration: none !important;
	border:none;
	font: bold 1.35em 'Karla', sans-serif;
	padding: .1em .3em 0 .2em;
	border-radius: 3px;
}
span.helptag {cursor: default;}
table.logger {text-align: left; margin-top: 100px;}

/* process status - for function logs */
div#processatatus {line-height:1.6em; padding:.75em;}
div#processatatus h1 {padding:0 0 20px 0;}
div#processstatus hr.clear {clear:both;}
div#processatatus h3 {font-size:1rem;font-weight: bold; margin-left: .75em; color: #fff;} /*this should go to the theme stylesheet*/
div#processatatus .MainContrastedButton {color: #000; background-color: #f9aa33; border: 1px solid #f9aa33;text-decoration: none;} /* definitely should stay in the theme stylesheet*/
div#processatatus h3.warn {color:#f00;}
div#processatatus h3.complete {}
div#processatatus p {margin:7px;font-family: monospace;}
div#processatatus .warning {font-weight: bold;}
div#processatatus .feedback {
	font-size: .875em;
	border-width: 2px;
	border-style: solid;
	padding: .5em 1em;
	margin-bottom: 1em;
	display: block;
	border-radius: 2px;
	clear: both;
}


/* menu generator headings */
div.helpgen p, div.helpgen li, div.helpgen ol, div.helpgen ul {margin-left:40px;}
div.helpgen h1, div.helpgen h2, div.helpgen h3, div.helpgen h4, div.helpgen p {font-weight: normal; padding:5px; margin:7px 0 7px 0; float:none !important;}
div.helpgen p {padding-left:30px;}
div.helpgen h1 {font-family: 'Rubik', sans-serif; font-size: 22px; margin:15px 0 0 0; padding:0;}
div.helpgen h2 {font-family: 'Rubik', sans-serif; font-size: 18px; margin:15px 0 0 10px;}
div.helpgen h3 {font-family: 'Rubik', sans-serif; font-size: 16px; margin:15px 0 0 20px;}
div.helpgen h4 {font-family: 'Rubik', sans-serif; font-size: 14px; margin:15px 0 0 30px;}
div.helpgen h1, div.helpgen h2, div.helpgen h3, div.helpgen h4 {}

/* smartfooter */
iframe#smartfooter {float:right; overflow:auto; width:400px;}


/* function help descriptions */
div.helpdesc {width:300px; margin: 5px 0 0 20px; padding-left: 15px;}

/* for template name output */
div.smartytemplate {padding-left:3px; position:relative; z-index:1; margin:.75em; font:bold .66em Arial, sans-serif; text-align:left;color:#f00;background-color: #ff0;} /* the colors are default in each theme */
table.dashboard-module td {vertical-align:top;}
table.dashboard-module td.left-column {width:150px;}
table.dashboard-module td.right-column {padding:10px 15px 10px 0;}
table.dashboard-module h2 {margin-left:0;font-weight:bold;font-size:24px;}

table.logfile-list {min-width:400px;}
table.logfile-list td {padding:2px; white-space:nowrap;}
table.logfile-list td.filesize {padding:2px 20px; text-align: right; font-style: italic;}
table.logfile-list td.filename{padding:2px 20px;}

/* all the sticky menu styling */
div.stickyVerticalMenu {padding-left: 20px;}
div.stickyVerticalMenu img.opener {width:15px; height:15px; vertical-align:middle; cursor:pointer;}
div.stickyVerticalMenu li.current>a {}    /* the currently selected sticky menu */
div.stickyVerticalMenu li.prevSelected>a {}    /* the previously selected sticky menu */
div.stickyVerticalMenu li a:hover {}
div.stickyVerticalMenu li.currentBranch>a {font-weight:bold;}    /* the currently selected sticky menu */
div.stickyVerticalMenu li {list-style-type: none;}
div.stickyVerticalMenu li.hr {list-style: none;} /* the separators */
div.stickyVerticalMenu ul.level1,
div.stickyVerticalMenu ul.level2,
div.stickyVerticalMenu ul.level3,
div.stickyVerticalMenu ul.level4,
div.stickyVerticalMenu ul.level5,
div.stickyVerticalMenu ul.level6,
div.stickyVerticalMenu ul.level7 {margin-left: 10px; display:none;}

div#sysfoot {clear:both; padding:10px;}
div#sysfoot table {padding: 0; margin:0; border-collapse: collapse;}
div#sysfoot table td {padding: 0 1px;}
div#sysfoot a {}

div.content-area {clear:both; margin:0 15px 30px 15px;}
div.content-area div.intro {font-style: italic; margin: 15px 30px;}
div.content-area div.content {margin: 15px 30px;}

/* node editing table (e.g. Access Settings) */

/* prevent selection of node rights view table */
table#nodeRightsTable table.coloredTable td{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.coloredTable { margin:0 10px 0 30px; border-collapse: initial;}
.coloredTable td,
	.coloredTable th.nodefirstcol { padding:3px; text-align:center; font-weight: normal; height: 100%; }
.coloredTable td label { display:block; widht: 100%; height: 100%; text-align: center; }
.coloredTable th.top,
	.coloredTable th.topleft { padding: 10px 3px; vertical-align:top; text-align:center; }
/* sticky header */
.coloredTable th.top { position: sticky; top: 115px; left: 160px; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); z-index:2; }
.coloredTable th.topleft { position: sticky; left: 0; top: 115px; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); z-index:3; }
.coloredTable th.nodefirstcol { position: sticky; left: 0; top:230px; z-index:1; }



iframe.iFrameTab {margin: 5px 20px; min-height: 150px; height:800px; width:97%; border:0;  overflow: auto; -ms-overflow: auto;}


/**
* ajax styles
*/
#feedBackDiv {
	font-family: Arial,Helvetica,sans-serif;
	position: absolute;
	display: none;
	z-index: 99;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:15px 25px;
	text-align:center;
	border-radius: 10px;
}

#feedBackDiv.menu-manage {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
	text-align: left;
}
#feedBackDiv.menu-manage h2{
	font: bold 11px/12px 'Karla', sans-serif;
	padding: 5px 35px 5px 10px;
	margin: 0;
}
#feedBackDiv.menu-manage .qtip-close{
	top: 2px;
	right: 2px;
	cursor: pointer;
	z-index: 100;
}
#feedBackDiv.menu-manage .qtip-close:hover{
	text-decoration: none;
}
.qtip-icon .ui-icon.ui-icon-close {
}
div.AJAXMenu {position:relative;top:0;z-index:10;}
div.AJAXMenu ul {margin:0; padding:0;}
div.AJAXMenu li {list-style: none; position: relative; line-height:1em;}
div.AJAXMenu li a {display: block;text-decoration:none; font-size: 11px; padding: 5px 15px;}
div.AJAXMenu a:link, div.AJAXMenu a:visited {}
div.AJAXMenu li.delimiter {display: inline;}
div.AJAXMenu li.hr {height:1px !important; line-height:0 !important;margin:0;padding:0;}
div.AJAXMenu li.button {position:relative;}
div.AJAXMenu li.button:hover {}


/* tabs & subTabs */

table.subtabColumnsContainer {width: 100%;}
table.subtabColumnsContainer tr {margin: 0 20px;}
table.subtabColumnsContainer table {width: 100%;}
table.subtabColumnsContainer table td.left-col {text-align:right; vertical-align:top; width: 30%; font-style:italic;}
table.subtabColumnsContainer table td.right-col {text-align:left; vertical-align:top; width: 30%;}
table.subtabColumnsContainer table td.help-col {vertical-align: top;}

.subtab-col {width: 100%; margin: 1em 0;table-layout: fixed;}
.subtabs-container h4 {height: 26px; padding-left: 15px; padding-top: 10px; margin:0;}
.subtab-bordered {
	padding-bottom: 1em;
	white-space: normal;
}
.subtab-bordered:first-child {
	padding-left: 1em;
}
.subtab-bordered:last-child {
	border-right:0;
	padding-right: 1em;
}
.subtabs-container.pushup {margin-top: -1em}
ul.subtab-label {
	padding-left: 1.5em;
}
ul.subtab-label li{
	cursor:pointer;
	float:left;
	list-style:none;
	margin-right:3px;
	position:relative;
	text-align: center;
}
ul.subtab-label li.current {}
ul.subtab-label li.current a {}
ul.subtab-label li a {text-decoration: none; padding:5px 10px 6px; display: block; font-size: .875em;}
ul.subtab-label a:focus {outline: none;}
.subTabContents, .subtab-all-innerbox {clear: both; padding-top: .875em;}
/*.subtab-all-innerbox {padding: 0 10px 2px;}*/
#main-part .subtab-all-outerbox h3 {float:left; position: relative; margin-left:15px;}
.subtab-all-outerbox {padding: 1em;}
.subtab-all-outerbox.pushup {border-top: none;}
.subtab-all-outerbox li {margin-left:15px;}


.close-button {background:url("../images/system/btn_logout.svg") no-repeat scroll left top transparent; cursor:pointer; height:26px; width:26px; position:absolute; right:10px; top:8px; padding:0; margin:0;}

.claro {font-family:Helvetica,Tahoma,Arial,clean,sans-serif; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;}

/* iFrame style mod*/
body.iFrameBody {width: 100%;}
body.iFrameBody #title-line {background: none; border-bottom: 0; height: 80px; position: relative;}
body.iFrameBody .icon-td {padding: 0;}
body.iFrameBody .icon-td a {}
body.iFrameBody #main-part {border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; min-height: 50px; box-sizing: border-box;}
body.iFrameBody .main-padding-help {padding-top: 15px;}
body.iFrameBody div.bottom-fader {margin-bottom: 0px;}

body.iFrameBody div#searchTButton {margin-left: -8px;}
body.iFrameBody div#admin-list-page-holder {margin:0 15px 5px 15px;}

.iFrameBody #searchLayer {
	top: 0;
}

/* read only tables */
table.single-admin-form.read-only {border-collapse: inherit; width:initial; text-align: center; margin: 0 40px;}
table.single-admin-form.read-only th {text-align: center;}
table.single-admin-form.read-only td {padding: 1.3ex .5em}
table.single-admin-form.read-only a {}

/* print view screen */
div.print-title {font-size: 1.75em;font-weight: bold;margin:10px 0 10px 0;}
div.single-admin-area.print-wrap {padding: 15px 30px;font-size: .75em;}
.main-table.printPreview {max-width: 794px; font-size: .83333;}
.main-table.printPreview td {max-width: 256px;}
.print-wrap .printPreview .aggregate {}
.print-wrap table {max-width: 795px;}
.print-wrap th {font-weight: bold; border-right: 1px dotted #aaa;padding:0 .3em .5em; vertical-align: bottom;border-top: 1px solid #aaa;}
.print-wrap th.print-main-title {font-size: 1.4em; padding-top: 8px;text-decoration:underline}
.print-wrap th.print-sub-title {font-size: 1.2em; padding-top: 4px;}
.print-wrap td {padding-top:2px;}
.print-wrap td:first-child {max-width: 256px; min-width: 256px; word-wrap: break-word;padding-right: 1em;}
.print-wrap .listPrintView th, .listPrintView td {font: normal 11px 'Karla', sans-serif; padding: 5px 7px 7px;}
.print-wrap .listPrintView tr th {}
.print-wrap .listPrintView tr.row0 {}
.print-wrap .listPrintView tr.row1 {}
.print-wrap .listPrintView td .emp {font-style: italic;}
.print-wrap td, .print-wrap th {font-size: 1em;font-family:Arial, sans-serif;}
.print-wrap table.main-table tr.row0:hover, .print-wrap table.main-table tr.row1:hover {}
.print-none {display: none;}
.main-table.printPreview tr:last-child td { border-bottom: 1px solid #aaa; }
.main-table.printPreview tr td:first-child,.main-table tr th:first-child { border-left: 1px solid #aaa; min-width: unset;}

/* list of elements on print view */
table.listPrintView {border-collapse: collapse;}
table.listPrintView th {padding: 2px 4px;}

.printPreview td {padding: 0 .3em; border-right: 1px dotted #aaa;}

/* subnodes view submenu list, horizontal */
.menuHelp {
	margin: 0 1em 1em;
	padding-bottom: 1em;
	font-size: .875em;
	position: relative;
}
.ssmenulist {margin:0 1em;}
.ssmenulist a {white-space: nowrap;}
.ssmenulist .menuLink {display: inline; position: relative;}
.menuHelp .quickLinks-minor {position:absolute; display:block; left:-.6em;top:-.8em;}
.ssmenulist .quickLinks-minor {margin: 0 -9px 0 -5px; left:0;bottom:-4px;}

/* the eye icon quick-edit link, always on top and outside of tabs */
a.quickeditlink {}
.quickeditlink svg {width: 14px; height: 14px; border-radius: 2px; box-sizing: border-box;cursor: pointer;}
.main-head-cell .listResetSort, .sticky-intersect .listResetSort  {width:20px; height:24px; border-radius:3px; box-sizing:border-box; margin-top:2px; margin-bottom: 6px; }
.main-head-cell .clickAllIDs {
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	transform: scale(1.5);
	margin-left: 0;

}
.quickediteye {float:left; margin-left: 5px; border: none;}
.quickediteye svg {border-radius: 2px; box-sizing: border-box;}
.ajax.tabManagePencil {
	position: absolute;
	top: -1ex;
	left: -1em;
}



/* quickedit links in single-view forms */
.single-admin-form td .quickeditlink img {margin-bottom: -3px; margin-left: 5px;}
/* quickedit read-only list head */
.single-admin-form th .quickeditlink img {margin-top: 4px; margin-left: -8px;}
/* quickedit on tabs */
ul.tabList .quickeditlink, h3.tab .quickeditlink {position: absolute; left: 0; top:0; display: block; margin:0; padding:0; z-index: 1;}
h3.tab .quickeditlink {left: -15px; top: -8px;}
/* quickedit on tab - all tabs visible mode */
.subtab-all-outerbox h3 .quickeditlink img {margin-bottom: -3px;}
h3.tab .quickeditlink img {margin-left: -18px;}
ul.tabList .quickeditlink img {margin-top: -4px; margin-left: -4px;}
/* quickedit on subtabs */
ul.subtab-label li .quickeditlink {padding: 0; position:absolute; display: block; width: 15px; height: 15px;top: 0;left: 0;}
.subtab-all-outerbox h3 .quickeditlink {right: -20px;}
ul.subtab-label li .quickeditlink img {margin-top: -4px;margin-left: -9px;}
/* quickedit link in list column heads */
.sorter-table .quickeditlink img {width:14px; height:14px;}

/* quickedit links in the menus */
div.quickLinks-minor {position:absolute; z-index:8;}
div.quickLinks-minor svg {margin-top: 3px; border:0; padding:0; cursor:pointer; width:14px; height: 14px; border-radius: 2px;}
li.toplevel>div.quickLinks-minor {left:-1px; top:-8px;}
li.toplevel>div.quickLinks-minor svg {}

/* - no more quickedit links - */

.cvcm_container {float:left; cursor:pointer;}
.mark_cv, .mark_cm {
	display: inline-block;
	cursor: pointer;
	font-style: normal;
	font-weight: bold;
	height: 16px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	width: 16px;
	border-radius: 3px;
	margin-left: .2em;
}
.mark_cv:hover, .mark_cm:hover {
	text-decoration: none;
}

div.fullHelp {display:none;}

.gfxReport {margin: 10px 0;}
.gfxReport table {border-collapse: collapse; margin:0;}
.gfxReport table th {padding: 5px; text-align: center;}
.gfxReport table td {padding: 4px; text-align: right; padding-right: 5px;}
.gfxReport td.title {text-align: center; font-size: larger;}
.gfxReport td.headx {font-weight: bold; text-align: center;}
.gfxReport td.heady {font-weight: bold; text-align: center;}
.gfxReport td.data {}
.gfxReport td.sum {font-style: italic;}
.gfxReport td.axislabels table {border:0;width: 100%;}
.gfxReport td.axislabels table tr {border:0;}
.gfxReport td.axislabels table td {border:0;}
.gfxReport td.axislabels table td.tt1 {text-align:right;}
.gfxReport td.axislabels table td.tt2 {text-align:center;}


div#chartdiv {margin:0 30px 20px 30px;}

/* popup related definitions */
.popupOverlay{
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 100;
}
#popup-overlay-wait img{
	vertical-align: middle;
}
#popup-overlay-wait>div{
	margin-top: 80px;
	text-align:center;
	z-index: 102;
}
#popup-overlay-wait{
	z-index: 101;
	position: absolute;
	width: 300px;
	height: 200px;
	background: black;
	top: 40%;
	left:50%
}
#popup-wrap {
	z-index: 102;
}
.popupWrap  {
	position: fixed;
	top: 0;
	z-index: 101;
	height: auto;
	padding: 19px;
	left: 50%;
	max-width: 75%;
}
.popupContent .closebtn, .popupWrap .closebtn, .formPopupWrap .closebtn {
	float: right;
	cursor: pointer;
	position: absolute;
	top:2em;
	right:2em;
}
#popup-outer {
	height: 100%;
	position: relative;
	width: 100%
}
.popupContent {
	padding: 1.5em 2.5em;
	border-radius: 2px;
	font-size: .9375rem;
}
.popupContent h1 {
	font-size: 1.6rem;
}
.popupContent .headAlign {
	margin-left:-10px;
}
.popupContent select {
	width: 98%;
}
.popupContent .left-col {
	white-space: normal;
}
#popup-content ul, #popup-content ol {
	list-style-position: outside;
	margin-left: 30px;
}
#popup-help-content {
	max-height: 550px;
	overflow: auto;
	clear:none;
}
.alertText {
	margin-bottom: 3ex;
}


div#info-layer-toggle, #alert-layer-toggle {width: 300px; top:100px; right: 69px; z-index: 99;}
div#info-layer, #alert-layer {padding: 10px;}
div#info-layer-toggle h2, #alert-layer-toggle h2 {margin: 0 0 20px; line-height: 25px;}
div#usagepolicy-layer-toggle {width: 650px; top:100px; left: 69px; z-index: 99;}
div#usagepolicy-layer-toggle h2 {margin: 0 0 20px; line-height: 25px;}
div#usagepolicy-layer {padding: 10px;}
div#classmanage-layer-toggle {width: 650px; top:100px; left: 69px; z-index: 99;}
div#classmanage-layer-toggle h2 {margin: 0 0 20px; line-height: 25px;}
div#classmanage-layer {padding: 10px;}
div#classmanage-layer img {vertical-align: -15%;}
div#menumanage-layer-toggle {width: 650px; top:100px; left: 69px; z-index: 99;}
div.menumanage-layer {padding: 10px;}
div.menumanage-layer img {vertical-align: -15%;}
div.menumanage-layer .spacer {margin: 20px 0;}
.popupContent div.menumanage-layer {margin-top: -4ex;}

div#systemnotice-layer-toggle {top:100px; z-index: 99; width: 100%;}
#systemnotice-layer {	max-height: 550px; overflow: auto; clear:none;}

/* settings layer */
div#settings-layer-toggle {width: 650px; top:100px; right: 69px; z-index: 99;}
div#settings-layer {padding: 5px 0;}
div#settings-layer-toggle h2 {margin: 0; margin-bottom: 20px; z-index: 99; background-position: left top;}

div#settings-layer table{margin:0 auto;}
div#settings-layer td {padding:8px 0;}
div#settings-layer td.left-col {text-align: right; padding-right: 5px;position: relative;}
div#settings-layer .left-col .quickeditlink {right: unset;}
div#settings-layer td.right-col {
	padding-left: 8px;
}
div#settings-layer .helptag {
	margin-right: 5px;
	font-size: 1.05em;
	display: inline-block;
}


table.gfxList {}
table.gfxList th {padding-bottom: 5px; text-align:left;}
table.gfxList td {padding: .3ex .3em;}

.group-list a {padding-left:.3em;}
.group-list a.active {font-style: italic;text-decoration: underline dashed; padding: .1em .3em; margin-bottom: .2em; display: inline-block;}


/* group node rights view extras */
.bigger {line-height: 18px;}   /*  this is used on the same level as the stickyVerticalMenu, to space it out better for group node rights view */
.ac_noread    , .ac_noread:link   , .ac_noread:visited    {text-decoration:none;}
.ac_readonly  , .ac_readonly:link , .ac_readonly:visited  {text-decoration:none;}
.ac_readwrite , .ac_readwrite:link, .ac_readwrite:visited {text-decoration:none;}
.stickyVerticalMenu .liextra {float:left; margin-right: 120px; cursor:default; letter-spacing: 1px; height: 12px;}
.stickyVerticalMenu .liextra img {padding:0;} /* w/o the negative vertical margin, IE plays up with anything less than 22px line height */
.biggap {margin: 0 5px 0 3px;}
.stickyVerticalMenu .liextra .gap {margin-left: 4px;}
.stickyVerticalMenu .liextra img.bglft {margin-left: 8px;}
.stickyVerticalMenu .liextra .on {}
.stickyVerticalMenu .liextra .off {}
.liextra #btnTR, .liextra #btnSR {
	cursor: pointer;
	float: right;
	box-sizing: border-box;
}
.liextra #btnTR {
	border: none;
	margin-left: .5em;
}
#btnSR {
	width: 3.85em;
	font-size: .85em;
	margin: -4px 0 0 1em ;
	padding: .2ex .5em;
	border-radius: 2px;
}

.gap_10	{margin-left: 6px;}
.gap_8,	.gap_7, .gap_6, .gap_5, .gap_9{margin-left: 12px;}
.gap_4	{margin-left: 6px;}
.gap_3, .gap_2, .gap_1 {margin-left: 2px;}

.helpQuestionMark {
	border-radius: 2px;
	float: right;
	font: 20px/23px Tahoma,Arial,Helvetica,sans-serif;
	margin: 28px 0 0 10px;
	padding: 0 6px 1px;
}
.tabhelp .helpQuestionMark {
	float: left;
	margin: 0 8px 0 0;
}


img.warndf {
	position:absolute;
	margin-left: -25px;
}


/* new stuff around charting */
div.chartHeader {}
div.chartLoader {
	padding: 15px;
}
div.chartEmbedCode {
	position:relative;
	width: 900px;
}
div.chartEmbedCode textarea, #allcodes {
	width: 100%; /* must be the same as the chartEmbedCode, otherwise the a.close will wander off */
	height: 100px; /* default in case the js does not work */
	overflow:hidden;
}
div.chartHeader a.close{
	display:block;
	position:absolute;
	padding: 3px;
}


.scrollingBox{
	width: auto;
	height: calc(100vh - 150px);
	overflow-y: auto;
}
.scrollingBox h2{
	margin-top:0;
}

.typableselect {width: 500px;}


.manageClass,#personalSettings.singleView{position: fixed; top:0;  left: 0px; width: 20px; height: 20px; z-index:10;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; box-sizing: border-box;cursor:pointer}

.manageClass.lowertopicon{top: 35px;}
#personalSettings.singleView{left: 24px;}

pre.prewrapped{
	text-align: left;
	white-space: pre-wrap;       /* Since CSS 2.1 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* select2 for search filters */
.search-filters .select2-container .select2-choice {
	height: 14px;
	line-height: 14px;
	margin-top: -1px;
}
.search-filters .select2-container .select2-choice .select2-arrow b{
	background-position: 0 -4px;
}

/* jQuery dialog redefine */
.blueBox{
	border-radius: 2px;
	max-width: 55%;
	min-width: 300px;
}
.blueBox .ui-widget-header {
	background: transparent none;
	border: 0 none;
}
.blueBox .ui-dialog-title {
	font-size: 1.6rem;
	overflow: visible;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	-ms-word-break: break-all;
}
.blueBox .popupContent {
	box-shadow: 0 0 transparent;
	border: 0 none;
	padding: 0;
}
.blueBox .ui-state-default .ui-icon {
	background: transparent none;
}
.blueBox .ui-dialog-titlebar-close {
	background: transparent url("../images/system/btn_logout.svg") no-repeat center center;
	background-size: contain;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	border: 0;
	right: .5em;
	top: 1em;
	outline: 0;
}
.ui-dialog .ui-dialog-content{
	padding: 0 1.5em 1.5em;
	left: 0 !important;
}
.ui-dialog .ui-dialog-titlebar{
	padding: 1em 1.5em .5em;
	cursor: default;
}

.popupContent h2 {
	font-size: 1.6rem;
}
.popupContent .subhead {
	font: bold 14px Arial,Helvetica,sans-serif;
	margin-top: -10px;
}

.classRelationsBox {
	margin: 10px;
	padding: 10px ;
}
.classRelationsBox h3{
	margin-top: 0;
}
.classRelationsBox .green{
	margin:10px;
}
.classRelationsBox .black{
	margin:10px;
}

/*
*
*  jQery tree-multiselect re-definitions
*
*/
.tree-button-row {
	padding-bottom: 1.5ex;
}
div.tree-multiselect {
	display: flex;
	width: 65%;
	min-width: 800px;
	border-radius: 2px;
	margin-bottom: 2ex;
	font-size: .875em;
}
div.tree-multiselect>div.selections  {
	border-right: 1px solid #4a6572;
	padding: .7em;
}
div.tree-multiselect>div.selected  {
	padding: .7em;
}
div.tree-multiselect .auxiliary input.search {
	box-sizing: border-box;
	margin-bottom: 5px;
	height: 20px;
}
div.tree-multiselect input[type=checkbox] {
	vertical-align: middle;
}
div.tree-multiselect>div.selections div.item {
	display: flex;
}
div.tree-multiselect>div.selected>div.item {
	border-radius: 0;
}
div.tree-multiselect span.remove-selected {}
div.tree-multiselect span.remove-selected:hover {}
.div.tree-multiselect div.title {}
div.tree-multiselect>div.selections div.item label {
	line-height: 1em;
}

/* single wiev right column */
.right-col div.tree-multiselect {
	height: 17em;
	margin-bottom: 0;
	border: none;
}
.right-col div.tree-multiselect>div.selected, .right-col div.tree-multiselect>div.selections {
}
.right-col div.tree-multiselect>div.selections {
	margin-right: .2em;
}

/*
*
*  jQery select2 re-definitions
*
*/

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single {
	height: 1.7rem;
	line-height: 1.375rem;
	border-radius: 2px;
	margin: 1px;
	box-sizing: border-box;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: .675em;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 1.7rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: -3px; border-width: 8px 4px 0 4px;}
.select2-container--default .select2-results__option[aria-disabled=true] {}
.select2-results__option, .select2-results__option--highlighted {}
/* make sure the select container can be nice and big, not just a few lines */
.select2-container--default .select2-results > .select2-results__options {
		max-height: 500px;
		min-height: 30px;
		overflow-y: auto;
		z-index: 10;
}
/**
* qTip help redefined styles
*
*/
.qtipAdmin *{
	font: normal 1em Karla, sans-serif;
}
.qtipAdmin{
	border-radius: 2px;
}
.qtipAdmin .qtip-titlebar {}
.qtipAdmin h1, .qtipAdmin h2,.qtipAdmin h3 {
	font-weight: bold;
	float: none;
	margin: unset;
	padding: unset;
	margin-bottom: 1ex;
}
.qtipAdmin h1 {
	font-size: 1.3em;
}
.qtipAdmin h2 {
	font-size: 1.2em;
}
.qtipAdmin h3 {
	font-size: 1.1em;
}
.qtipAdmin p {
	margin: unset;
	margin-bottom: 1.2ex;
}
.qtipAdmin ul, .qtipAdmin ol {
	list-style-position: outside;
	margin-bottom: 1.2ex;
	margin-left: 2em;
}
.qtipAdmin li {
	text-indent: -.5em;
	margin-bottom: .3ex;
}
.qtipAdmin strong {
	font-weight: bold;
}
.qtipAdmin em {
	font-style: italic;
}

/**
* file uploader styling
*/
.inlineFileUploadFrame {
	box-sizing: border-box;
	position: relative;
	width:650px
}
.inlineFileUploadFrame div {
	box-sizing: border-box;
}
.inlineFileUploadFrame .helpqtip {
	padding-right: 0;
	width: 100%;
	min-width: 520px;
}
.fileUploadDropArea{
	border-radius: 2px;
	width: 100%;
	margin: 1.5em 0;
	padding: 2em 2em 1em 1.5em;
}
.right-col .fileUploadDropArea{
	margin:0;
}
.fileUploadDropArea input {
	display:none;
}
.fileUploadDropArea.highlight{}
.fileUploadDropArea label {
	display: inline-block;
	padding: .5ex .5em;
	cursor: pointer;
	border-radius: 2px;
	font: 1em/1rem "Karla",sans-serif;
}
.fileUploadDropArea form{
	margin-bottom: 10px;
}
.fileUploadGallery{
	margin-top: 1em;
}
.fileUploadGallery img{
	width: 150px;
	margin: 0 0 1em 1em;
	vertical-align: middle;
}
.fileUploadfeedback{
	font-weight: normal;
}
.inlineFileUploadFrame .filedata div{
	padding-left: 1.5em;
}
.inlineFileUploadFrame .filedata .fileName{

}
.inlineFileUploadFrame .thmb, .inlineFileUploadFrame .filedata {
	float: left;
	padding-bottom: 1.5em;
}
.inlineFileUploadFrame .thmb img{
	max-width: 120px;
}
.inlineFileUploadFrame .delbtn {
	position: absolute;
	top: 1.5em;
	right: 1.5em;
}
.inlineFileUploadFrame .delbtn input {
	float: right;
}

.mediaListFromSession {margin:15px 35px; padding:0; list-style:disc;}
.mediaListFromSession li {margin:0; padding:0; line-height:15px; font-size:12px;}
.mediaListFromSession .mediaListFN, .mediaListFromSession .mediaListFS {
	margin-right: 7px;
}

/* sticky header realted definitions */
.sticky-wrap {
	overflow-x: auto;
	overflow-y: auto;
	position: relative;
	width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top:0;
	left: 0;
	transition: all .125s ease-in-out;
	width: auto;
	z-index: 4;
	display: none;
}
.sticky-wrap .sticky-col {
	display: none;
}
.sticky-wrap .sticky-thead {
	box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
	z-index: 6;
	width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-col {
	box-shadow: 0.25em 0 0.1em -0.1em rgba(0,0,0,.125);
}
.sticky-wrap .sticky-intersect {
	z-index: 8;
}
.sticky-wrap .sticky-intersect th {

}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}

/* floating scroll definitions */
.fl-scrolls {
	bottom:0;height:35px;overflow:auto;position:fixed
}
.fl-scrolls div {
	height:1px;overflow:hidden;pointer-events:none
}
.fl-scrolls div:before {
	content:"\A0"
}
.fl-scrolls,.fl-scrolls div {
	font-size:1px;line-height:0;margin:0;padding:0;z-index:10;
}
.fl-scrolls-hidden {
	bottom:9999px
}
.fl-scrolls-hidden div:before {
	content:"\A0\A0"
}
.fl-scrolls-viewport {
	position:relative
}
.fl-scrolls-body {
	overflow:auto
}
.fl-scrolls-viewport .fl-scrolls {
	left:0;position:absolute
}
.fl-scrolls-hoverable .fl-scrolls {
	opacity:0;transition:opacity .5s .3s
}
.fl-scrolls-hoverable:hover .fl-scrolls {
	opacity:1
}

.exportInlineRadios{
	display: inline-block;
	min-width: 130px;
	margin: 5px 10px;
	text-align: left;
}
.exportInlineRadios input{
	margin-bottom: 2px;
}
.exportInlineRadios label{
	padding: 2px 5px;
	display: inline-block;
	width: 100%;
	font-size: .875em;
}
#importFeedback{max-height: 300px; overflow: scroll;}

.peekaboo {
	margin-bottom: 2em;
}
div.h3{
	margin: 10px 0;
}

/*custon scrollbar visibility*/
.ps__rail-x, .ps__rail-y {
	border-radius: 7px;
	opacity: 0.6;
	z-index: 11;
}

/*function opener redefinitions*/
.functionOpenerButton {
	box-shadow: -10px 0 10px 0px rgba(0, 0, 0, 0.36);
	margin: 0 -16px 0 10px;
	border-radius: 16px;
}
.iFrameBody .functionOpenerButton {
	margin-right: -10px;
}
.mm-menu {
	width: 250px;
		max-width: 250px;
}
html.mm-right.mm-opening .mm-slideout {
		-webkit-transform: translate(-250px, 0);
		-moz-transform: translate(-250px, 0);
		-ms-transform: translate(-250px, 0);
		-o-transform: translate(-250px, 0);
		transform: translate(-250px, 0);
}
.mm-list {
		font-size: 1rem;
}
.mm-list > li > a, .mm-list > li > span {
	color: initial;
	text-decoration: none;
}
.mm-list > li > a:hover {
	text-decoration: underline;
}

/*writable log div in the top right in case it's needed pageHeader.tpl*/
.log {
	position:fixed; z-index:98; top:0; right:0; background: #fff; color: #000;
}

/*server stats*/
.bgVeryImportant {
	background-color: #f00;
}
.bgMedImportant {
	background-color: #ff0;
}
.bgImportant {
	background-color: #c0c0c0;
}


/*========================================================*/
/* additional css definitions for admin-side content area - to find the definitions easily this part stays at the bottom of this stylesheet */
/*========================================================*/

/*every selector goes behind '.brick'*/

/*reset brick*/
.brick * {
	border: 0 none;
	background: none transparent;
	margin: 0;
	padding: 0;
	float: none;
	list-style-position: inside;
}
.brick ol, .brick ul {
	list-style-position: inside;
}
.brick table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*common definitions for content*/
.brick {
	margin: 10px 25px 45px;
}
.brick h1 {
	margin-bottom: 15px;
}
.brick h2 {
	margin-bottom: 12px;
}
div#main-part .brick h3 {/*we need the div#main-part because of the admin definition*/
	margin: 0 0 10px;
}
.brick p {
	margin-bottom: 15px ;
}
.brick li {
	margin: 0 0 5px 8px;
}

/* make the text gray, or softer somehow - used to indicate non-compatible files on auto-updater list */
.graytxt{ color: gray; }

noscript { display:block; position: sticky;  background: white; color: red; z-index:999; }