.helppaper,
.htppaper
{
	display: inline-block;
	margin: 30px;
	border: solid 1px #888888;
	font-size: 14.405px;
	line-height: 19.207px;
}
.htppage
{

	/* background-image: url(../images/bsback2k.jpg); */
    background-size: contain;
	
	background-repeat: no-repeat;
	
	width: 952.8px;
	height: 1347.5px;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	font-size: 17px;
	line-height: 24.8px;
	overflow: hidden;
}
#config
{
	margin: 30px;
	position: relative;
	display: inline-block;
	border: solid 1px #aaa;
	max-width: 190px;
}
.htptd
{
	vertical-align: top;
}
.chdr
{
	padding: 5px 10px;
	background: linear-gradient(rgb(224,255,255), rgb(73,175,235));
}
.csel
{
	position: relative;
	width: 150px;
	height: 200px;
	margin: 10px;
}
.layout
{
	display: block;
	text-align: center;
	padding: 10px;
}
.layout:not(:last-child)
{
	border-bottom: solid 1px #ccc;
}
.layout>img
{
	border: solid 1px #888;
}
.layout.selected
{
	background-color: #aaffaa;
}
.layout .input
{
	vertical-align: top;
}
.overflowed
{
	background-color: #ff8888;
}
h1
{
	font-weight: bold;
	font-size: 24px;
	padding: 0;
	margin: .5em 0;
}
h1:first-child
{
	margin-top: 0;
}
figcaption h1
{
	font-size: 1em;
	margin: 0;
}
.htptopbar
{
	position: absolute;
	/* background-color: rgb(33, 151, 215); */
	/* background-image: url(../images/top2021s.jpg);
	background-size: contain;
	background-repeat: no-repeat; */
	color: black;
	left: 0;
	top: 0;
	width: 952.8px;
	/* height: 1347.5px; */
}
/* .rightpage .htptopbar
{
	background-image: url(../images/top2021sr.jpg);
} */
.orgname
{
	position: absolute;
    top: 10.1px;
    top: 20mm;
    left: 97px;
    width: 775px;
    height: 48px;
    color: #ee7203;
    font-weight: bold;
    font-size: 27.21px;
    line-height: 27.21px;
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 1px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
}
/* .rightpage .orgname
{
	left: 43px;
} */
.oldcompanyinfo
{
	position: absolute;
    top: 958px;
    left: 97.6px;
    color: rgb(0, 0, 0);
    width: 366px;
    height: 203px;
    overflow: hidden;
}
.companyinfo
{
    position: relative;
    color: rgb(0, 0, 0);
    width: 366px;
    overflow: hidden;
    min-height: 40px;
    padding-top: 16px;
}
.layout-13 .companyinfo
{
	width: 266px;
}
.companyinfo .contactname {
	color: #007eba;
	font-weight: bold;
}
.companyinfo .contactrole {
	font-weight: bold;
}
.companyinfo .contactwebsite {
	color: #ee7203;
	font-weight: bold;
}
/* .rightpage .companyinfo
{
	left: 43px;
} */
.htppaper .companyinfo
{
	border: dotted 1px rgb(27, 161, 226);
	cursor: pointer;
}
.htphead
{
	width: 764px;
	/* height: 175px; */
	min-height: 25px;
	position: absolute;
	top: 142.2px;
	left: 97px;
	font-size: 17px;
	line-height: 24.8px;
	font-weight: bold;
	letter-spacing: -0.09px;
	overflow: hidden;
	word-wrap: break-word;
}
.full
{
width: 861.6px;
height: 1260px;
position: absolute;
	top: 45.6px;
	left: 45.6px;
	text-align: left;
	font-weight: normal;
	overflow: hidden;
	word-wrap: break-word;
	display: none;
}
.full img
{
	max-width: 100%;
}
.htpcolumn
{
	width: 366px;
	position: absolute;
	top: 364px;
	/* height: 484px; */
	height: 797px;
	overflow: hidden;
	word-wrap: break-word;
	padding-bottom: 1px;
	letter-spacing: -0.09px;
}
.htpcolumn img
{
	width: 100%;
}
.full.empty::before,
.htphead.empty::before,
.htpcolumn.empty::before
{
	position: relative;
	top: 10px;
	left: 10px;
	color: #aaaaaa;
}
.htphead.empty::before
{
	top: 4px;
}
.full.empty::before,
.htpcolumn.empty::before
{
	content: "Click to edit - or drag image";
}
.htphead.empty::before
{
	content: "Click to edit";
}
.companyinfo.empty::before
{
	content: "Click to edit";
	position: relative;
	top: 10px;
	left: 10px;
	color: #ddddff;
}
.oldlogo
{
    position: absolute;
    left: 97.6px;
    top: 857px;
    width: 366px;
    height: 94px;
}
.logo
{
	position: relative;
	max-width: 366px;
	max-height: 200px;
	min-height: 45px;
}
.infodiv
{
	position: absolute;
	left: 97.6px;
	bottom: 60px;
	width: 366px;
}
.layout-13 .infodiv
{
	left: 494px;
	width: 266px;
}

