@import url('./alvarium-fonts.css');

:root
{
	/* declare some variables */
	--main-bg-color       : #ededed;
	/*--menu-bg-color       : #554433;*/
	--menu-bg-color       : #ccc;
	--debug-bg-color      : #333;
	--main-txt-color      : #333;
	--2nd-txt-color       : #666;
	/*--menu-txt-color      : #fffde9;*/
	--menu-txt-color      : #333;
	--menu-active-color   : #e28725;
	--menu-hover-color    : #fed13a;
	--color-hue-one       : #a80000;
	--color-hue-two       : #c64317;
	--color-hue-three     : #e28725;
	--tab-color           : #ddd;
	--window-border-color : #ccc;
	--window-shadow-color : #999;
	--form-error-color    : #a80000;
	
	--color-white         : #fff;
	--color-black         : #000;
	
	--font-general        : 'Montserrat', sans-serif;
	--font-serif          : 'Roboto Slab', serif;
	
	--max-width           : 1400px;
	--font-size           : 12px;
	--tab-height          : 35px;
}

html, body
{
	height : 100%;
	width  : 100%;
	margin : 0;
}

body
{
	font-family      : var(--font-general);
	font-size        : var(--font-size);
	line-height      : 1.5em;
	text-align       : left;
	color            : var(--main-txt-color);
	background-color : var(--main-bg-color);
}

body.popup
{
	background-color : var(--color-white);
}

iframe
{
	position : absolute;
	border   : none;
	width    : calc(100% - 18px);
	height   : calc(100% - 40px);
	display  : block;
}

/*::-webkit-scrollbar*/
/*{*/
/*	width  : 16px;*/
/*	height : 16px;*/
/*}*/

/*::-webkit-scrollbar-track*/
/*{*/
/*	-webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);*/
/*	border-radius      : 4px;*/
/*}*/

/*::-webkit-scrollbar-thumb*/
/*{*/
/*	border-radius      : 4px;*/
/*	-webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.5);*/
/*}*/

a
{
	color           : inherit;
	text-decoration : underline;
}

a.noDecoration
{
	text-decoration : none;
}

.trace pre
{
	font-family      : 'Consolas', monospace;
	font-size        : 10px;
	line-height      : 1.2em;
	text-align       : left;
	color            : var(--main-bg-color);
	background-color : var(--debug-bg-color);
	margin           : 0 0 5px 0;
	padding          : 8px;
}

.trace pre .debugFile
{
	font-weight: bold;
	color : var(--menu-hover-color);
}

.trace pre .debugLine
{
	font-weight: bold;
	color : var(--menu-active-color);
}

.floatRight
{
	float : right;
}

.textRight
{
	text-align : right;
}

.inlineIcon
{
	vertical-align : text-bottom;
}

.pointer
{
	cursor : pointer;
}

.truncateId
{
	width         : 40px;
	max-width     : 40px;
	white-space   : nowrap;
	overflow      : hidden;
	text-overflow : ellipsis;
}

.greyBackground
{
	background-color: var(--main-bg-color) !important;
}

#pageHeader
{
	height            : 92px;
	/*background-image  : url('/img/honeycomb.png');*/
	/*background-repeat : repeat;*/
	background-color  : var(--menu-bg-color);
	display           : flex;
}

#pageHeader > #logo
{
	position : relative;
	top      : 1px;
	left     : 6px;
	width    : 230px;
}

#pageHeader .userInfo
{
	flex        : auto;
	font-family : var(--font-serif);
	color       : var(--menu-txt-color);
	text-align  : right;
	max-width   : calc(var(--max-width) - 230px - 10px); /* subtract width of logo image and its padding */
	padding-top : 9px;
}

@media screen and (max-width : var(--max-width))
{
	#pageHeader .userInfo
	{
		padding-right : 10px;
	}
}

#pageHeader .userInfo .operator, #pageHeader .userInfo .logoff
{
	padding-right: 5px;
}

#pageHeader .userInfo .operator a
{
	text-decoration : none;
}

#pageHeader .userInfo .logoff
{
	padding-top : 17px;
}

