/***************************************************************************************************************************
** PNotify fixes for various problems.
**
** TODO: Still need to fix case where there is title text but no message text (too much space under title text).
** In this case the selector is the problem.  You need to find all h4.ui-pnotify-title elements
** with a sibling element of div.ui-pnotify-text that is empty BUT match the h4 element.  The
** selector "h4.ui-pnotify-title + div.ui-pnotify-text:empty" is close but matches div instead
** of the h4.  If a selector is found, "margin-bottom: 0px" fixes the spacing.
***************************************************************************************************************************/

h4.ui-pnotify-title:empty
{
	display: none; /* fixes spacing when there is message text but no title text (too much space above message text) */
}

h4.ui-pnotify-title
{
	margin-top: -3px; /* aligns icon with title text (icon is higher than text) */
}

/*
The following style (box-sizing:border-box) allows width:100% on the inner
control elem to include border and padding.  The default for box-sizing is
content-box which does not include margin, border or padding.  Unfortunately
there is no value for box-sizing to indicate margin-box so margin must also
be set to 0 on the inner control elem.  The outer div elem usually has
overflow:hidden set, so the right and bottom sides can get cut off if the
inner control elem has border or padding set.
*/

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: local('Raleway Light'), local('Raleway-Light'), url(../../fonts/raleway300.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), url(../../fonts/raleway400.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../../fonts/raleway600.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* LO Store Styles */
/* LO-6772 #lp .DLG_titleTextLarge { background:url(../../images/dialog/flat_popup_header_bg.png) repeat-x 0 0; }*/
#lp .DLG_titleText { background-color:#17a0db; }
#lp .DLG_titleCloseButtonOld { background:url(../../images/dialog/close_wnd_btn.png) no-repeat 0px 0px; width:29px; height:21px; margin:0; padding:0; border:0 none; }
#lp .DLG_winButtonOverLarge, #lp .DLG_winButtonOver { background:url(../../images/dialog/close_wnd_btn.png) no-repeat 0px -21px; width:29px; height:21px; margin:0px; padding:0px; border:0 none; }
#lp .DLG_titleButtons { top:3px; }
#lp .DLG_titleTextLarge, #lp .DLG_titleText { font-family:"Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding:3px 0 0 10px; }
#lp .DLG_titleBar, #lp .DLG_titleBarLine { background:transparent; }
#lp .DLG_window { border:0 none; background:transparent; width:100%; }
#lp .DLG_content, #lp .PS_content { margin:0; padding:0; }
#lp .DLG_innerDiv { background:#fff; }
#lp #mbButtonDiv { width:100%; text-align:center; }
#lp #mbButtonDiv #btnOK { width:250px; background-color:#0fa0db; background-color:#0fa0db; color:#fff; font-size:14px; }

html.home #okBtn
{
	color: #FFF;
	background-color: #0fa0db;
	border-color: #0fa0db;
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box;
}

div.DLG_edittext input, div.DLG_edittext textarea
{
	-webkit-box-sizing: border-box;		/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;		/* Firefox, other Gecko */
	box-sizing: border-box;				/* Opera/IE 8+ */
}

.DLG_titleBarLarge, .DLG_titleBarLineLarge, .DLG_titleBar, .DLG_titleBarLine
{
	background:transparent;
	position: relative;	/* IMPORTANT */
}

.DLG_titleBarLarge, .DLG_titleBarLineLarge
{
	height: 40px;
	/*LO-6772 background-color: #0fa0db;*/
	/*border-bottom: 1px solid #b7b7b7;*/
}

.DLG_titleBar, .DLG_titleBarLine
{
	background-color: #0fa0db;
}

.DLG_titleBarLine
{
}

.DLG_titleTextLarge, .DLG_titleText /* The title text in the title bar */
{
	color: #1a1a1a;
	font-family: "proxima-nova", "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13pt;
	padding:3px 0 0 10px;
	letter-spacing:0.03em;
}

.DLG_titleTextLarge /* The title text in the title bar */
{
	padding:12px 0px 0px 10px;
	/*LO-6772 background:url(../../images/dialog/flat_popup_header_bg.png) repeat-x 0 0;*/
}

.DLG_titleText /* The title text in the title bar */
{
	background-color:#17a0db;
	padding: 4px 10px;
}

.DLG_titleButtons /* Div for the buttons in the title bar */
{
	position: absolute;
	right: 3px;
	top: 3px;
	padding: 0px;
	margin: 0px;
}

.DLG_titleButtons div
{
	float: right;
}

.DLG_webtoraLogo
{
	background-image: url(../../images/logoBG.png);
	background-repeat: repeat-x;
	border: 1px solid #888888;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 2px;
	height: 54px;
}

.DLG_webtoraLogoInner
{
	background-image: url(../../images/logo.svg);
	background-repeat: no-repeat;
	background-position: 0px center;
	width: 100%;
	height: 100%;
}

.DLG_webtoraName, .DLG_webtoraCopyright
{
	color: white; /* #4aa0e0; */
	text-align: right;
	text-decoration: none;
	line-height: 14px;
	margin: 0px;
	background-color: transparent;
}

.DLG_webtoraName
{
	font-size: 10pt;
	font-weight: bold;
}

.DLG_webtoraCopyright
{
	font-size: 7pt;
}

/* General button rules */
.DLG_titleCloseButtonOld
{
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 1px;
	padding-right: 7px;
	width: 11px;
	height: 11px;
}
.DLG_titleCloseButtonOld
{
	margin-top: 5px;
	margin-right: 3px;
	margin-left: 3px;
}
.DLG_titleCloseButtonOld
{
	background:url(../../images/dialog/close_wnd_btn.png) no-repeat 0px 0px; width:29px; height:21px; margin:0; padding:0; border:0 none; color:white;
}
.DLG_titleCloseButtonOld:hover {
	background:url(../../images/dialog/close_wnd_btn.png) no-repeat 0px -21px; width:29px; height:21px; margin:0; padding:0; border:0 none;
}
.DLG_titleMinButtonLarge, .DLG_titleMaxButtonLarge, .DLG_titleCloseButtonLarge, .DLG_titleMinButton, .DLG_titleMaxButton, .DLG_titleCloseButton, .DLG_ButtonHelpLarge
{
	font-size: 22px;
	color: #656565;
	cursor: pointer;
	border-radius: 50%;
	padding: 3px;
	transition: 0.2s;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, "sans-serif";	/* for font awesome characters */
}

.DLG_titleMinButtonLarge:hover, .DLG_titleMaxButtonLarge:hover, .DLG_titleCloseButtonLarge:hover, .DLG_titleMinButton:hover, .DLG_titleMaxButton:hover, .DLG_titleCloseButton:hover, .DLG_ButtonHelpLarge:hover
{
	background-color: #e8e8e8;
	box-shadow: 1px 1px 3px rgba(224, 224, 224, 0.5);
}

.DLG_titleMinButton, .DLG_titleMaxButton, .DLG_titleCloseButton
{
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 1px;
}

.DLG_titleCloseButtonLarge, .DLG_ButtonHelpLarge
{
	width: 28px;
	height: 28px;
	color: #49596c;
}

.DLG_titleCloseButton
{
	padding: 5px 10px;
}

.DLG_titleMinButtonLarge
{
	width: 28px;
	height: 28px;
	font-weight: bold;
}

.DLG_titleMinButton
{
	background-image: url(../../images/dialog/window-minimize.png);
}

.DLG_titleMaxButtonLarge
{
	width: 28px;
	height: 28px;
}

.DLG_titleMaxButton
{
	background-image: url(../../images/dialog/window-maximize.png);
}

.DLG_winButtonOverLarge, .DLG_winButtonOver /* General roll over effects for buttons */
{
	background:url(../../images/dialog/close_wnd_btn.png) no-repeat 0px -21px;
	width:29px; height:21px;
	margin:0px; padding:0px; border:0 none;
	cursor: pointer;
}

.DLG_winButtonOverLarge /* General roll over effects for buttons */
{

}

.DLG_winButtonOver /* General roll over effects for buttons */
{

}

.DLG_window /* This div is the parent parent element of window elements such as tabs, content and status bar, i.e. the primary main parent element for a window */
{
	background:transparent;
	/*border:1px solid #0fa0db;*/
	/*border-top:0;  LO-6772 */
	border-radius: 4px;
	height: 200px;
	overflow: hidden;
	top: 0px;
	left: 0px;
	z-index: 100000;
	position: absolute;
	display: none;
}

.DLG_innerDiv /* This div is the parent parent element of window elements such as tabs, content and status bar, i.e. the primary main parent element for a window */
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: 	#ffffff
}