/* .rightpage .logo
{
	left: 720px;
} */
.htppaper .logo
{
	cursor: pointer;
}
.oneimage
{
	border: solid 2px red;
	position: absolute;
	left: 494px;
	bottom: 60px;
	width: 366px;
	min-height: 1cm;
	cursor: pointer;
	display: none;
}
.oneimage.empty::before,
.logo.empty::before
{
	content: "Click - or drag image";
	position: relative;
	top: 10px;
	left: 10px;
	color: #aaaaaa;
}
/*
.layout-3 .col1,
.layout-4 .col1,
.layout-5 .col1,
.layout-7 .col1,
.layout-8 .col1,
.layout-11 .col1,
.layout-12 .col1,
.layout-3 .col2,
.layout-4 .col2,
.layout-5 .col2,
.layout-7 .col2,
.layout-8 .col2,
.layout-11 .col2,
.layout-12 .col2,
.layout-3 .htphead,
.layout-4 .htphead,
.layout-5 .htphead,
.layout-7 .htphead,
.layout-8 .htphead,
.layout-11 .htphead,
.layout-12 .htphead

{
	display: none;
}
*/
.layout-2 .oneimage,
.layout-3 .oneimage,
.layout-4 .oneimage,
.layout-5 .oneimage,
.layout-7 .oneimage,
.layout-8 .oneimage,
.layout-11 .oneimage,
.layout-12 .oneimage
{
	display: block;
	overflow: hidden;
}
.layout-2 .oneimage,
.layout-3 .oneimage
{
	max-height: 646.2px;	/* 3/4 * onemage.width */
	max-height: 382px;	/* 1/2 * onemage.width */
}
.layout-4 .oneimage
{
	top: 30px;
	left: 30px;
	width: 892.8px;
	height: 1287.6px;
}
.layout-5 .oneimage,
.layout-8 .oneimage,
.layout-12 .oneimage
{
	top: -20px;
	left: -20px;
	width: 996px;
	height: 1387px;
}
.layout-4 .oneimage>img,
.layout-5 .oneimage>img,
.layout-7 .oneimage>img,
.layout-8 .oneimage>img,
.layout-12 .oneimage>img
{
	width: 100%;
}
.layout-11 .oneimage
{
	top: 50px;
	left: 64px;
	width: 826px;
	max-height: 1250px;
}
.layout-7 .oneimage,
{
	top: 387.6;
	left: 45.6px;
	width: 861.6px;
	max-height: 960px;
}
.layout-13 .oneimage
{
	left: 760px;
	/* top: 1130px; */
	bottom: 52px;
	width: 100px;
	display: inline-block;
}
.oneimage>img
{
	width: 100%;
}
/*.layout-1 .htphead, */
.layout-4 .htphead,
.layout-4 .htpcolumn,
.layout-4 .htptopbar,
.layout-4 .htpfooter,
.layout-4 .infodiv,
.layout-5 .htphead,
.layout-5 .htpcolumn,
.layout-5 .htptopbar,
.layout-5 .htpfooter,
.layout-5 .infodiv,
.layout-6 .htphead,
.layout-6 .htpcolumn,
.layout-6 .htptopbar,
.layout-6 .htpfooter,
.layout-6 .infodiv,
.layout-7 .htpcolumn,
.layout-8 .htphead,
.layout-8 .htpcolumn,
.layout-8 .htptopbar,
.layout-8 .htpfooter,
.layout-8 .infodiv,
.layout-11 .htphead,
.layout-11 .htpcolumn,
.layout-11 .htptopbar,
.layout-11 .infodiv,
.layout-12 .htphead,
.layout-12 .htpcolumn,
.layout-12 .htptopbar,
.layout-12 .infodiv
{
	display: none;
}
.layout-6 .full
{
	display: block;
}
.htphead,
.htpcolumn,
.logo,
.oneimage
{
	word-break: keep-all;
	word-wrap: normal;
}
.htppaper .htphead,
.htppaper .htpcolumn,
.htppaper .logo,
.htppaper .oneimage,
.htppaper .full
{
	border: dotted 1px #ddd;
}
.htphead.resting,
.htpcolumn.resting
{
	border-color: white;
}
.col1,
.col2,
.htphead
{
	outline-offset: 3px;
}
.col1
{
	left:97.6px;
	/* background-color: yellow; */
}
.col2
{
	left: 494px;
	/* background-color: yellow; */
}
.col1,
.col2
{
	overflow: hidden;
}