#mainWrapper
{
	display         : table;
	border-collapse : collapse;
	height          : calc(100% - 92px);
}

#mainWrapperPopup
{
	display         : table;
	border-collapse : collapse;
	height          : 100%;
	margin-left     : 10px;
}

#mainBody
{
	display : table-row;
	height  : 100%;
}

#menuWrapper
{
	display          : table-cell;
	min-width        : 32px;
	height           : 100%;
	color            : var(--menu-txt-color);
	background-color : var(--menu-bg-color);
	vertical-align   : top;
}

#menuExpanded
{
	display          : none;
	width            : 300px;
	/*min-height       : calc(100% + 92px);*/
	z-index          : 1500; /*to make sure it overlaps tinyMCE editor*/
	position         : absolute;
	background-color : var(--menu-bg-color);
}

#menuExpanded img
{
	float : right;
}

#menuItems
{
	padding-top : 45px;
}

#menuItems a
{
	text-decoration : none;
}

.menuLevelOne
{
	font-family    : var(--font-serif);
	font-size      : 16px;
	/*font-weight    : bold;*/
	letter-spacing : 1px;
	color          : var(--menu-txt-color);
	padding        : 8px 10px 8px 25px;
}

.menuLevelOne.selected
{
	font-weight : bold;
	font-style  : italic;
	color       : var(--menu-active-color);
}

.menuLevelOne:hover
{
	background-color : var(--main-bg-color);
	color            : var(--color-black);
}

#menuCollapsed img
{
	position : relative;
	/*top      : 97px;*/
}

#contentsWrapper
{
	max-width   : calc(var(--max-width) - 32px + 5px); /* 1400 - menu width + padding first column */
	padding-top : 10px;
}

#silk
{
	position         : fixed;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	z-index          : 1510;
	display          : none;
	background-color : #000000;
	opacity          : 0.33;
}

#tabsWrapper, #tabsWrapper2
{
	height        : var(--tab-height);
	line-height   : var(--tab-height);
	margin        : 0 10px 15px 0;
	border-bottom : 1px solid var(--window-border-color);
}

.tab
{
	height                  : var(--tab-height);
	line-height             : calc(var(--tab-height) - 4px);
	padding                 : 1px 32px 0 32px;
	margin-top              : 1px;
	font-family             : var(--font-serif);
	font-size               : 16px;
	color                   : var(--main-txt-color);
	letter-spacing          : 1px;
	float                   : left;
	position                : relative;
	top                     : -3px;
	left                    : 15px;
	border-top              : 1px solid var(--window-border-color);
	border-right            : 1px solid var(--window-border-color);
	border-top-right-radius : 3px;
	border-top-left-radius  : 3px;
	background-color        : var(--tab-color);
	border-bottom           : 1px solid var(--window-border-color);
	cursor                  : pointer;
}

.tab a
{
	text-decoration : none;
}

.tab a:hover
{
	color : var(--color-black);
}

.tab:first-child
{
	left        : 15px;
	border-left : 1px solid var(--window-border-color);
}

.tab.selected
{
	height                  : calc(var(--tab-height) - 2px);
	background-color        : var(--main-bg-color);
	font-weight             : bold;
	padding-top             : 1px;
	border-top-color        : var(--color-hue-three);
	border-top-width        : 3px;
	border-top-style        : solid;
	border-bottom           : 1px solid var(--main-bg-color);
	top                     : -4px;
	cursor                  : unset;
}

.intro h1
{
	margin-block-start : 5px;
}

.intro
{
	padding : 5px 0 7px 15px;
	width   : calc(100% - 25px);
}

.intro .counter
{
	float    : right;
	right    : 5px;
	position : relative;
}

.intro .breadcrumb
{
	padding-bottom : 8px;
	margin-bottom  : 8px;
	border-bottom  : 1px solid var(--window-border-color);
}

.intro .breadcrumb.tabs
{
	padding-bottom : 0;
	margin-bottom  : 7px;
	border-bottom  : none;
}

.intro .breadcrumb .crumb
{
	font-family    : var(--font-serif);
	font-size      : 19px;
	/*font-weight    : bold;*/
	letter-spacing : 1px;
	/*color          : var(--color-hue-one);*/
}