.DLG_boxShadow {
	-webkit-box-shadow: 0px 28px 34px 2px rgb(0 0 0 / 16%), 0px 7px 43px 9px rgb(0 0 0 / 12%), 0px 10px 13px -8px rgb(0 0 0 / 22%);
	box-shadow: 0px 28px 34px 2px rgb(0 0 0 / 16%), 0px 7px 43px 9px rgb(0 0 0 / 12%), 0px 10px 13px -8px rgb(0 0 0 / 22%)
}

.DLG_content, .PS_content
{
	/*overflow: auto;*/
	margin:0; padding:0;
	position: relative;
	z-index: 150;
}

.PS_content
{
	background-color: #FFF;
	/*LO-6772 border: 1px solid #888888;*/
}

.DLG_window_old
{
	height: 100%;
	width: 100%;
}

.DLG_disabledDiv
{
	filter: alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	background-color: #666;
	position: absolute;
}

.DLG_modalDiv
{
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
	background-color: #000;
	position: absolute;
	z-index: 100000;
}
.newModal
{
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
		position: absolute;
		top: 0;
		left: 0;
		width: 99.99%;
		height: 99.99%;
		background-color: #000;
		z-index:999;
}

.DLG_windowResizeHandle
{
	background-image: url('../../images/dialog/resize-handle-bottom-right.gif');
	background-repeat: no-repeat;
	position: absolute;
	bottom: 1px;
	right: 1px;
	width: 14px;
	height: 14px;
	z-index: 100000;
}

.DLG_titleListContent, .DLG_folderListContent, .DLG_menuItems
{
	position: relative;
	height: 310px;
	background-color: #FFFFFF; /* White background color for the message */
	overflow: auto;
	border: 1px solid #888888;
	padding: 5px;
	margin: 3px;
	padding-top: 10px;
	margin-top: 0px;
}

.DLG_folderListContent
{
	height: 230px;
	padding-left: 0px;
}

.DLG_menuItems a
{
	position: relative;
	top:-5px;
	padding: 1px 1px 1px 2px;
}

.DLG_menuItems ul
{
	padding: 0px;
}

.DLG_nodelist
{
	position: absolute;
	background-color: #FFFFFF; /* White background color for the message */
	overflow: auto;
	border: 1px solid #888888;
	padding: 4px 1px 1px 1px;
	margin: 0px;
}

.DLG_textarea
{
	font-size: 11px;
	font-family: helvetica, arial;
}