.layout-13 .col1
{
	left: 494px;
}
.layout-13 .col2
{
	left: 97.6px;
}
.logo
{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.layout-13 .logo
{
	display: none;
}
.Preface page img
{
	display: block;
	width: 100% !important;
}
.hidden
{
	display: none;
}
.img_caption
{
	font-size: 9.604px;
	padding-bottom: .5em;
}
.htppage .htpcolumn figure
{
	margin: 0 !important;
}
ul, ol
{
	margin: 0;
}
ol
{
	padding-left: 1.0em;
}
ul
{
	padding-left: 1.0em;
}
li
{
	margin-left: -2px;
}
p
{
	padding: 0;
	margin: 0;
}

a#pdf
{
	padding: 24px 10px 24px 10px;
	border-bottom: solid 1px #ccc;
	display: block;
	vertical-align: middle;
}
a#pdf:hover
{
	color: blue;
}
#pdfbuttonleft,
#pdfbuttonright
{
	/*position: absolute;
	left: 10px;
	top: 10px;*/
	display: inline-block;
	background: linear-gradient(white, red, white);
	border-top-right-radius: 19px;
}
#pgbuttonleft,
#pgbuttonright
{
	display: inline-block;
	background: linear-gradient(rgb(27,161,220), white, white);
	transform: scale(.75, 1);
}
#pdfleft:hover #pdfbuttonleft,
#pdfright:hover #pdfbuttonright
{
	color: black;
	transform: translate(1px, 1px);
	background: linear-gradient(red, white);
}
#pgleft:hover #pgbuttonleft,
#pgright:hover #pgbuttonright
{
	color: black;
	transform: scale(.75, 1) translate(1px, 1px);
	background: linear-gradient(rgb(27,161,220), white);
}
#pgleft,
#pgright,
#pdfleft,
#pdfright
{
	display: inline-block;
	padding: 10px;
	border: solid 4px transparent;
	text-align center;
}
#pgleft>div,
#pgright>div,
#pdfleft>div,
#pdfright>div
{
	text-align: center;
}
#pgleft.pgsideactive,
#pgright.pgsideactive
{
	border: solid 4px #00ff00;
}
/* reassign strike through to blue text */
s
{
	text-decoration: none;
	color: rgb(0, 126, 186);
	font-size: 21px;
	line-height: 21px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.3px;
}
.modal .modal-body input[name=url]
{
	max-width: 170px;
}
.cke_dialog_body .cke_dialog_title
{
	height: 22px;
	background-image: none;
	background: linear-gradient(#eef, #bbf);
}
xtr:last-child>td.cke_dialog_ui_vbox_child>span.cke_dialog_ui_checkbox
{
	display: none;
}
.htpcolumn span.cke_widget_wrapper
{
	display: block;
}
/*
.htpcolumn .cke_widget_drag_handler_container
{
	height: 0 !important;
	overflow: hidden;
}
.htpcolumn span.cke_widget_wrapper::after
{
	content: " ";
	display: inline;
}
*/
.img-quality
{
	position: absolute;
	display: block;
	border: solid 3px red;
	padding: 6px;
	background-color: white;
	background-color: rgba(255, 255, 255, .75);
	width: 256.8px;
}
.img-quality.flash
{
	border-color: orange;
}
.img-closebox
{
	float: right;
	cursor: pointer;
	position: relative;
	top: -5px;
}
.img-closebox:hover
{
	color: red;
}
.modal #browser .pager-scrolldiv.scrolling,
.modal #browser .pager-table.scrolling tbody
{
	max-height: calc(70vh - 250px);
}
.modal #browser .pager-scrolldiv.scrolling.nobuttons,
.modal #browser .pager-table.scrolling tbody.nobuttons
{
	max-height: calc(70vh - 250px);
}
div.uploaded
{
	display: block;
	position: absolute;
	padding: 6px;
	background-color: #ffcc88;
	border: solid 2px blue;
}
.pos:nth-child(odd)
{
	background-color: yellow;
}
.pos:nth-child(even)
{
	background-color: #00ff00;
}
/* tag styles */
sup,
sub
{
	font-size: .5em;
}
sub
{
	position: relative;
	top: .2em;
}
.noleftinfo,
.rightinfo
{
	width: 100%;
	/* font-size: 17.6px; */
	/* font-size: 18px; */
	display: inline-block;
	vertical-align: top;
	/* line-height: 24px; */
}
.leftinfo>div,
.rightinfo>div
{
	padding-left: 30px;
	text-indent: -30px;
	word-break: break-all;
}
.rightinfo
{
	padding-left: 1%;
}
#clist,
#alist,
#kwlist
{
	margin-top: 6px;
	max-height: 400px;
	width: 100%;
	overflow-y: scroll;
}
.pagenav
{
	position: relative;
	top: -12px;
	display: inline-block;
	height: 30px;
}
.bar .pagenav .prev
{
	display: inline-block;
	font-size: 1.7em;
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
	padding: 0 4px 0 0;
}
.bar .pagenav .next
{
	display: inline-block;
	font-size: 1.7em;
	top: 0px;
	position: relative
	height: 30px;
	padding: 0 0 0 4px;
}

.pagenav .number
{
	display: inline-block;
	width: 30px;
	text-align: center;
	position: relative;
	top: -4px;
}
.pagenav .cname
{
	display: inline-block;
	height: 28px;
	max-width: 150px;
	position: relative;
	top: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#pagenumber
{
	position: absolute;
	text-align: right;
	right: 26px;
	top: 23px;
	width: 60px;
	font-weight: bold;
}
.pagenumber
{
	font-weight: bold;
}
#photoc
{
	width: 200px;
	height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	border: solid 1px #888888;
}
#rmphotoc
{
	display: inline-block;
	position: absolute;
	bottom: 5px;
	left: 50%;
	opacity: .75;
	transform: translateX(-50%);
}

.empty>#rmphotoc
{
	display: none;
}
#mtitle,
#mdescr,
#cdescr
{
	width: 700px;
}
#mdesr
{
	height: 40px;
}
	
#cdescr
{
	height: 230px;
}
#workarea
{
	transform-origin: left top;
	width: auto;
	position: absolute;
}
.layout .input
{
	display: inline-block;
}
.consent-warning
{
	padding-bottom: 8px;
}
.htpfooter
{
	position: absolute;
	left: -138px;
	top: 536px;
	width: 340px;
	height: 66px;
	color: rgb(255, 255, 255);
	line-height: 66px;
	text-align: center;
	background-color: rgb(238, 114, 3);
	font-size: 22px;
	transform: rotate(90deg);
	letter-spacing: 0px;
}
.nolineofwork
{
	position: absolute;
	width: 486px;
	height: 350px;
	left: 476px;
	top: 400px;
	background: rgba(127, 127, 127, .50);
	color: rgb(255, 255, 255);
	display: none;
	font-size: 2em;
	padding: 80px 250px 40px 40px;
	line-height: normal;
	font-weight: bold;
}
.lineofwork
{
	position: absolute;
	width: 493px;
	height: 350px;
	left: 476px;
	top: 400px;
	background: rgba(127, 127, 127, .50);
	color: rgb(255, 255, 255);
	display: none;
	font-size: 2em;
	padding: 80px 80px 40px 40px;
	line-height: normal;
	font-weight: bold;
}
.lineofworknumber
{
	position: absolute;
	top: 440px;
	left: 517px;
	background: rgba(127, 127, 127, .50);
	color: rgb(255, 255, 255);
	display: none;
	font-size: 2em;
	font-weight: bold;
}
.layout-8 .lineofworknumber,
.layout-8 .lineofwork
{
	display: block;
}
.pagenumber
{
	/* color: black; */
	/* float: left; */
	color: white;
}
.rightpage .htpfooter
{
	left: unset;
	right: -138px;
	/* transform: rotate(90deg); */

}
/* .rightpage .pagenumber
{
	float: right;
} */
#approve-stats
{
	color: red;
}
.input-checkmark
{
	cursor: pointer;
}
.input .tooltip
{
	white-space: nowrap;
}

.input.required::before
{
	content: "*";
	position: absolute;
	left: -16px;
	top: 7px;
	z-index: 2;
	font-size: 36px;
	color: red;
}
.descrtab div
{
	width: 700px;
	max-width: 100%;
}

.modal .modal-content .descrtab div.cke_textarea_inline
{
	width: 700px;
	max-width: 100%;
}
h4
{
	display; block;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
h4>*
{
	top: 50%;
	transform: translateY(-50%);
}
ul
{
	padding-left: 1.5em;
}
.onpublished
{
	display: none;
}
.published .onpublished
{
	display: table-row;
}