.intro .breadcrumb .crumbDivider
{
	font-weight : normal;
	position    : relative;
	bottom      : 2px;
}

.intro .breadcrumb a
{
	text-transform  : uppercase;
	text-decoration : none;
}

.intro .breadcrumb .navigation a
{
	text-transform  : unset;
}

.intro .breadcrumb a:hover
{
	text-decoration : underline;
}

.intro .breadcrumb .navigation
{
	float : right;
}

.contentColumn
{
	width : 456px;
	float : left;
}

.contentColumn:first-child
{
	padding-left : 5px;
}

.contentColumn.popup
{
	width : 416px;
}

.contentColumn.double
{
	width : 912px;
}

.contentWindow
{
	width              : 416px;
	background-color   : var(--color-white);
	border-radius      : 3px;
	border             : 1px solid var(--window-border-color);
	margin             : 0 10px 19px 10px;
	padding            : 0 9px 9px 9px;
	-webkit-box-shadow : 1px 1px 6px 3px rgba(153, 153, 153, 0.5);
	-moz-box-shadow    : 1px 1px 6px 3px rgba(153, 153, 153, 0.5);
	box-shadow         : 1px 1px 6px 3px rgba(153, 153, 153, 0.5);
}

.contentWindow.popup
{
	border-radius      : 0;
	border             : none;
	margin             : 0;
	padding            : 0;
	-webkit-box-shadow : none;
	-moz-box-shadow    : none;
	box-shadow         : none;
}

.contentWindow.double
{
	width : 872px;
}

.contentWindow.triple
{
	width : 1328px;
	clear : left;
}

.contentWindow h1, .intro h1
{
	font-family    : var(--font-serif);
	font-size      : 19px;
	font-weight    : bold;
	text-transform : uppercase;
	letter-spacing : 1px;
	color          : var(--color-hue-three);
	padding-bottom : 8px;
	border-bottom  : 1px solid var(--window-border-color);
}

.contentWindow h1 .noTransform, .intro h1 .noTransform
{
	text-transform : none;
}

.contentWindow h2
{
	font-family    : var(--font-serif);
	font-size      : 15px;
	font-weight    : normal;
	letter-spacing : 1px;
	color          : var(--color-hue-three);
	padding        : 6px 0 2px 0;
	margin         : 0;
	border-bottom  : 1px solid var(--window-border-color);
}

.contentWindow h2:not(:first-of-type)
{
	padding-top : 15px;
}

.contentWindow h2.noLabel
{
	margin-bottom : 8px;
}

.contentWindow .label
{
	font-size   : 11px;
	padding-top : 6px;
	clear       : both;
}

.contentWindow .label.required
{
	font-weight : bold;
}

.contentWindow .label.error
{
	color : var(--form-error-color);
}

.contentWindow .rightsLevel
{
	float       : left;
	width       : 20%;
	text-align  : center;
	font-weight : bold;
	padding     : 7px 0;
	margin      : 0;
}

.contentWindow .multiCheck .edit.rightsLevel
{
	height      : 18px;
	line-height : 18px;
	padding     : 0;
}

.contentWindow .multiCheck .view.rightsLevel
{
	height      : 18px;
	line-height : 18px;
	padding     : 0 0 1px 0;
}

label.checkboxCustom
{
	display      : inline;
	cursor       : pointer;
	position     : relative;
	padding-left : 20px;
	padding-top  : 1px;
	margin       : 0 0 0 10px;
}

.contentWindow .multiCheck label.checkboxCustom
{
	margin : 0;
}

label.checkboxCustom:before
{
	content          : url('/img/icons/checkOff.png');
	display          : inline;
	width            : 16px;
	height           : 16px;
	margin-right     : 10px;
	position         : absolute;
	left             : 0;
	bottom           : 0;
	background-color : #ffffff;
	border-color     : #ffffff;
	border-radius    : 0;
}

label.checkboxCustom:hover:before
{
	border-color : transparent;
}

.links, .addRecord
{
	padding : 0 10px 7px 10px;
}