.DLG_textdiv
{
	background-color: #DDD;	/* White background color for the message */
	overflow: auto;
	border: 1px solid #888888;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	font-size: 11px;
	font-family: helvetica, arial;
}

.dialogStd
{
	border: 1px solid #888888;
	padding: 0px;
	z-index: 100002; /* Always needed */
	position: absolute;	/* Always needed */
	background-color: #FFFFFF; /* White background color for the message */
	color: #000000;
}

.messageBoxStandard
{
	border-style: outset;
	border-width: 2px;
	border-color: #000000;
	padding: 0px;
	z-index: 100002; /* Always needed */
	position: absolute;	/* Always needed */
	background-color: #FFFFFF; /* White background color for the message */
	color: #000000;
}

table.dlgBorder
{
	border-style: outset;
	border-width: 2px;
	border-color: #000000;
	width:  100%;
	height: 100%;
}

table.dlgCommon
{
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #ffffff;
	color: #000000;
	width:  100%;
	height: 100%;
}

tr.dlgTitle
{
	vertical-align: middle;
	height: 23px;
	background-color: #bddbff;
}

td.dlgTitleCancel
{
	width: 23px;
	text-align: left;
}

img.dlgTitleCancel
{
	position: relative;
	top: 2px;
}

span#dlg_caption_span
{
	position: relative;
	left: 10px;
	font-weight: bold;
	font-size: 11pt;
	font-family: futura, helvetica, arial;
	text-align: left;
}

.mb_info
{
	border: 3px solid #0000FF; /* BLUE Border */
	padding: 2px;
	z-index: 100002; /* Always needed */
	position: absolute;	/* Always needed */
	background-color: #FFFFFF; /* White background color for the message */
	color: #000000;
}

.mb_info p
{
	color: #000;
	text-decoration: none;
	font-family: arial;
	font-size: 12pt;
}

.mb_error
{
	border: 3px solid #FF0000; /* Red Border */
	padding: 2px;
	z-index: 100002; /* Always needed */
	position: absolute;	/* Always needed */
	background-color: #FFFFFF; /* White background color for the message */
	color: #000000;
}

.mb_error p
{
	color: #000;
	text-decoration: none;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
}

.mb_warning
{
	border: 3px solid #FFA500; /* Orange Border */
	padding: 2px;
	z-index: 100002; /* Always needed */
	position: absolute;	/* Always needed */
	background-color: #FFFFFF; /* White background color for the message */
	color: #000000;
}

.mb_warning p
{
	color: #000000;
	text-decoration: none;
	font-family: arial;
	font-size: 12pt;
}

.mb_severe_error
{
	border: 3px solid #FF0000; /* Red Border */
	padding: 2px;
	z-index: 100002; /* Always needed */
	position: absolute;	/* Always needed */
	background-color: #FF0000; /* White background color for the message */
	color: #FFFFFF;
}

.mb_severe_error p
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
}

.DLG_rtext, .DLG_ltext, .DLG_ctext, .DLG_edittext,
.DLG_combobox, .DLG_pushbutton, .DLG_sm_pushbutton, .DLG_dropbutton,
.DLG_checkbox, .DLG_groupbox, .DLG_slider, .DLG_spin, .DLG_radio,
.DLG_file, .DLG_image, .DLG_status, .DLG_listview,
.DLG_listbox, .DLG_simpletable, .DLG_stylecombo, .DLG_colortable, .DLG_blackframe
{
	position: absolute;
}

.DLG_rtext, .DLG_rtext2
{
	text-align: right;
}

.DLG_ltext, .DLG_ltext2
{
	text-align: left;
}

.DLG_ctext, .DLG_ctext2

{
	text-align: center;
}

div.DLG_edittext
{
	overflow: auto;
}

div.DLG_combobox select
{
	width: 100%;
	padding: 1px;
}

div.DLG_stylecombo
{
	width: 20px;
	height: 20px;
	overflow: hidden;
}

div.DLG_pushbutton input, div.DLG_sm_pushbutton input
{
	margin: 0px;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	white-space:normal;
	border-radius: 3px;
	border:0px;
	height: 25px;
	background-color: #dedede;
	/* -webkit-transition-duration: 0.2s; *//* Safari */
	/*transition-duration: 0.2s; */
}

div.DLG_pushbutton input:hover, div.DLG_sm_pushbutton input:hover {
	background-color: #cdcdcd;
	/*color: white;*/
}

div.DLG_pushbutton div.DLG_disabled input:hover, div.DLG_sm_pushbutton div.DLG_disabled input:hover {
	background-color: #dedede;
	color: #7c7c7c;
}

div.DLG_pushbutton input:disabled:hover, div.DLG_sm_pushbutton input:disabled:hover {
	background-color: #dedede;
	color: #7c7c7c;
}

div.DLG_sm_pushbutton input
{
	padding: 0px;
	height: 20px;
}

div.DLG_sm_pushbutton input
{
	font-size: 8pt;
}

div.DLG_dropbutton
{
	background-image: url(../../images/drop_arrow.gif);
	border-left: 1px solid black;
}

div.DLG_dropbutton, div.DLG_dropbuttonGray
{
	background-position: 5px center;
	background-repeat: no-repeat;
	position: absolute;
	visibility: inherit;
	height: 18px;
	width: 15px;
}

div.DLG_dropbuttonGray
{
	background-image: url(../../images/drop_arrow_gray.gif);
	border-left: 1px solid LightGray;
}

div.DLG_edittext
{
	overflow: visible;
	height: 24px;
}

div.DLG_edittext input, div.DLG_edittext_disabled input
{
	position: absolute;
	top: 0px;
	/* height: 16px; */
	width: 100%;
	margin: 0px;
	padding-left: 3px;
	padding-top: 2px;
	vertical-align: bottom;
}

div.DLG_edittext_disabled input
{
	background-color: #ffffff;
	color: #555;
	border: 1px solid #888888;
	position: relative;
}
/* LO-7898 - added to remove the input focus */
div.DLG_edittext_disabled.DLG_disabled input:focus-visible, div.DLG_edittext_disabled.DLG_disabled  input
{
	outline: none !important;
	cursor: auto;
	border: 1px solid #AAA;
}

div.DLG_edittext textarea
{
	font-family: 'Lucida Console', Monaco, monospace;
	position: absolute;
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	font-size: 10pt;
}

div.DLG_checkbox input
{
	position: relative;
	margin-right: 5px;
	top: 1px;
}

.DLG_rtext, .DLG_rtext2, .DLG_ltext, .DLG_ltext2, .DLG_ctext, .DLG_ctext2, div.DLG_checkbox a, div.DLG_radio a, div.DLG_checkbox label
{
	color: #000000;
	text-decoration: none;
	font-family: arial;
	font-size: 10pt;
}

div.DLG_radio input
{
	position: relative;
	margin-right: 5px;
}

div.DLG_file input
{
	position: relative;
	margin-right: 5px;
	width: 100%;
}


div.DLG_groupbox, div.DLG_blackframe
{
	border: 1px solid #888888;
}

div.DLG_groupbox a
{
	background-color: white;
	color: black;
	left: 3px;
	padding-right: 3px;
	padding-left: 2px;
	position: absolute;
	top:-10px;
	text-decoration: none;
}

div.DLG_image
{
	background-repeat: no-repeat;
	background-position: center center;
}

div.DLG_spinUp, div.DLG_spinGrayUp
{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #EFEFEF;
	border: 1px solid #888888;
	height: 10px;
	width: 16px;
}

div.DLG_spinUp
{
	background-image: url(../../images/dialog/arrow_up.gif);
}

div.DLG_spinGrayUp
{
	background-image: url(../../images/dialog/gr_arrow_up.gif);
}

div.DLG_spinDn, div.DLG_spinGrayDn
{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #F8F8F8;
	border: 1px solid #888888;
	height: 10px;
	width: 16px;
}

div.DLG_spinDn
{
	background-image: url(../../images/dialog/arrow_down.gif);
}

div.DLG_spinGrayDn
{
	background-image: url(../../images/dialog/gr_arrow_down.gif);
}

div.DLG_status p
{
	color: #FF0000;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	text-align: center;
	margin: 0px;
}

div.DLG_status img
{
	color: #FF0000;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	vertical-align: top;
}

div.DLG_listbox
{
	border: 2px inset #888888;
	border-radius: 5px;
	overflow: auto;
}

div.DLG_simpletable
{
	background-color: #EFEFEF;
	border: 2px inset #DADADA;
	overflow: auto;
	-moz-user-select: none;
}

a.DLG_listbox_focus
{
	font-family: arial;
	font-size: 9pt;
}

div.DLG_listbox p, div.DLG_simpletable p
{
	cursor: default;
	padding-left: 3px;
	font-family: arial;
	font-size: 9pt;
	white-space: nowrap;
	color: #000000;
	margin: 0px;
}

div.DLG_publistbox p
{
	font-size: 10pt;
}

div.DLG_listview td
{
	cursor: default;
	padding: 3px;
	font-family: arial;
	font-size: 9pt;
	white-space: normal;
	color: #000000;
	margin: 0px;
	vertical-align: top;
	text-align: center;
}

p.DLG_hover
{
	background-color: #EFEFEF;
}

p.DLG_selected
{
	background-color: #DADADA;
}

p.DLG_focused
{
	background-color: #DADADA;
}

td.DLG_cellSelected
{
	background-color: #DADADA;
}
td.DLG_darkBkgnd
{
	background-color: #ABABAB;
}

div.DLG_colortable
{
	width: 270px;
	height: 195px;
	background-color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
}

div.DLG_colortable TD
{
	height: 15px;
	width: 15px;
}

div.DLG_skinPreview
{
	background-color: #EEEEEE;
	position: absolute;
	border: 1px solid #888888;
}

/* Keep the disabled and hidden last in file so that they always apply */

.DLG_disabled, div.DLG_disabled a, .DLG_disabled label, div.DLG_disabled label, div.DLG_disabled p
{
	color: #A3A3A3;
}

.DLG_listbox span
{
	top: 3px;
}