input[type=checkbox].checkboxCustom
{
	position   : absolute;
	width      : 16px;
	height     : 16px;
	margin     : 0 0 0 10px;
	/*margin   : 0;*/
	border     : 1px solid var(--window-border-color);
	/*visibility : hidden;*/
}

.contentWindow .multiCheck input[type=checkbox].checkboxCustom
{
	margin : 0;
}

input[type=checkbox].checkboxCustom:checked + label.checkboxCustom:before
{
	content    : url('/img/icons/check.png');
	text-align : center;
}

span.radioCustom
{
	width       : 16px;
	height      : 16px;
	display     : inline-block;
	position    : relative;
	z-index     : 1;
	top         : 3px;
	margin-left : 10px;
	background  : url('/img/icons/radioOff.png') no-repeat;
}

span.radioCustom:hover
{
	background : url('/img/icons/radioOff.png') no-repeat;
}

span.radioCustom.selected
{
	background : url('/img/icons/radio.png') no-repeat;
}

span.radioCustom input[type='radio']
{
	margin         : 1px;
	position       : absolute;
	z-index        : 2;
	cursor         : pointer;
	outline        : none;
	opacity        : 0;
	/* CSS hacks for older browsers */
	_noFocusLine   : expression(this.hideFocus=true);
	-ms-filter     : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	filter         : alpha(opacity=0);
	-khtml-opacity : 0;
	-moz-opacity   : 0;
}

.contentWindow .field input[type='text'], .contentWindow .field input[type='password'], .contentWindow .field textarea, .contentWindow td input[type='text'], .contentWindow td input[type='password'], .contentWindow td textarea
{
	background-color : white;
	font-size        : 12px;
	font-family      : var(--font-general);
	border           : 1px solid var(--window-border-color);
	outline-width    : 0;
	width            : calc(100% - 12px);
	padding-left     : 10px;
}

.contentWindow .field input[type='text'].currency
{
	width : calc(100% - 118px);
}

.contentWindow .field.tiers input[type='text'].currency
{
	width : 114px; /*78px;*/
}

.contentWindow.popup .field input[type='text'], .contentWindow.popup .field input[type='password'], .contentWindow.popup .field textarea, .contentWindow.popup td input[type='text'], .contentWindow.popup td input[type='password'], .contentWindow.popup td textarea
{
	width : calc(100% - 10px);
}

.contentWindow .field select
{
	background-color : white;
	font-size        : 12px;
	font-family      : var(--font-general);
	border           : 1px solid var(--window-border-color);
	outline-width    : 0;
	width            : 100%;
	padding-left     : 10px;
}

.contentWindow .field select.currency
{
	width        : 100px;
	padding-left : 6px;
}

.contentWindow .field select.entity
{
	margin-top : 2px;
}

.contentWindow .field textarea
{
	height : 220px;
}

.contentWindow .field.small textarea
{
	height : 100px;
}

.contentWindow .field input.error, .contentWindow .field select.error, .contentWindow .field textarea.error
{
	border : 1px solid var(--form-error-color);
	color  : var(--form-error-color);
}

.contentWindow .field .view, .contentWindow .staticField .staticView
{
	float                 : left;
	cursor                : text;
	padding-left          : 11px;
	min-width             : calc(100% - 11px);
	/*margin-bottom         : 1px;*/
	/*text-decoration       : underline;*/
	/*text-decoration-color : white;*/
	/*background-image      : url('/img/field.png');*/
	/*background-position   : bottom;*/
	/*background-position-y : 14px;*/
	/*background-repeat     : no-repeat;*/
	/*background-size       : contain;*/
}

.contentWindow .field .view p
{
	margin : 0;
	/*background-size       : contain;*/
}

.contentWindow .field .view.currency
{
	/*min-width : unset;*/
	visibility : hidden;
	height     : 0;
	width      : 0;
}

.contentWindow .field.divider .view
{
	padding-left : unset;
	min-width    : 100%;
}

/*
.contentWindow .field .view.currency:last-of-type
{
	padding-left : 4px;
}
*/

.contentWindow .field .view .iconRight, .contentWindow .staticField .staticView .iconRight
{
	float : right;
}