.DLG_iconDisabled span
{
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.DLG_listboxGray
{
	background-color: #CCCCCC;
}

.hidden
{
	display: none;
}

img.stCmb_iconDisabled
{
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
}

.DLG_simpleTable
{
	border: 1px solid #aaaaaa;
	border-collapse: collapse;
}

.DLG_simpleHdr
{
	background-color: #cccccc;
	border: 1px solid #aaaaaa;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
}

.DLG_simpleCell
{
	border: 1px solid #aaaaaa;
	padding: 5px 5px 5px 5px;
}

.DLG_htmlNameLabel
{
	right: 0px;
	top: 5px;
	height: 20px;
	position: absolute;
	overflow: hidden;
	color: #000000;
	text-align: right;
	text-decoration: none;
	font-size: 9pt;
	font-family: arial;
}

.DLG_htmlName
{
	height: 14px;
	width: 100px;
	font-size: 8pt;
}

div.nodeExplPopupWin /* should be same or similar to btnddWin in buttondd.css */
{
	position: absolute;
	overflow: hidden;
	padding: 6px;
	box-shadow: 3px 3px 2px -1px #444444;
	background-color: #f2f2f7;
	border: 1px solid grey;
	border-radius: 3px;
	font-family: 'Tahoma';
	font-size: 11px;
}

/*
 * The following styles (search for bug # 1130 and 971) are specific to
 * 2 dialogs: new title and menu creator. They are here because it failed in IE 8.
 * Once we stop support for IE 8, these can be put back into the inc files.
 */
/* LO-1130 - begin;	IE8 - Moved from pgNewTitle.inc */
#IDC_TYPE_LBL
{
	position:absolute;
	top:40px;
	left:0px;
	height: 30px;
	width: 106px;
	text-align: center;
}

#IDC_NEWTITLE, #IDC_RESPTITLE
{
	position: absolute;
	left: 20px;
	height: 53px;
	width: 66px;
	background-color: rgb(255, 255, 255);
}

#IDC_NEWTITLE
{
	top:75px;
}

#IDC_RESPTITLE
{
	top:155px;
}

#IDC_NEWTITLE #btnBtn, #IDC_RESPTITLE #btnBtn
{
	width: 100%;
	height: 100%;
	cursor: default;
	background-image: url(../../images/ribbon/xlargeBtnBg.png);
	background-size: 100%;
}

#IDC_NEWTITLE_LBL
{
	top:130px;
}

#IDC_RESPTITLE_LBL
{
	top:210px;
}

#IDC_NEWTITLE_LBL, #IDC_RESPTITLE_LBL
{
	position:absolute;
	left:10px;
	height: 20px;
	width: 86px;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
}

/* Moved from pgTemplateWiz.inc */
#IDC_TMPLWIZ_ICON
{
	float: left;
	top: 40px;
	position: absolute;
	margin-left: 25px;
	background-image: url(../../images/ribbon/lo_icons_lg.png);
}

.btnTmplWiz
{
	background-position: -736px -160px;
}

.btnTmplWizsaba
{
	background-position: -1280px -192px;
}

#IDC_TMPLWIZ_LBL
{
	top: 80px;
	width: 80px;
	text-align: center;
	position: absolute;
	float: left;
}

#btnRespTitle
{
	background-image: url(../../images/ribbon/lo_icons_lg.png);
}
.btnRespTitle
{
	background-position: -832px -192px;
}

.btnRespTitlesaba
{
	background-position: -1344px -192px;
}

/* LO-971 - begin;	IE8 - Moved from dlgMenuCreator.inc */
#MENU_CREATOR_DLG{
	position: relative;
}

#MENU_CREATOR_DLG label,
#MENU_CREATOR_DLG input{
	font-family: Arial, sans-serif;
}

#MC_UP, #MC_DOWN, #MC_LEFT, #MC_RIGHT{
	left: 25px;
	width: 20px;
	height: 20px;
	margin: 0px;
	background-image: url(../../images/ribbon/palette_2_0.png);
	border: 1px solid rgb(136, 136, 136);
	cursor: pointer;
	border-radius: 3px;
	position: absolute;
}

#MC_UP{
	background-position: -500px;
	top: 100px;
}

#MC_DOWN{
	background-position: -520px;
	top: 130px;
}

#MC_RIGHT{
	background-position: -540px;
	top: 160px;
}

#MC_LEFT{
	background-position: -560px;
	top: 190px;
}

#IDC_MC_ADD,
#IDC_MC_ADDSEPARATOR,
#IDC_MC_REMOVE{
	top: 25px;
	width: 90px;
}

#IDC_MC_ADD{ left: 10px; }
#IDC_MC_ADDSEPARATOR{ left: 105px; }
#IDC_MC_REMOVE{ left: 200px; }

#IDC_MC_ADD input,
#IDC_MC_ADDSEPARATOR input,
#IDC_MC_REMOVE input{
	font-size: 10px;
}

#IDC_MC_NAME input{
	height: 21px;
}

#IDC_FROMTOC{
	left: 25px;
	width: 240px;
}

#IDC_INCPAGE{
	left: 50px;
	top: 25px;
	width: 225px;
}

#IDC_MC_NAME{
	left: 65px;
	top: 56px;
	width:200px;
	background-color: rgb(30, 78, 146);
	color: white;
}

.MC_IDOK, .MC_IDCANCEL, .MC_IDHELP{
	top: 15px;
	width: 70px;
	float: right;
}

.MC_IDOK{ left: 20px; }
.MC_IDCANCEL{ left: 110px; }
.MC_IDHELP{ left: 200px; }

.SD_IDOK, .SD_IDCANCEL, .SD_IDHELP{
	top: 310px;
	width: 70px;
	float: right;
}

.SD_IDOK{ left: 40px; }
.SD_IDCANCEL{ left: 130px; }
.SD_IDHELP{ left: 220px; }

#IDC_MC_TREE{
	left: 65px;
	top: 76px;
	height: 175px;
	background-color: #FFF;
	overflow-y: auto;
}

#IDC_TOCTREE{
	left: 50px;
	top: 60px;
	height: 225px;
	background-color: #FFF;
	overflow-y: auto;
}

#IDC_MENUPREVIEW{
	left: 300px;
	top: 15px;
	height: 280px;
	width: 775px;
	border: 1px solid #888888;
	background-color: #FFF;
	position: relative;
}

#PREVIEW_BAR{
	background-color: rgb(30, 78, 146);
	padding: 5px 5px 5px 20px;
	font-size: 14px;
	font-weight: bolder;
	color: white;
}

#MENU_CREATOR_RB{
	position: relative;
	width: 101% !important;
    height: 121px;
}

#MENU_CREATOR_BODY{
	position: relative;
	height: 300px;
}

#MENU_CREATOR_FOOT{
	position: relative;
	height: 50px;
}

div#MENU_CREATOR_DLG .Separator
{
	opacity: 0.7;
	font-style: italic;
}

div#MENU_CREATOR_DLG .DLG_hover
{
	border-color: #000;
	background-color: #fff;
}

div#MENU_CREATOR_DLG .DLG_disabled
{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

div.DLG_MC_edittext label
{
	padding-top: 3px;
	padding-left: 8px;
	position: absolute;
}
/* LO-971 - end */

div#BTN_STATES_DLG{

}

div#BTN_STATES_RB{
	position: relative;
	width: 101% !important;
    height: 121px;
}

div#BTN_STATES_BODY{
	width: 865px;
	height: 446px;
	overflow: auto;
	border: 1px solid #aaaaaa;
}

.CORNER_LBL{
	background-color: #ddd;
	padding: 2px 6px;
	font-size: 14px;
	font-weight: bold;
	color: #202020;
	display: inline-block;
	float: left;
	border-radius : 2px;
	margin: -1px;
}

#IDC_BTN_STATES_NORMAL, #IDC_BTN_STATES_DOWN, #IDC_BTN_STATES_OVER, #IDC_BTN_STATES_DISABLED, #IDC_BTN_STATES_VISITED, #IDC_BTN_STATES_SELECTED,
#IDC_BTN_STATES_CUSTOM_1, #IDC_BTN_STATES_CUSTOM_2, #IDC_BTN_STATES_CUSTOM_3, #IDC_BTN_STATES_CUSTOM_4, #IDC_BTN_STATES_CUSTOM_5,
#IDC_BTN_STATES_CUSTOM_6, #IDC_BTN_STATES_CUSTOM_7, #IDC_BTN_STATES_CUSTOM_8, #IDC_BTN_STATES_CUSTOM_9, #IDC_BTN_STATES_CUSTOM_10
{
	margin: 2px;
	border: 2px solid #ddd;
	width: 417px;
	height: 200px;
	display: inline-block;
	float: left;
}

#IDC_BTN_STATES_NORMAL_IMG, #IDC_BTN_STATES_DOWN_IMG, #IDC_BTN_STATES_OVER_IMG, #IDC_BTN_STATES_DISABLED_IMG, #IDC_BTN_STATES_VISITED_IMG, #IDC_BTN_STATES_SELECTED_IMG,
#IDC_BTN_STATES_CUSTOM_1_IMG, #IDC_BTN_STATES_CUSTOM_2_IMG, #IDC_BTN_STATES_CUSTOM_3_IMG, #IDC_BTN_STATES_CUSTOM_4_IMG, #IDC_BTN_STATES_CUSTOM_5_IMG,
#IDC_BTN_STATES_CUSTOM_6_IMG, #IDC_BTN_STATES_CUSTOM_7_IMG, #IDC_BTN_STATES_CUSTOM_8_IMG, #IDC_BTN_STATES_CUSTOM_9_IMG, #IDC_BTN_STATES_CUSTOM_10_IMG
{
	width: 417px;
	height: 200px;
}

div#BTN_STATES_FOOT{
	float: right;
	top: 15px;
	width: 100%;
	height: 50px;
	position: relative;
}

div#SHADOW_DLG_FOOT{
	float: right;
	width: 305px;
	height: 50px;
	position: relative;
}

div.BTN_PREVIEW{
	height:195px;
	position:relative;
}
div.DLG_foldersOnlyFilterBtnIcon, div.DLG_foldersOnlyFilterBtnIconOff, div.DLG_foldersOnlyFilterBtnIconOn
{
	position: absolute;
	width: 16px;
	height: 16px;
	z-index: 220002;
	cursor: pointer;
}
div.DLG_foldersOnlyFilterBtnIconOff
{
	background-image: url("../../images/dialog/folder.gif");
	background-repeat: no-repeat;
}
div.DLG_foldersOnlyFilterBtnIconOn
{
	background-image: url("../../images/dialog/folder2.gif");
	background-repeat: no-repeat;
}
div.DLG_searchIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	z-index: 220002;
	cursor: pointer;
	background-image: url("../../images/ribbon/lo_icons_sm.png");
	background-position: -1360px -32px;
}
div.DLG_search {
	position: absolute;
	height: 29px;
	z-index: 220001;
	overflow: hidden;
	background-color: white;
	border: 2px solid #cccccc;
	display: none;
}
input.DLG_searchInp {
	position: absolute;
	width: 185px;
	/*border: 2px solid #cccccc;*/
	border: 0px;
	padding: 7px 88px 7px 7px;
}
a.DLG_searchNext, a.DLG_searchPrev {
	position: absolute;
	top: 5px;
	cursor: pointer;
}
a.DLG_searchPrev {
	right: 42px;
}
a.DLG_searchNext {
	right: 22px;
}
div.DLG_searchPrev, div.DLG_searchNext {
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url("../../images/ribbon/palette_2_0.png");
}
div.DLG_searchPrev {
	background-position: -500px;
}
div.DLG_searchNext {
	background-position: -520px;
}
div.DLG_searchCount {
	position: absolute;
	top: 6px;
	right: 47px;
	text-align:right;
}
.DLG_prodInfo
{
	cursor:pointer;
	padding:2px;
	margin-top:8px;
	background-color: #e6e6e6;
	border-radius:3px;
}
.DLG_prodInfo:hover
{
	background-color: #d0d0d0;
}