.contentWindow .field .view .iconRight.divider, .contentWindow .staticField .staticView .iconRight.divider
{
	position : relative;
	top      : -20px;
	height   : 0;
}

.contentWindow .field .view .iconRight.noLabel, .contentWindow .staticField .staticView .iconRight.noLabel
{
	top : -28px;
}

.contentWindow .field .text
{
	display      : inline-block;
	padding-left : 11px;
}

.contentWindow .field.currency .edit, .contentWindow .field.tiers .edit
{
	display : inline;
}

.contentWindow .field.checkbox .view, .contentWindow .field.checkbox .edit, .contentWindow .field.radio .view, .contentWindow .field.radio .edit
{
	cursor : pointer;
	float  : left;
}

.contentWindow .field.multiCheck .view
{
	padding-left : 0;
	height       : 0;
}

.contentWindow .field.checkbox .view
{
	height : 0;
}

.contentWindow .field.checkbox .edit
{
	clear      : left;
	min-height : 20px;
}
.contentWindow .field .readOnly
{
	cursor : unset !important;
}

.contentWindow .field .edit .indent
{
	padding-left : 11px;
}

.contentWindow .field.radio .view .inlineIcon
{
	padding-right : 3px;
}

.contentWindow .submit, .contentWindow .confirmDelete
{
	padding : 16px 0 14px 0;
	clear   : left;
}

.contentWindow .confirmDelete
{
	display : none;
}

.contentWindow .field.tiers .tierUntil
{
	display    : inline-block;
	width      : 78px; /*47px;*/
	text-align : right;
}

input[type='submit'], input[type='button'], button
{
	background-color : var(--color-hue-three);
	border           : 1px solid var(--color-hue-three);
	border-radius    : 3px;
	color            : white;
	font-family      : var(--font-serif);
	font-weight      : bold;
	padding          : 5px 12px;
	letter-spacing   : 0.05em;
	cursor           : pointer;
}

input[type='submit']:disabled, input[type='button']:disabled
{
	color            : var(--color-white);
	background-color : var(--window-shadow-color);
	border-color     : var(--window-shadow-color);
	cursor           : not-allowed;
}

input[type='submit'].dimmed, input[type='button'].dimmed
{
	background-color : var(--window-shadow-color);
	border-color     : var(--window-shadow-color);
}