/* Stock button dialog */
div.stkbtn-bg-color-block {
	width: 16px;
	height: 16px;
	display: inline-block;
	border: 3px solid #ededed;
	border-radius: 3px;
	margin: 3px;
	cursor: pointer;
}
div.stkbtn-fg-color-block {
	width: 30px;
	height: 30px;
	float: left;
	border: 4px solid #ededed;
	border-radius: 3px;
	margin-left: 10px;
	cursor: pointer;
}
div.stkbtn-color-block-over {
	border-color: #4f4f4f;
}
div.stkbtn-color-block-sel {
	border-color: #6f6f6f;
}
div.stkbtn-divider {
	height: 18px;
	width: 0px;
	display: inline-block;
	border: 1px solid #a4a4a4;
	margin: 4px 10px;
}
div.stkbtn-imglist {
	position:	relative;
	overflow-x:	hidden;
}
div.stkbtn-loading {
	text-align:	center;
}
div.stkbtn-tabgrp-hdr {
	height:	45px;
	font-size: 15px;
	position: relative;
	top: -5px;
}
div.stkbtn-bg-color-lbl {
	float: left;
	margin-right: 5px;
	position: relative;
	top: 5px;
	font-size: 10pt;
	font-weight: bold;
}
div.stkbtn-fg-color-lbl {
	float: right;
	position: relative;
	top: 4px;
	font-size: 10pt;
	font-weight: bold;
}
div.stkbtn-tabs {
	float: right;
	margin: 0px 0px 5px;
	position: relative;
	top: -5px;
}
div.stkbtn-bgclr-tab-hdr {
	float: left;
	margin-bottom: 8px;
}
div.stkbtn-bgclr-tab-body {
	float: left;
}

/* ----------------------------------------------------------------------------- */
/*LO-6772 For OK Cancel buttons */
.DLG-btn {
	border: 0px;
	border-radius: 4px;
	color: #303030;
	min-width: 70px;
	padding: 7px 12px;
	font-size: 14px;
	background-color: transparent;
	cursor: pointer;
	transition: 0.2s;
}
.DLG-btn:hover {
	background-color: #e0e0e0;
	/*box-shadow: 1px 1px 8px rgba(224, 224, 224, 0.9)*/
}
.DLG-btn:disabled {
	color: #d0d0d0;
	background-color: transparent;
}
.DLG-btn-blue {
	color: white;
	background-color: #4b5a6d;
}
.DLG-btn-blue:hover {
	background-color: #61758d;
	/*box-shadow: 1px 1px 7px 3px rgba(52, 86, 136, 0.5);*/
}
.DLG-btn-blue:disabled {
	opacity: 0.5;
	background-color: #61758d;
	box-shadow: none;
}

/* ----------------------------------------------------------------------------- */

.DLG-btn-o {
	border: 0px;
	border-radius: 200px;
	color: #303030;
	min-width: 70px;
	padding: 7px 12px;
	font-size: 14px;
	background-color: transparent;
	cursor: pointer;
	transition: 0.2s;
}
.DLG-btn-o:hover {
	background-color: #1a232f;
}
.DLG-btn-o:disabled {
	color: #d0d0d0;
	background-color: transparent;
}
.DLG-btn-o-black {
	color: #1a232f;
	border: 2px solid #1a232f;
	border-radius: 200px;
	padding: 4px 30px;
}
.DLG-btn-o-black:hover {
	color: #ffffff;
	background-color: #1a232f;
}
.DLG-btn-o-black:disabled {
	opacity: 0.5;
	background-color: #a0a0a0;
	box-shadow: none;
}

div.DLG_listboxBtnSt {
	width: 178px;
	height: 350px;
	left: 6px;
	padding: 2px 0px 0px 0px;
	border: 0px;
	border-radius: 0px;
}
div.DLG_listboxBtnSt p {
	padding: 3px 0px 3px 6px;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
}
div.DLG_BtnStLstHdr {
	font-size: 14px;
	height: 20px;
	padding: 6px 0px 0px 5px;
	border-bottom: 1px solid #aaaaaa;
}