/* autocomplete color override*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus
{
	border                  : none;
	-webkit-text-fill-color : var(--main-txt-color);
	-webkit-box-shadow      : none;
	transition              : background-color 5000s ease-in-out 0s;
}

ul.error
{
	padding-left  : 15px;
	padding-right : 15px;
}

ul.error li
{
	font-weight : bold;
	color       : var(--form-error-color);
}

#filterData
{
	margin : 10px 0 10px 10px;
}

#filterData label
{
	margin-right : 10px;
}

#filterData .timeSlider
{
	display : inline-block;
	width   : 335px;
}

#filterData .timeSliderTime
{
	display : inline-block;
	width   : 30px;
}

#filterData .timeSliderSlider
{
	display        : inline-block;
	width          : 250px;
	margin         : 0 11px;
	vertical-align : middle;
}

.fileUploadArea
{
	border       : 1px solid var(--window-border-color);
	height       : 200px;
	cursor       : pointer;
	padding-left : 11px;
}

.fileUploadArea:hover, .fileUploadArea:-moz-drag-over
{
	border-style     : dashed;
	background-color : var(--main-bg-color);
}

.fileUploadArea .progressBar
{
	border           : 1px solid var(--color-hue-three);
	background-color : var(--color-hue-three);
	color            : var(--main-bg-color);
	margin           : 20px 11px 0 0;
	min-height       : 11px;
	display          : none;
}

.uploaded
{
	padding-top  : 10px;
	padding-left : 11px;
}

.uploaded > div
{
	padding-bottom : 4px;
}

.uploaded > div > img
{
	cursor: pointer;
}

.inlineIcon
{
	vertical-align : text-bottom;
}

.inlineIconHeader
{
	vertical-align : baseline;
	position       : relative;
	top            : 4px;
	float          : right;
	padding-right  : 2px;
}

.pagination
{
	padding    : 0 10px 19px 10px;
	text-align : center;
}

.pageLinksCenter
{
	letter-spacing : 1px;
	padding        : 0 20px;
}

.hidden
{
	display : none !important;
}

#surveyTable
{
	width          : 100%;
	border         : none;
	border-spacing : 0;
	margin-top     : 6px;
}

#surveyTable td
{
	padding : 4px;
}

#surveyTable thead td
{
	white-space : nowrap;
}

#surveyTable td.wrapLongLines
{
	word-wrap     : break-word;
	overflow-wrap : break-word;
}

#surveyTable tbody tr:hover
{
	background-color : var(--main-bg-color);
}

tbody tr
{
	border-bottom : 1px solid var(--main-bg-color);
}

td.top
{
	vertical-align : top;
}

#signaturePad
{
	border : 1px solid var(--window-border-color);
}

.wallPostPlacedBy
{
	text-align  : right;
	font-size   : 11px;
	padding-top : 6px;
}

#dialog
{
	overflow-y : auto;
}

.ui-dialog
{
	width                 : 416px;
	background-color      : var(--color-white);
	border-radius         : 3px;
	border                : 1px solid var(--window-border-color);
	margin                : 0 10px 19px 10px;
	padding               : 0 9px 9px 9px;
	-webkit-box-shadow    : 1px 1px 6px 3px rgba(153, 153, 153, 0.5);
	-moz-box-shadow       : 1px 1px 6px 3px rgba(153, 153, 153, 0.5);
	box-shadow            : 1px 1px 6px 3px rgba(153, 153, 153, 0.5);
	z-index               : 1520; /*to make sure it overlaps silk layer*/
	position              : absolute;
	
	background-attachment : unset;
	background-clip       : unset;
	background-image      : unset;
	background-origin     : unset;
	background-position-x : unset;
	background-position-y : unset;
	background-size       : unset;
	border-bottom-color   : unset;
	border-bottom-style   : unset;
	border-bottom-width   : unset;
	border-image-outset   : unset;
	border-image-repeat   : unset;
	border-image-slice    : unset;
	border-image-source   : unset;
	border-image-width    : unset;
	border-left-color     : unset;
	border-left-style     : unset;
	border-left-width     : unset;
	border-right-color    : unset;
	border-right-style    : unset;
	border-right-width    : unset;
	border-top-color      : unset;
	border-top-style      : unset;
	border-top-width      : unset;
	color                 : unset;
	display               : unset;
	font-family           : unset;
	font-size             : unset;
	height                : unset;
	left                  : unset;
	line-height           : unset;
	outline-color         : unset;
	outline-style         : unset;
	outline-width         : unset;
	text-align            : unset;
	top                   : unset;
}

.ui-dialog .ui-dialog-content
{
	padding               : 0;
	overflow-y            : auto;
	
	background-attachment : unset;
	background-clip       : unset;
	background-color      : unset;
	background-image      : unset;
	background-origin     : unset;
	background-position-x : unset;
	background-position-y : unset;
	background-repeat     : no-repeat;
	background-size       : unset;
	border-bottom-color   : unset;
	border-bottom-style   : unset;
	border-bottom-width   : unset;
	border-image-outset   : unset;
	border-image-repeat   : unset;
	border-image-slice    : unset;
	border-image-source   : unset;
	border-image-width    : unset;
	border-left-color     : unset;
	border-left-style     : unset;
	border-left-width     : unset;
	border-right-color    : unset;
	border-right-style    : unset;
	border-right-width    : unset;
	border-top-color      : unset;
	border-top-style      : unset;
	border-top-width      : unset;
	color                 : unset;
	display               : unset;
	font-family           : unset;
	font-size             : unset;
	height                : unset;
	line-height           : unset;
	max-height            : unset;
	min-height            : unset;
	overflow-x            : unset;
	position              : unset;
	text-align            : unset;
	width                 : unset;
}

.ui-dialog.ui-widget-content
{
	border : 1px solid var(--window-border-color);
}