/* ----------------------------------------------------------------------------- */
/* DLG2_  these do *not* use position: absolute 								 */
/* ----------------------------------------------------------------------------- */
.DLG2_ltext {
	margin-bottom: 5px;
}
.DLG2_edittext {
	overflow-y: auto;
	margin-bottom: 8px;
}
.DLG2_edittext input {
	-webkit-box-sizing: border-box;		/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;		/* Firefox, other Gecko */
	box-sizing: border-box;				/* Opera/IE 8+ */
	width: 100%;
	padding: 3px 0px 1px 3px;
}
.DLG2_block {
	margin:10px 0px;
	border-bottom: 1px solid #c7c7c7;
}
.DLG2_block_hdr {
	font-size: 20px;
	margin-bottom: 10px;
}
div.DLG2_pushbutton input {
	margin: 8px 0px;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	white-space: normal;
	border-radius: 3px;
	border: 1px solid #c7c7c7;
	height: 30px;
	background-color: #dedede;
	cursor: pointer;
}
div.DLG2_pushbutton input:hover {
	background-color: #cdcdcd;
}
div.DLG2_pushbutton div.DLG_disabled input:hover {
	background-color: #dedede;
	color: #7c7c7c;
}
div.DLG2_pushbutton input:disabled:hover {
	background-color: #dedede;
	color: #7c7c7c;
}
div.DLG2_radio input
{
	float: left;
	margin: 1px 5px 0px 0px;
}
div.DLG2_radio label
{
	display: inline-block;
	width: calc(100% - 25px);
}
.help-sm {
	background:url(../../images/ribbon/lo_icons_sm.png) -480px -80px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* OpenAI related; otl : for outline dialog */
.DLG_ai_otl_title {
	font-size: 26px;
	padding:12px 0px 7px 20px;
}
.DLG_ai_otl_chapter {
	font-size: 22px;
	padding-left:50px;
}
.DLG_ai_otl_chapterCtnt {
	font-size: 14px;
	padding-left: 80px;
}
.DLG_ai_otl_page {
	font-size: 18px;
	padding-left:80px;
}
.DLG_ai_otl_pgCtnt {
	font-size: 14px;
	padding-left: 110px;
	width: 650px;
}
.DLG_ai_error {
	font-size: 14px;
	padding-left:20px;
	color:#ff2222
}
div.DLG_ai_info {
	padding-left:15px;
}

/* OpenAI related; ft : File tab */
div.DLG_ai_ft_label {
	margin:30px 0px 0px 20px;
	font-size:18px;
}
div.DLG_ai_ft_ctrlDiv {
	position:unset;
	margin:6px 0px 0px 22px;
}
div.DLG_ai_ft_ctrlDiv input {
	position:unset;
	font-size:14px;
	height: 26px;
	padding-left: 3px;
}
div.DLG_ai_ft_ctrlDiv select {
	font-size:14px;
	height: 26px;
	padding-left: 3px;
}
div.DLG_ai_topic_help {
	position: relative;
	left: 403px;
	top: -30px;
	background-color: #ffffff;
	color: #000000;
	padding: 15px;
	border-radius: 5px;
}
div.DLG_ai_hdr {
	position: unset;
	top:' + (topBar + 0) + 'px;
	left:' + left + 'px;
	height:18px;
	width:' + (width - 6) + 'px;
	border-radius:3px;
	padding:3px;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	background-color:#BEE5FD;
	text-align:center;
}
div.DLG_ai_theme_1 {
	height:96px;
	width:125px;
	background-color:#ffffff;
	padding:10px;
	border-radius:2px;
	margin:10px 0px 0px 20px;
}
div.DLG_ai_theme_2 {
	height:96px;
	width:125px;
	overflow:hidden;
}
div.DLG_ai_preview {
	width:600px;
	height:25px;
	margin:30px 0px 0px 20px;
}
div.DLG_ai_generate_btn {
	position:relative;
	width:120px;
	margin:40px 0px 0px 180px;
}
div.DLG_ai_status_msg {
	margin:30px 0px 0px 50px;
	font-size:16px;
}
div.DLG_ai_err_btn {
	position:relative;
	width:250px;
	margin:30px 0px 0px 30px;
}
div.DLG_ai_err_details {
	margin:30px 0px 0px 50px;
	font-size:12px;
}
div.DLG_ai_quip {
	margin:20px 0px 0px 50px;
	font-size:20px;
	width:100%;
	text-align:center;
}
div.DLG_ai_wait {
	margin:0px 0px 0px 0px;
	width:100%;
}
img.DLG_ai_wait {
	position:relative;
	left:0px;
}
td.DLG_aipg_item {
	vertical-align: top;
	width: 33.3%;
}
div.DLG_aipg_item {
	padding: 6px 10px;
	cursor: pointer;
}
textarea.DLG_aipgInput {
	width: 100%;
	height: 90%;
	resize: none;
	padding: 2px 4px;
	border-color: #bbb;
	border-radius: 3px;
}
textarea.DLG_aipgInput:focus {
	outline: none;
	border:1px solid #888;
	box-shadow: 0 0 4px #ddd;
}
div.DLG_aipg_itemSel {
	background-color: #eeeeee;
}
div.DLG_aipg_itemhdr {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 7px;
}
div.DLG_aipg_desc, div.DLG_aipg_itemdesc {
	font-size: 14px;
}
div.DLG_aipg_itemerror {
	font-size: 14px;
	color: #dd0000;
	width: 96%;
}
div.DLG_aipg_contents {
	display: flex;
	justify-content: space-between;
	padding: 25px 5px 5px 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	background-color: white;
	border-radius: 8px;
	margin-top: 7px;
}
div.DLG_aipg_column {
	flex: 1;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	margin: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
div.DLG_aipg_regen_tip {
	position: absolute;
	width: 281px;
	top: 46px;
	right: -11px;
	background-color: #ffffff;
	border: 2px solid #eeeeee;
	padding: 8px;
	border-radius: 4px;
}
span.DLG_aipg_descCnt {
	display: inline-block;
	width: 30px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
}
i.DLG_aipg_dCntLR {
	color: #444444;
	font-size: 15px;
	opacity: 0.3;
	border: 1px solid transparent;
	padding: 2px;
	cursor: default;
	border-radius: 3px;
}
.elb-scroll-light-thin::-webkit-scrollbar
{
	width: 8px !important;
}
.elb-scroll-light-thin::-webkit-scrollbar-thumb
{
	background-color: #dddddd;
	border-radius: 7px;
}
div.DLG_ai_msg {
	background-color: #fff;
	color: #000;
	position: absolute;
	left: 200px;
	top: 100px;
	border-radius:8px;
	border:2px solid #888888;
	width:345px;
}
input.DLG_chk_dont_show {
	height:14px;
	width:25px;
	margin:0px 2px 7px 15px;
	vertical-align:top;
}
input.DLG_btn_aimsg_ok {
	position:relative;
	width:65px;
	left:70px;
	margin-bottom:15px;
}
img.DLG_ai_msg_img {
	width:36px;
	margin:40px 0px 0px 70px;
	cursor:pointer;
}
.DLG_import_res_hover {
	position : absolute;
	border : 1px solid #888888;
	max-width : 400px;
	border-radius : 3px;
	background-color : #ffffff;
}