.ui-dialog .ui-dialog-titlebar
{
	background-repeat          : no-repeat;
	border                     : none;
	cursor                     : grab;
	height                     : 32px;
	padding                    : 0;
	
	background-attachment      : unset;
	background-clip            : unset;
	background-color           : unset;
	background-image           : unset;
	background-origin          : unset;
	background-position-x      : unset;
	background-position-y      : unset;
	background-size            : unset;
	font-weight                : unset;
	position                   : unset;
	touch-action               : unset;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover
{
	position                   : absolute;
	top                        : 10px !important;
	right                      : 10px !important;
	border                     : none;
	background-color           : transparent;
	background-image           : url('/img/icon_close.png');
	background-repeat          : no-repeat;
	padding                    : 8px !important;
	margin                     : 0 !important;
	
	align-items                : unset;
	appearance                 : unset;
	background-attachment      : unset;
	background-clip            : unset;
	background-origin          : unset;
	background-position-x      : unset;
	background-position-y      : unset;
	background-size            : unset;
	box-sizing                 : unset;
	color                      : unset;
	cursor                     : unset;
	display                    : unset;
	font-family                : unset;
	font-size                  : unset;
	font-stretch               : unset;
	font-style                 : unset;
	font-variant-caps          : unset;
	font-variant-east-asian    : unset;
	font-variant-ligatures     : unset;
	font-variant-numeric       : unset;
	font-weight                : unset;
	height                     : unset;
	letter-spacing             : unset;
	line-height                : unset;
	overflow-x                 : unset;
	overflow-y                 : unset;
	text-align                 : unset;
	text-decoration-color      : unset;
	text-decoration-line       : unset;
	text-decoration-style      : unset;
	text-decoration-thickness  : unset;
	text-indent                : unset;
	text-rendering             : unset;
	text-shadow                : unset;
	text-transform             : unset;
	user-select                : unset;
	vertical-align             : unset;
	white-space                : unset;
	width                      : unset;
	word-spacing               : unset;
	writing-mode               : unset;
	-webkit-border-image       : unset;
}

.ui-dialog-titlebar-close > span
{
	display: none;
}

.ui-draggable-handle
{
	cursor : grab;
}

/* folders */

.folder
{
	padding    : 10px 0 0 20px;
	background : transparent url('/img/dotted_vertical.gif') repeat-y left top;
}

.folderMargin
{
	margin : -6px 0 0 -10px;
	float  : left;
}

.folderContents
{
	margin-top : -4px;
}

.folderContents .toggleButton
{
	/*	display: none;*/
	margin-top : -2px;
}

.folderContents .file
{
	/*	display: none;*/
	padding-left : 25px;
	background   : transparent url('/img/dotted_vertical.gif') repeat-y left top;
}

.folderContents .fileMargin
{
	margin : 0 0 0 -15px;
	float  : left;
}

.folderContents .file .indent
{
	padding-left : 7px;
}

.folderContents .file a
{
	text-decoration : none;
}

.folderContents .file a:hover
{
	text-decoration : underline;
}

.clipboardCopy
{
	vertical-align : text-bottom;
	cursor         : pointer;
	width          : 16px;
	height         : 16px;
	border         : none;
}

#notificationsWrapper
{
	display  : none;
	position : fixed;
	width    : 100%;
	top      : 0;
	z-index  : 1;
}

.notificationWrapper
{
	margin           : 0 auto 2px auto;
	padding          : 10px 0;
	background-color : #fffbbb;
	border-top       : #fff000 1px solid;
	border-bottom    : #fff000 1px solid;
}

.notificationWrapper .notification
{
	padding-left : 19px;
	width        : 980px;
	text-align   : left;
}

.notificationWrapper .notification .notificationIcon
{
	padding-right : 6px;
	text-align    : left;
}

.notificationWrapper .notification .removeIcon
{
	float        : right;
	padding-right: 14px;
	text-align   : right;
	cursor       : pointer;
}

.notificationWrapper .notification .urlIcon
{
	float        : right;
	padding-right: 7px;
	text-align   : right;
	cursor       : pointer;
}

.notificationWrapper .notification .notificationDescription
{
	text-align : left;
}

.notificationWrapper .notification .notificationMessage
{
	display      : none;
	padding-left : 25px;
	text-align   : left;
}