body {
	xfont-family: "Trade Gothic W01", sans-serif;
	xfont-size: 1.2em;
	xline-height: 1.5em;
	padding: 10px;
	xpadding-top: 10px;
	margin: 0 auto;
	xmax-width: 1000px;
	}

p, div, td, li, input, textarea {
	font-family: "Trade Gothic W01", sans-serif;
	font-size: 15pt;
	line-height: 22pt;
	text-align: left;
	}

.nobreak {
	display: block;							
	-webkit-column-break-inside: avoid;		/* don't break between name and affiliation */ 
			  page-break-inside: avoid;
				   break-inside: avoid;
	}

.hyphenate {						/* https://justmarkup.com/log/2015/07/dealing-with-long-words-in-css/ */ 
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}

/* NEW 2021-11 */

span.emphasize {
	font-family: "Helvetica",sans-serif;
	font-size: 1em;
	color: white;
	font-weight: bold;
	background-color: #a10032;
	padding: 4px;
	}

div.emphasize {
	text-align: left;
	font-family: "Helvetica",sans-serif;
	font-size: 1em;
	color:  #a10032;
	font-weight: bold;
	xborder-color: #a10032;
	padding: 4px;
	margin: 6px 0;
	}

/* # NEW Aug 2024 */

.hidden {
	display: none;
	}

a:hover2 {
	color: white;
	background-color: #A173A8;
	text-decoration: none;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	}

/* —————————————————————————————————————————————————————————————————————————— */ 
								@media print 
/* —————————————————————————————————————————————————————————————————————————— */ 
{

body {
	max-width: 15cm;
	}
	
p, div, td, li, input, textarea {
	font-size: 12pt;
	line-height: 15pt;
	}

div.status,
div.note,
div.error,
div.noprint,
div.menu-left,
div.menu-top {
	display: none !important;
	}

}

/* —————————————————————————————————————————————————————————————————————————— */ 
							@media (min-width: 0px)
/* —————————————————————————————————————————————————————————————————————————— */ 
{

body {
	padding-top: 25px;
	}

.bigonly {
	display: none;
	}

/* -------------- Menus for computer screens and mobile devices ------------- */ 	

div.menu-left {
	display: none;
	}

div.menu-top {
	display: block;
	width: 100%;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	color: white;
	background: #3F72A1;
	height: 30px;
	border-bottom: 2px white solid;
	}
a.menu {
	color: white;
	background: #3F72A1;
	}
a.menu:hover {
	color: #3F72A1;
	background: white;
	}

/* ------------------------------ Main content ------------------------------ */ 	
	
div.content {
	display: inline-block;
	max-width: 679px;				/* width logo */
	xborder: 1px red solid;			/* debugging */ 
	}

div.titlelogo {
	margin-left: 0px;
	margin-top: 4px;
	}

p.accolade {
	display: none;
	}

img.responsive,
img.responsive-shrink {				/* NEW Aug 2018 */ 
	max-width: 100%;
	height: auto;
	}

img.author {						/* authors.cgi */
	width: 100px;
	float: left;
	padding: 5px;
	border: 1px grey solid;
	border-radius: 5px;
	margin: 0px 15px 15px 0px;
	background-color: white;
	}

p.column-left {	
	padding-left: 0px;
	xmargin-right: 14px;			/* adjusted to logo */
	}

h1	{
	xfont-size: 20pt;
	line-height: 28pt;
	font-weight: normal; 			/* otherwise it is bold which does not mix well */
	color: #3F72A1;					/*  #003399; #4A4ACE*/
	xtext-align: center;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}

h2 {
	font-size: 15pt;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #3F72A1;
	width: initial;
	background-image: none;
	border-bottom: #3F72A1 3px dotted;
	margin: 40px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	}

h2.collapsable {
	margin-top: 10px;				/* less distance to the top */ 
	}
	
h3	{
	font-size: 15pt;
	font-weight: 700;
	padding-top: 3px;
	padding-left: 0px;
	xmargin-right: 14px;			/* adjusted to logo */
	}

h4 {
	font-weight: 700;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	padding: 10px 10px 10px 0px;
	margin-bottom: 0em;
	}

ul {
	list-style-type: square;
	}

li {
	margin: 0em 0em 0em -1em;
	text-indent: 0em;
	padding: 0px;
	}

.column3 {
	vertical-align: text-top;
	column-count: 1;
	column-gap: 0px; 
	}

p.update {
	text-align: right;
	border-top: 1px black solid;
	}

.big {						/* http://css3buttongenerator.com */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-weight: 400;
	font-size: 17pt;
	color: white;
	background: #3F72A1;
	border: 0px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	}

.big:hover {
	color: white;
	background: #CA9C00;
	xcolor: #3F72A1;
	xbackground: white;
	}

div.ref,
p.ref {							/* contents.cgi, guidelines/index.shtml */
	text-align: left;
	margin-left: 1.5em;
	text-indent: -1.5em;
	xmargin-top: 0em;
	xmargin-bottom: 0em;
	xmargin-right: 14px;			/* adjusted to logo */
	}

.smaller { 
	font-size: 14pt;
	line-height: 20pt;			/* ratio 22/15 ≈ 1.47 */ 
	}

.black { 
	color: black;
	}

.darkgrey { 
	color: #666666;
	}

.addspace { 
	margin-bottom: 0.5em;
	}

span.authoryear {				/* contents.cgi */ 
	font-weight: 700;
	color: #444;
	}

span.google {					/* contents.cgi */ 
	font-family: "Trade Gothic W01", Helvetica, sans-serif;
	font-size: 12pt;
	}

.obituary {						/* NEW Oct 2022  */
	font-family: Helvetica;
	border: 3px black solid;
	padding: 9px;
	}

/* ————————————————————— bib.cgi ————————————————————— */

.bib-form {
	width: calc(100% - 20px);	/* for unknown reason the padding has to be substracted from the width */ 
	text-align: center;
	background: #eee;
	margin: 20px 0px 0px 0px;	/* adjusted to logo */
	padding: 10px 10px;
	}

.bib-found {
	width: 100%;
	text-align: center;
	xcolor: #3F72A1;
	margin: 20px 0px 20px 0px;	/* adjusted to logo */
	}

.bib-ref {
	width: calc(100% - 8px);	/* for unknown reason the padding has to be substracted from the width */ 
	margin: 10px 0px 0px 0px;	/* adjusted to logo */
	padding: 4px;
	}

.bib-abs {
	width: 100%;
	color: #444;
	margin: 10px 0px 10px 0px; /* adjusted to logo */
	padding: 0px 4px;
	}

/* ————————————————————— Forms in general ————————————————————— */

div.form {
	width: calc(100% - 20px);	/* for unknown reason the padding has to be substracted from the width */ 
	text-align: center;
	background: #eee;
	margin: 20px 0px 0px 0px;	/* adjusted to logo */
	padding: 10px 10px;
	}

div.form-found {
	width: 100%;
	text-align: center;
	xcolor: #3F72A1;
	margin: 20px 0px 20px 0px;	/* adjusted to logo */
	}

input,
textarea,
select {
	font-family: "Trade Gothic W01", sans-serif;
	font-size: 15pt;
	color: black;
	background: white;
	border: 1px black solid;
	margin: 0px;
	xpadding: 0px;
	}

.button {						/* NEW Aug 2017 */
	xdisplay: inline-block;		/* # NEW Sep 2018 Removed */ 
	color: #FFF;
	background: #9C9E9F;
	text-decoration: none;
	border: 1px solid #FFF;		/* 3F72A1 EEEEEE 9C9E9F 4px */ 
	border-radius: 6px;
	padding: 0px 8px;
	margin: 4px 0px;
	}

.button:hover {
	color: yellow;
	background-color: #3F72A1;
	xborder: 1px solid #3F72A1;	/* 3F72A1 EEEEEE 9C9E9F 4px */ 
	}


/* ------------------ board.html • review+acknowledgement ------------------- */ 

p.board-name {
	font-weight: 400;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	margin-right: 10px;
	}

p.board-affiliation {
	font-size: 0.8em;
	line-height: 1.2em;
	xfont-size: 12pt;
	xline-height: 14pt;
	text-indent: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 10px;
	}

p.deceased {
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	margin-right: 10px;
	}

/* -------------------------- Subscriptions, Paypal ------------------------- */
 
select.paypal {	
	font-family: "Trade Gothic W01", sans-serif;
	font-size: 15pt;
	color: #3F72A1;
	background: #FFFFFE;			/* just not white */ 
	xbackground: #DEE7EF;			/* 20% of #3F72A1 */
	border-radius: 5px;
	margin-bottom: 10px;
	}
div.paypal {
	text-align: center; 
	border-radius: 0px; 
	background-color: #DEE7EF; 
	margin: 5px 0px; 
	padding: 10px 0px;
	}
span.specialoffer {
	color: white;
	background: #A10032;
	padding: 1px 4px;
	letter-spacing: 2px;
	}

/* ------------- m.shtml = Table of contents for mobile devices ------------- */

div.menu1 {
	padding: 0px 4px;
	border-bottom: 1px grey dotted;
	font-weight: 700;
	}

div.menu2 {
	padding: 0px 4px;
	margin-left: 2em;
	border-bottom: 1px grey dotted;
	}

/* ------------------------------- issues.cgi ------------------------------- */ 

div.issue {
	width: 92px;					/* optimized for iPhone to get three in a row */ 
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 10px 0px 0px 0px;
	padding: 2px;
	border: 0px;
	}

div.issuevolnum {
	text-align: center;
	}

div.issuedetail {
	text-align: center;
	font-size: 12pt;
	line-height: 12pt;
  }

/* ------------------------------ contents.cgi ------------------------------ */ 

div.issue-cover {
	display: none;
	width: 300px;
	vertical-align: top;
	}

div.issue-text {
	display: inline-block;
	min-width: 200px;
	vertical-align: top;
	}

div.volnumpage {	 				/* was p.aissue */	
	margin-top: 0px;
	padding-top: 0px
	}

div.paper-title {	 				/* was p.atitle */	
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-weight: 700;
	font-size: 18pt;
	margin-top: 1em;
	}

div.prevnext {	 					/* was p.prevnext - USED IN: contents-menu */
	text-align: left;
	border-top: 1px #D3321B solid;
	}

div.paper-category {				/* was h3.category */ 
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-weight: 700;
	padding: 4px;
	margin: 1.5em 0px 1em 0px;
	border-top: 2pt #A8A9AB solid;
	width: 100%;
	color: #A8A9AB;
	}

.dot { /* https://www.w3schools.com/howto/howto_css_circles.asp */
	height: 1em;
	width: 1em;
	background-color: #A8A9AB;
	xborder-radius: 50%;
	display: inline-block;
	margin-right: 0.5em;
	}


}

/* —————————————————————————————————————————————————————————————————————————— */ 
							@media (min-width: 719px)
/* —————————————————————————————————————————————————————————————————————————— */ 
{

.nobreak {
	display: inline-block;					/* trick to top align all columns*/ 
	}

.column3 {
	column-count: 3;
	column-gap: 10px;
 	xcolumn-rule: 4px double #ff00ff;
	}
div.issue {
	width: 105px;
	}

img.author {								/* authors.cgi */
	width: 200px;
	}

}

/* —————————————————————————————————————————————————————————————————————————— */ 
							@media (min-width: 1040px)
/* —————————————————————————————————————————————————————————————————————————— */ 
{

body {
	padding-top: 0px;
	}

.bigonly {
	display: block;
	}

h1 {
	text-align: left;
	xfont-size: 24pt;
	xline-height: 35pt;
	}

div.menu-left {
	display: inline-block;
	float: left;
	width: 275px;
	padding-right: 0px;
	margin-top: 114px;
	margin-right: 0px;
	border-top: 1px #9C9E9F solid;
	border-right: 1px #9C9E9F solid;
	}

div.menu-top {
	display: none;
	}

div.content {
	margin-left: 40px;
	xmax-width: 719px;	/* 679 + 40 = 719 */ 
	}

div.titlelogo {	
	xmargin-left: 22px;
	}

p.accolade {
	display: block;
	font-family: "Times New Roman";
	font-size: 48pt;
	margin-top: -40px;
	xmargin-bottom: -40px;
	position: relative;
	top: +94px;
	left: -40px;
	color: #3F72A1;
	width: 40px;
	}

h1, h2, h3, h4, p, li {
	xmargin-left: 40px;
	xmargin-right: 14px;			/* adjusted to logo */
	}
h1 {
	margin: 0px 0px 30px 0px;
	}
p.column-left {
	xmargin-left: 40px;
	}
div.paypal {
	xmargin-left: 40px; 
	}

div.issue {
	width: 125px;
	}

div.issue-cover {
	display: inline-block;
	}
div.issue-text {
	min-width: 0px;
	max-width: 360px;
	}
	
}

/* —————————————————————————————————————————————————————————————————————————— */ 
/* END @media (min-width: 1040px) */
/* —————————————————————————————————————————————————————————————————————————— */ 



/* DELETE BELOW? */ 





/*
—————————————————————
*/

.normal {
	font-weight: 400;
	font-style: normal;
	border-bottom: none;
	}

.bold {
	font-weight: 700;
	}

.boldunderlined {
	font-weight: 700;
	border-bottom: 2pt red solid;
	}

.italic {
	font-style: italic;
	}

.center {
	text-align: center;
	}

span.error {
	color: #A10032;
	font-weight: 700;
	text-align: center;
	}

.errormessage {
	color: #A10032;
	text-align: left;
	}

.ok {
	text-align: center;
	font-size: 16pt;
	}

.attention {
	color: #A6032F;
	font-weight: 700;
	text-align: center;
	background-color: yellow; /* #C99C00;  #FFC; */
	padding: 2px;
	border: 1pt #A6032F solid;
	margin-top: 10px;
	}

span.big {
	font-weight: 700;
	font-size: 16pt;
	font-weight: bold;
	}

.small {
	font-size: 12pt;
	font-weight: normal;
	}
	
div.statistics {
	float: right;
	width: 25%;
	border: 1pt balck solid; 
	padding: 10px;
	margin: -5px 0px 5px 10px;
	font-size: 15pt;
	line-height: 22pt;
	xline-height: 15pt;
	border-left: 3px #3F72A1 dotted;
	xbackground: #E6EDF2;
	}
	
/*
COLORS
see also /constructivism/aux/css/colors.css

cfblue
50% #8DA9C5
40%	#A3BAD0
30%	#B9CADC
25% #C5D4E1
20%	#D0DCE7
15%	#DBE5ED
10% #E6EDF2
 5%	#F3F6F9
 
*/

.cfred {
	color: #A10032;
	}

.grey {
	color: #aaa;
	}

.darkgrey {
	color: #444;
	}
	
.red {
	color: darkred;
	}

.green {
	color: darkgreen;
	}

.Trade18 {
	}

/*
BACKGROUNDS
see also /constructivism/aux/css/colors.css
*/

.inverted {
	color: white;
	background-color: black;
	}

.highlight {
	font-family: "Trade Gothic W01",sans-serif;
	font-weight: 700;
	xbackground: #DEE7EF;			/* 20% of #3F72A1 */
	padding: 2px 4px;
	}

/* NEW 2021-11 from admin.css */

.overdue {
	color: white;
	background-color: #A10032;	/* cf-red; */
	}


/*
—————————————————————
menu.html
—————————————————————
*/


div.menu {	 								/* USED IN: menu.html */
	font-size: 12pt;
	line-height: 15pt;
	border-bottom: 1px solid #9C9E9F;
	padding: 2px 12px 2px 0px;
	text-align: right;
	height: 20px;
	}

div.menu-big {	 							/* USED IN: contents.cgi */
	border-bottom: 1px solid #9C9E9F;
	padding: 2px 12px 2px 0px;
	text-align: right;
	height: 30px;
	}

h3.column {	 /* USED IN: menu.html */
	font-weight: 700;
	text-align: right;
	color: white;
	padding: 2px 12px 2px 0px;
	margin-right: 0px;
   	xbackground-image: url(img/gradient-grey.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	border: 0px;
	}

div.issue-feed {	 /* USED IN: menu.html */
	padding: 2px 12px 14px 0px;
	text-align: center;
	margin-right: 0px;
	}

div.issue-covers {	 /* USED IN: menu.html */
	left: 26px;
	top: 0px;
	width: 170px;
	height: 71px;
	text-align: right;
	margin: 0px;
	xmargin-bottom: -20px;
	xborder: 1px solid green;
	}

div.issue-labels {	 /* USED IN: menu.html */
	font-size: 12pt;
	line-height: 15pt;
	position: relative;
	left: 190px;
	top: -75px;
	width: 76px;
	height: 71px;
	text-align: right;
	margin: 0px;
	margin-bottom: -60px;
	xborder: 1px solid green;
	}

/*
—————————————————————
board.html
—————————————————————
*/




	
/*
NEW Jan 2012
*/

.new {
	font-family: Courier, "Courier New";
	padding: 2px;
	color: white;
	background-color: red;
	}

.admin,.editor {
	font-family: "Trade Gothic W01", "Lucida Grande", "Trade Gothic W01 Bold Cn 20", Verdana, "Andale Mono", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	xbackground-color: yellow; /* #FFEFDF; */
	background-color: #FFEFDF;
	padding: 1px 2px;
	border: 1px #A10032 solid;
	text-align: center;
	}	

.checked {							/* checked checkboxes */
	background-color: yellow;
	}


/*
—————————————————————
Full Text, e.g., Publication Review -- NEW March 2012
—————————————————————
*/

h1.ft {
	padding: 0 0 0 40px;
	margin: 0 0 0 0;
	text-indent: 0px;
	width: 665px;			/* 679 - 14 */
	}

h2.ft {
	padding: 0 0 0 40px;
	margin-right: 0px;
	text-indent: 0px;
	color: black;
	background-image: none;
	}

p.ft_author {
	font-size: 12pt;
	text-align: justify;
	line-height: 1.5em;
	padding: 0 0 0 0;
	margin-left: 40px;
	text-indent: 0px;
	}

p.ft_abs {
	font-size: 12pt;
	text-align: justify;
	line-height: 1.5em;
	padding: 0 0 0 0;
	margin-left: 40px;
	text-indent: 0px;
	}

p.ft_h1 {
	text-align: left;
	font-weight: 700;
	font-size: 15pt;
	xtext-transform: capitalize;
	text-indent: 22px;
	padding-left: 40px;
	}

p.ft {
	font-family: Cambria, Georgia, "Times New Roman";
	font-size: 10.5pt;
	text-align: justify;
	line-height: 22px;
	text-indent: 22px;
	color: #333;
	padding-left: 40px;
	margin: 0 0 0 0;
	}

p.ft_pr_abs {					/* publication review abstract */
	font-family: Cambria, Georgia, "Times New Roman";
	font-size: 10.5pt;
	text-align: justify;
	line-height: 22px;
	text-indent: 22px;
	color: #333;
	padding-left: 40px;
	margin-top: -0.5em;
	}

p.ft_pr_ref {					/* publication review reference */
	text-align: left;
	font-weight: 700;
	xfont-weight: bold;
	font-size: 12pt;
	line-height: 22px;
	text-indent: 22px;
	padding-left: 40px;
	}


p.ft_quote {			
	font-family: Cambria, Georgia, "Times New Roman";
	font-size: 9.5pt;
	text-align: justify;
	line-height: 17px;
	text-indent: 0px;
	color: #333;
	padding-left: 40px;
	margin: 10px 22px 10px 22px;
	}

p.ft_ref {		
	font-family: Cambria, Georgia, "Times New Roman";
	font-size: 10.5pt;
	text-align: justify;
	line-height: 22px;
	text-indent: -22px;
	color: #333;
	padding-left: 40px;
	margin: 0 0 0 22px;
	}

/*
—————————————————————
*/

p.accolade2 {	 /* TEST UNUSED */
	font-family: Times New Roman;
	font-size: 50pt;
	margin-top: 20px;
	margin-bottom: -1.2em;
	position:relative;
	left: 0px;
	color: #3F72A1;
	}

p.first {
	margin-left: 66px;
	margin-bottom: 40px;
	}
	
p.column {	 /* USED IN: acknowledgement.html • books+index.html • faq.html • guidelines/index.html • index.html • issues.html • promotion.html */
	padding-left: 40px;
	margin-right: 14px;			/* adjusted to logo */
	xpadding-right: 14px;
	}

p.columnbig {	
	padding-left: 40px;
	margin-right: 14px;			/* adjusted to logo */
	font-size: 1.2em;
	}

p.column-center {		 /* NEW Nov 2016 USED IN: acknowledgement.html • books+index.html • faq.html • guidelines/index.html • index.html • issues.html • promotion.html */
	text-align: center;
	padding-left: 40px;
	margin-right: 14px;			/* adjusted to logo */
	}
li.column-left {
	text-align: left;
	xfont-size: 1.2em;
	xpadding-left: 40px;
	margin-right: 14px;			/* adjusted to logo */
	}

p.columndense {
	padding-left: 40px;
	margin-right: 14px;			/* adjusted to logo */
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left; 
	}

p.abstract {						/* NEW Nov 2012 */
	text-align: left; 
	margin: 1em 20px 1em 0px;
	text-indent: 0em;
	padding-left: 40px;
	margin-right: 14px;			/* adjusted to logo */
	}

li.abstract {						/* NEW Jan 2015 */
	text-align: left; 
	}

div.news {	 /* USED IN: index.html */
	float: right;
	width: 200px;
	margin: 10px;
	margin-top: 4px;
	margin-right: 14px;
	padding: 4px 10px;
	border: 2px solid black;
	background-color: white;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.2em;
	color: black;
	text-align: left;
	}


td {
	border: 0px;
	}

p.debug {	 /* USED IN: TEST+questionnaire • accounting+index • bib+db • bib+index • books+amazon • books+explore • contents • log • retrieve • r+paperreview • search+db • search+index • vote/index */
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	font-family: Andale Mono, Verdana, "Trade Gothic W01", sans-serif;
	font-size: 10pt;
	xfont-weight: bold;
	color: red;
	background-color: yellow;
	border: 2px solid red;
	padding: 2px 4px;
	text-align: left;
	}

/* # NEW Jan 2016 */
div.debug {	 
	width: 100%;
	font-family: Andale Mono, Verdana, "Trade Gothic W01", sans-serif;
	font-size: 1em;
	background-color: #FFEBD7;
	border: 1px solid #FEE0C2;
	padding: 1px 2px;
	text-align: left;
	}

/* # NEW Aug 2020 Combine with cfbgred20 cfbggreen20 cfbgyellow20 cfbgblue20 */ 
div.message {	 
	width: 100%;
	font-family: Andale Mono, Verdana, "Trade Gothic W01", sans-serif;
	font-size: 1em;
	border: 1px solid white;
	padding: 1px 2px;
	text-align: left;
	}

p.simple, li.simple {	 /* USED for result screens # NEW Aug 2017 and FAQ, HELP files */
	font-family: Andale Mono, Verdana, "Trade Gothic W01", sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: left;
	margin: 0 0 1em 0;
	padding: 0;
	}

/*
—————————————————————
# NEW Jul 2018 Impact Factor
—————————————————————
*/

table.data {
	font-size: 1.2em;
	margin: 10px auto;
	border-bottom: 2px black solid;
	border-collapse: collapse;
	}

th.data {
	text-align: center;
	border-top: 2px black solid;
	border-bottom: 1px black solid;
	padding: 4px;
	margin: 0px;
	}

td.data {
	text-align: right;
	border-bottom: 1px black dotted;
	}
	
/*
—————————————————————
links
—————————————————————
*/

a {
	color: #3F72A1;
	text-decoration: none;
	xborder-bottom: 1px dotted #3F72A1;
	}

a:hover {
	xtext-decoration: underline;
	xfont-weight: bold;
	color: yellow;
	background-color: #3F72A1;
	}

a.whitelink {				/* used in status.cgi */
	color: white;
	}

a.black {					/* NEW July 2013 in contents.cgi links paper title to abstract */
	color: black;
	}

.preview {					/* NEW March 2016 */
	display: inline-block;
	font-size: 1em;
	line-height: 1.2em;
	color: #3F72A1;
	background-color: white;
	text-decoration: none;
	border: 1px solid #3F72A1;
	border-radius: 10px;
	padding: 1px 10px;
	margin: 10px 0px;
	}

.preview:hover {
	color: yellow;
	background-color: #3F72A1;
	}


/*
—————————————————————
forms
—————————————————————
*/

textarea {
	font-size: 14pt;
	}
textarea.serif {	/* NEW Nov 2013 for serif font in bigger text areas */
	font-family: Cambria, Georgia, Times New Roman, serif;
	font-size: 12pt;
	line-height: 22pt;
	}

input {
	font-size: 14pt;
	}
xinput.big {	 /* USED IN: subscribe */
	font-weight: bold;
	font-size: 18pt;
	}
input.button {	 /* USED IN: bib+index • contents-menu • menu.html • retrieve • search+index */
	xfont-weight: bold;
	font-size: 14pt;
	}
input.search { 			/* NEW Aug 2011 */
	font-size: 15pt;
	width: 100px;
	}

/*
———————————————————————
faq.html
———————————————————————
*/

span.Q {					/* unused */ 
	color: white;
	background-color: #3F72A1;
	padding: 0px 10px;
	}
	
h2.faq {
	font-weight: 700;
	width: 100%;
	color: #3F72A1;
	background: #fff;
	padding: 6px 6px;
	margin: 10px 0px;
	}

h2.faq:hover {
	color: #fff;
	background: #3F72A1;
	}

h3.faq {	 /* USED IN: faq.html */
	padding: 0px 0px 0px 40px;
	margin: 0px;
	border-top: 0px white solid;
	width: 100%;
	}
li.faq {	 /* USED IN: faq.html */
	margin-left: 10px;
	margin-right: 0px;
	}


/*
———————————————————————
contents
issue and abstract page
								Can be deleted?
———————————————————————
*/

p.xxxxasubtitle	{	 /* USED IN: contents */
	font-weight: normal;
	font-size: 12pt;
	xpadding-left: 10px;
	margin-top: -0.5em;
	margin-right: 14px;
	text-align: left;
	color: black;
	}
div.navigation {					/* NEW Nov 2013 */
	height: 100%;
	margin-top: 114px;
	border-top: 1px #9C9E9F solid;
	border-right: 1px #9C9E9F solid;
	}

div.subscription {	 /* USED IN: contents */
	margin-top: 0px;
	background-color: #FFFFCC;
	padding-bottom: 10px;
	padding-left: 5px;
	}

h1.promotion {	 /* USED IN: contents */
	font-weight: 700;
	font-size: 14pt;
	color: black;
	text-align: center;
	margin: 0px;
	margin-top: 1em;
	padding: 0px;
	}

p.promotion {	 /* USED IN: contents */
	margin-top: 0px;
	margin-bottom: -0.5em;
	padding: 0px 10px;
	line-height: 1.2em;
	}
p.promotion-header {	 /* USED IN: contents */
	margin-top: 0px;
	margin-bottom: 0em;
	padding: 10px 10px 0px 10px;
	font-size: 18pt;
	line-height: 20pt;
	text-align: left;
	}

.left {
	float:left;
	padding-right: 20px;
	}

div.recommend {	 /* USED IN: contents */
	font-weight: 700;
	xfont-size: 12pt;
	text-align: right; 
	border-bottom: 1px solid #9C9E9F;
	height: 40px;
	background-color: #9C9E9F; 
	background-image: url('http://constructivist.info/img/recommend-librarian-background.png');
	padding: 0px 12px 0px 0px;
	text-align: right;
	line-height: 1em;
	}

p.issue	 {	 /* USED IN: contents */							/* End new Oct 2009 */
	text-align: center;
	font-family: Helvetica Neue, sans-serif, Helvetica;
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 0em;
	}

P.leftcol {	 /* USED IN: contents */							/* End new Oct 2009 */
	text-align: center;
	font-family: Helvetica Neue, sans-serif, Helvetica;
	font-size: 12pt;
	}

table.cover {	 /* USED IN: contents */
	xmargin-bottom: -1em;
	margin-top: 1em;
	}
img.cover {	 				/* USED IN: contents */
	float: left;
	top: -20px;
	padding: 4px 10px 10px 0px;
	background-color: white;
	text-align: left;
	}

span.accolade {	 			/* USED IN: contents */
	font-family: Times New Roman;
	font-size: 50pt;
	position: relative;
	left: -10px;
	top: -16px;
	color: #D3321B;
	xborder: 1pt grey solid;		/* debug */
	}

span.accolade-small {	 			/* NEW Nov 2016  */
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 1.4em;
	xposition: relative;
	xleft: -10px;
	xtop: -16px;
	color: grey;
	xborder: 1pt grey solid;		/* debug */
	}

h1.issue	{	 			/* USED IN: contents */
	font-size: 18pt;
	padding: 0px;
	margin: 0px;
	margin-left: 25px;
	margin-bottom: -60px;
	xpadding-bottom: 0px;
	xcolor: #D3321B;				/* overwritten in contents(-new) */
	position: relative;
	left: 0px;
	top: -76px;
	text-align: left;
	xborder: 1pt grey solid;		/* debug */
	}

p.specialissue {	 		/* USED IN: contents */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-size: 14pt;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	}

div.specialoffer {	 		/* NEW March 2016 USED IN: contents */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-size: 14pt;
	line-height: 1.5em;
	text-align: center;
	padding-left: 0px;
	margin-left: 40px;
	xbackground: #E8C5C8;	/*  20% of #A10032 */
	clear: both;
	}

div.special {	 		/* NEW March 2016 USED IN: contents */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-family: 'Trade Gothic W01 Bold Cn 20';
	color: #777;
	font-size: 14pt;
	line-height: 1.5em;
	text-align: left;
	padding-left: 0px;
	margin-bottom: 1em;
	xbackground: #E8C5C8;	/*  20% of #A10032 */
	clear: both;
	}

p.purchase {	 		/* USED IN: contents */
	font-weight: 700;
	font-size: 14pt;
	text-align: center;
	padding-left: 0px;
	margin-left: 0px;
	color: white;
	background-color: red;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

div.thanks {	 		/* NEW March 2016 USED IN: contents */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-size: 140%;
	line-height: 1.5em;
	text-align: center;
	padding-left: 0px;
	margin: 10px 0px;
	margin-left: 40px;
	}

P.xxaauthor {						/* used in search+layouts */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-size: 14pt;
	xpadding-left: 10px;
	margin-right: 14px;			/* adjusted to logo */
	margin-top: 0em;
	margin-bottom: 1.5em;
	text-align: left;
	}
P.xxacitation {					/* used in search+layouts */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-size: 12pt;
	xpadding-left: 10px;
	margin-right: 14px;			/* adjusted to logo */
	xmargin-top: -1.0em;
	text-align: left;
	}


/*
—————————————————————
coretexts/index.html
—————————————————————
*/

p.ititle {	 /* USED IN: coretexts/index.html */						/* p.title is in conflict with contents.css */
	font-weight: 700;
	font-size: 1em;
	padding-left: 20px;
	margin-right: 14px;			/* adjusted to logo */
	text-align: left;
	}
p.iauthor {	 /* USED IN: coretexts/index.html */						/* p.author is in conflict with contents.css */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-size: 1em;
	padding-left: 20px;
	margin-right: 14px;			/* adjusted to logo */
	margin-top: -1.0em;
	text-align: left;
	}
p.ilinks {	 /* USED IN: coretexts/index.html */						/* p.author is in conflict with contents.css */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-size: 12pt;
	padding-left: 20px;
	margin-right: 14px;			/* adjusted to logo */
	margin-top: -1.0em;
	margin-bottom: -1.0em;
	text-align: left;
	padding-bottom: 4px;
	border-bottom: 2px #3F72A1 dotted;
	xborder-bottom: 2px #D3321B dotted;
	border: none;							/* NEW Nov 2015 */
	}
p.iabstract {								/* NEW Aug 2018 */
	font-size: 1em;
	line-height: 221.2empx;
	text-align: left;
	color: #333;
	padding-left: 20px;
	margin-top: -0.5em;
	}


p.xtitle {	 	/* USED IN: coretexts */
	font-weight: 700;
	font-size: 20pt;
	text-align: center;
	padding: 0px;
	}
p.xauthor {		/* USED IN: coretexts */
	font-family: "Trade Gothic W01", sans-serif, Lucida Grande;
	font-size: 16pt;
	text-align: center;
	padding: 0px;
	}
p.xheader {	 /* USED IN: coretexts */
	font-weight: 700;
	font-size: 14pt;
	}
p.xref {	 /* USED IN: coretexts */
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	text-indent: -1em;
	}
span.xsup {	 /* USED IN: coretexts */
	font-weight: 700;
	position: relative; top: -0.5em; font-size: 80%;
	}

/*
—————————————————————
issues.html
—————————————————————
*/

P.minivol {	 /* USED IN: issues.html */						/* issues.html */
	font-size: 14pt;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 0em;
	}
P.minidate {	 /* USED IN: issues.html */					/* issues.html */
	font-size: 12pt;
	text-align: center;
	margin-top: -0.2em;
	}

td.volnum {	 /* USED IN: issues.html */						/* issues.html */
	font-size: 16pt;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 0em;
	}

/*
—————————————————————
guidelines/index.html
—————————————————————
*/


/* other bib related not yet checked */ 

.bib-comment {
	margin: 1em 20px 1em 20px;
	text-indent: 0em;
	padding-left: 40px;
	margin-right: 14px;			/* adjusted to logo */
	}

.bib-url {
	text-indent: 0em;
	text-align: left; 
	margin: 0.5em 14px 0px 20px; 	/* adjusted to logo */
	padding-left: 40px;
	width: 639px;				/* 679 - 20 - 20 */
	}

span.bib-source { 		
	font-family: "Trade Gothic W01", Helvetica, sans-serif;
	}

input.bib-search {
	font-family: "Trade Gothic W01", Helvetica, sans-serif;
	font-size: 16px;
	}

.bib-discipline {
	font-weight: 700;
	text-align: center; 
	xbackground-color: #FFC;
	margin-left: 40px;
	width: 669px;				/* 679 - 20 */
	}	
/*
—————————————————————
bib+suggest
—————————————————————
*/

p.formlabel {	 /* USED IN: bib+suggest */
	font-size: 16pt;
	color: #444444;
	}

p.refsmall {	 /* USED IN: bib+suggest */
	font-family: Lucida Grande, sans-serif;
	font-size: 10pt;
	text-align: left;
	color: #666666;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	text-indent: -1em;
	}

p.refpreview {	 /* USED IN: bib+suggest */
	text-align: left;
	font-size: 14pt;
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	}
ul.error {	 /* USED IN: bib+suggest */
	/* UNDEFINED */
	}

/*
—————————————————————
bib+suggest
—————————————————————
*/


td.left {	 /* USED IN: accounting+index */
	xborder-right: 1px solid #9C9E9F;	/* does not work in Firefox */
	text-align: right;
	width: 260px;
	border-top: 1px solid #9C9E9F;
	}

td.right {	 /* USED IN: accounting+index • contents • header.html */
	padding-top: 24px;
	text-align: left;
	width: 679px;						/* logo width (679)  */
	}

td.formlabel {	 /* USED IN: books+index.html */
	font-weight: 700;
	font-size: 14pt;
	xtext-align: right;
	xvertical-align: top;
	color: gray;
	}

td.featuredbooks {	 /* USED IN: books+amazon */
	vertical-align: top;
	text-align: center;
	width: 180px;
	font-size: 10pt;
	border-right: 1px dotted black;
	}

table.form {	 /* USED IN: books+index.html • retrieve • subscribe */
	background-color: #EEEEEE;
	xborder: thin solid #888888;
	padding: 10px;
	}

p.lastupdate {	 /* USED IN: books+index.html • coretexts/index.html • guidelines/index.html • promotion.html • search+aux • subscription.html */
	margin: 0px;
	font-size: smaller;
	text-align: center;
	}
td.menu {	 /* USED IN: review+db • r+paperreview */
	font-weight: bold;
	}

p.status {	 /* USED IN: contents • review+aux • review+db • r+paperreview • status */
	margin: 0px;
	font-size: 12pt;
	text-align: center;
	background-color: #9C9E9F; /* black; */
	color: white;
	xborder-bottom: 1px grey solid;
	}

/*
——————————————————————
# NEW Nov 2017 
Profile Payments
——————————————————————
*/

table.payments {
	margin: 1em 0em;
	max-width: 100%;
	font-family: courier, mono;
	}

th.payment {
	font-weight: 700;
	text-align: center;
	font-weight: normal;
	color: white;
	background: grey;
	}

td.date {
	text-align: left;
	padding: 2px 4px 2px 1em;
	border-bottom: 1px black dotted;
	}

td.euro {
	text-align: right;
	padding: 2px 0px 2px 1em;
	border-bottom: 1px black dotted;
	}

td.printcopies {
	text-align: left;
	padding: 2px 4px 2px 1em;
	border-bottom: 1px black dotted;
	}

/*
—————————————————————
End new Oct 2009
—————————————————————
*/

p.pubdate {	 /* USED IN: contents-menu • contents • menu.html */
	text-align: center;
	font-family: Helvetica Neue, sans-serif, Helvetica;
	font-size: 14pt;
	margin-top: 0em;
	}
p.menuvol {	 /* USED IN: contents-menu • contents • search+index */
	text-align: left;
	line-height: 1em;
	font-family: Helvetica Neue, sans-serif, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

/*
—————————————————————
amazon
—————————————————————
*/

table.feature {	 /* USED IN: books+amazon */
	margin-left: 15px;
	xborder: 1 solid red;
	xbackground-color: #FFFFCC;
	padding-top: 10px;
	padding-bottom: 10px;
	}
th.feature {	 /* USED IN: books+amazon */
	font-family: Lucida Grande, Helvetica Neue, sans-serif, Helvetica;
	font-size: 14pt;
	font-weight: normal;
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-left: 0px;
	xborder-top: 1 dotted gray;
	xcolor: #FFCC00;
	xbackground-color: #444444;
	}
td.feature {														/* td.featuredbooks ????????????????? */
	font-family: Lucida Grande, sans-serif;
	font-size: 12pt;
	text-align: center;
	vertical-align: top;
	width: 180px;
	xborder-right: 1 dotted black;
	}

/*
—————————————————————
USED
—————————————————————
*/


p.special {	 /* USED IN: contents-menu */					/* contents-menu */
	text-align: left;
	font-family: Helvetica Neue, sans-serif, Helvetica;
	font-size: 12pt;
	margin-left: 35px;
	margin-top: 0em;
	margin-bottom: 0em;
	}

a.prevnext {	 /* USED IN: contents-menu */
	color: white;
	text-decoration: none;
	}

p.menunum {	 /* USED IN: contents-menu */
	text-align: left;
	line-height: 1em;
	font-family: Helvetica Neue, sans-serif, Helvetica;
	font-size: 12pt;
	margin-left: 30px;	
	margin-top: 0em;
	margin-bottom: 0em;
	text-indent: -15px;	
	}

/*
—————————————————————
subscribe.cgi retrieve.cgi
—————————————————————
*/

td.formok {
	font-size: 12pt;
	text-align: right;
	color: black;
	padding-right: 4px;
	}
td.formerror {
	font-family: "Trade Gothic W01", Arial Narrow, sans-serif;
	font-weight: 700;
	text-align: right;
	font-size: 12pt;
	color: red;
	padding-right: 4px;
	}
h3.formerror {
	color: red;
	}

/*
—————————————————————
Annotations in contents.cgi
—————————————————————
*/


table.xannotation {	 		/* NEW Aug 2011 USED IN: contents */
	margin-left: 40px;		/* like p.column */
	padding: 4px;
	}

textarea.annotation { 		/* NEW Aug 2011 */
	font-size: 14pt;
	}

input.annotation { 			/* NEW Aug 2011 */
	font-size: 14pt;
	width: 480px;
	}
textarea.annotation {
	width: 480px;
	}

/* div version OBSOLETE */

.annpro {
	margin-left: 40px;		/* like p.column */
	padding: 4px;
	background-color: #cfc;
	border: 1pt #690 solid;
	}
.anncon {
	margin-left: 40px;		/* like p.column */
	padding: 4px;
	background-color: #fcc;
	border: 1pt #c03 solid;
	}
.annquestion {
	width: 663px;
	margin-top: 20px;
	margin-left: 40px;		/* like p.column */
	background-color: #eeeeee;
	border: 1pt #999 solid;
	}
.annfirst {
	color: #666;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 10px;
	}
.annsubject {
	font-weight: 700;
	font-size: 14pt;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 10px;
	}
.annauthor {
	color: #666;
	margin-top: 0px;
	margin-bottom: -10px;
	padding: 0px 10px;
	}
.anncontent {
	margin-bottom: 0px;
	background-color: white;
	padding: 5px 10px;
	}

/* table version */

table.annotation {
	width: 663px;
	margin-top: 20px;
	margin-left: 40px;		/* like p.column */
	xbackground-color: #eeeeee;
	xborder: 4pt #eee solid;
	border: 1pt #999 dotted;
	padding: 0px;
	}
td.annsubject {
	font-weight: 700;
	font-size: 14pt;
	margin: 0px;
	padding: 5px 10px;
	}
td.annid {
	font-weight: 700;
	font-size: 14pt;
	color: white;
	margin: 0px;
	padding: 5px 10px;
	}
td.annauthor {
	color: #666;
	margin: 0px;
	padding: 2px 10px 10px 10px;
	}
td.anncontent {
	line-height: 1.5em;
	text-align: justify;
	margin-bottom: 0px;
	background-color: white;
	padding: 5px 10px;
	}
td.annfooter {
	font-weight: 700;
	font-size: 10pt;
	xtext-align: center;
	xmargin: 0px;
	padding: 8px 8px;
	}
input.annbuttons {
	font-weight: 700;
	font-size: 10pt;
	}

/* NEW Sep 2011 */

div.topic {
	margin: 10px 0px 5px 0px;			
	padding: 0px;
	}

h3.topic	{
	font-weight: 700;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 4px;
	background-color: #eeeeee;
	xborder-top: 10px #eeeeee solid;
	border: 0px;
	width: 610px;
	}

table.annotation2 {
	width: 593px;
	width: 100%;
	margin-top: 10px;
	margin-left: 20px;		/* like p.column */
	margin-left: 0px;
	padding: 0px;
	}

table.annotationedit {
	width: 620px;
	margin-top: 10px;
	margin-left: 20px;		/* like p.column */
	padding: 0px;
	background-color: #ffc;
	}

td.annauthor2 {
	xcolor: #666;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	xpadding: 0px 0px 0px 16px;
	border-top: 2pt solid black;
	border-bottom: 1pt solid black;
	font-size: 120%;
	}

td.report {
	font-weight: 700;
	font-size: 10pt;
	xtext-align: center;
	xmargin: 0px;
	padding: 0px 0px 0px 0px;
	}

td.anncontent2 {
	font-family: Cambria, Verdana, sans-serif;
	xfont-size: 10.5pt;
	line-height: 1.5em;
	text-align: left;
	margin-bottom: 0px;
	background-color: white;
	xpadding: 5px 0px 5px 20px;
	padding: 5px 0px 5px 0px;
	}

select.annotation {
	font-size: 12pt;
	}

span.up {
	font-size: 10pt;
	}

/* 
NEW Dec 2017
Make above obsolete
*/ 

div.authorheading {
	font-size: 1.8em;
	color: #777;						/* #3F72A1; */
	margin: 1em 0em 0.5em 0em;
	xborder-bottom: 4pt grey solid;
	xbackground-color: #eeeeee;
	clear: both;						/* # NEW Mar 2019  */ 
	}
div.authorrif {
	font-weight: 700;
	font-size: 1em;
	xmargin-top: 0.5em;
	xmargin-bottom: 1em;
	}
div.authorurl {
	margin-top: -20px;
	xmargin-left: 40px;
	margin-bottom: 20px;
	}
div.authoraffiliation {
	xfont-size: 1.2em;
	xline-height: 1.2em;
	text-align: left;
	color: #444;						/* #3F72A1; */
	}
div.authorbio {
	xfont-size: 1.2em;
	xline-height: 1.5em;
	text-align: left;
	color: #444;						/* #3F72A1; */
	}
div.authorcoverage {
	xfont-size: 1.2em;
	margin-top: 1em; 
	text-align: left;
	margin-left: 2em;
	text-indent: -2em;
	}
div.authorref {
	xfont-size: 1.2em;
	margin-left: 20px;
	text-indent: -20px;
	margin-top: 15px;
	line-height: 1.4em;
	color: #444;						/* #3F72A1; */
	}
div.authorpubcoverage {	/* NEW Mar 2016 */
	xfont-size: 1em;
	text-align:left;
	margin-left: 20px;
	margin-top: 8px;
	}

	
p.authorname {
	font-weight: 700;
	font-size: 12pt;
	margin-bottom: -1em;
	}
p.authoraffiliation {
	font-size: 12pt;
	margin-bottom: -1em;
	}
p.authordetails {
	font-size: 10pt;
	}

p.pubauthors {
	font-size: 12pt;
	margin-top: -1em;
	text-align:left;
	border-top: 1pt grey dotted;
	}
p.pubtitle {
	font-weight: 700;
	font-family: Cambria, Georgia, "Times New Roman";
	font-size: 12pt;
	margin-top: -1em;
	text-align:left;
	}
p.pubsource {
	font-family: Cambria, Georgia, "Times New Roman";
	font-size: 12pt;
	margin-top: -1.2em; 
	xborder-bottom: 1pt grey dotted;
	text-align:left;
	}
p.pubcovered {	/* NEW Nov 2013 */
	font-size: 12pt;
	margin-top: -1.2em; 
	text-align:left;
	margin-left: 2em;
	text-indent: -2em;
	}

input.authorsearch {
	font-size: 12pt;
	width: 200px;
	}

p.xreport {
	color: green;
	font-weight: 700;
	text-align: center;
	background-color: white;
	padding: 4px;
	border: 2pt green solid;
	margin-top: 10px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

p.report, div.report {
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	color: white;
	background-color: green;
	font-weight: 700;
	font-size: 14pt;
	text-align: center;
	padding: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

xdiv.note {
	position: fixed;
	bottom: 0px;
	right: 0px;
	text-align: center;
	color: white;
	background-color: #88A401;
	margin: 0px;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	width: 100%;
	height: 20px;
	z-index: 99;
	}

div.note {
	position: fixed;	/* scrolls with position: absolute; */
	left: 0px;
	bottom: 0px;
	margin: 0px;
	color: white;
	background-color: #88A401;
	font-weight: 700;
	font-size: 14pt;
	text-align: center;
	padding: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

div.error {
	position: fixed;	/* scrolls with position: absolute; */
	left: 0px;
	bottom: 0px;
	margin: 0px;
	color: yellow;
	background-color: #A10032;
	font-weight: 700;
	font-size: 14pt;
	text-align: center;
	padding: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

/* ROUNDED BOX NEW Jan 2012; used in encyclopedia.cgi */

div.box {
	margin: 20px 0px 0px 40px;
	padding: 0px 16px 0px 16px;
	border: 2pt #aaa solid;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
.boxheader {
	font-weight: 700;
	position: relative;
	top: -0.7em;
	left: 0.5em;
	padding: 0px 4px;
	color: #fff;
	background-color: #aaa;
	}

/*
————————————————————————————————————————————————————————————————————————————————
ENCYCLOPEDIA # NEW Jan 2012 => moved to styles/encyclopedia.css	# NEW Jan 2015 
————————————————————————————————————————————————————————————————————————————————
*/

/*
————————————————————————————————————————————————————————————————————————————————
BOOKREVIEW # NEW Aug 2020  => moved to CF/books/books.css	
————————————————————————————————————————————————————————————————————————————————
*/

/* ========================================================================== */ 
/* forms (from CEPA:cepa.css) */ 
/* NEW Apr 2018 */ 
/* ========================================================================== */ 

div.pref {
	clear: both;
	margin-top: 0.25em;
	margin-top: 10px;
	}

div.preflabel {
	float: left;
	width: 120px;							/* overwritten by LabelWidth */
	margin-right: 10px;
	text-align: right;
	xcolor: #777;
	line-height: 1.4em;
	font-size: 0.8em;
	margin-top: 3px;
	}

div.prefdata {
	border-left: 130px white solid;			/* overwritten by BorderWidth */
	}

div.edit {
	padding: 6px;
	margin-top: 5px;
	}

div.input {					/* div.labelR + input.edit|select.edit|textarea.edit */
	width: 650px;			/* Overwritten with $LabelWidth + $InputWidth + 10 */
	padding: 1px 0px;
	}

div.labelR {				/* Nov 2015: There is a .label in bootstrap.css => needed to rename */
	float:left; 
	width: 90px;			/* Overwritten with $LabelWidth */
	margin-right: 10px;
	text-align: right;
	margin-top: 4px;
	color: #3F72A1;
	font-weight: 400;
	line-height: 1.4em;
	}

div.prefdata {
	border-left: 130px white solid;			/* overwritten by BorderWidth */
	}

input.edit {
	xwidth: 580px;
	xwidth: 100%;
	font-family: Andale Mono, Verdana, "Trade Gothic W01", sans-serif;
	font-size: 15pt;
	xborder: 1px #A173A8 solid;
	}

input.permission {							/* NEW Sep 2017 */ 						
	font-size: 15px; 
	width: 100px; 
	border-radius: 0px; 
	padding: 0px; 
	border: 1px #A173A8 solid;
	}
	
input[type="file"] {
	display: inline;			/* NOV 2015 overwrite bootstrap.css */
	outline: none;
  	outline-offset: 0px;
	}

select.edit {
	xwidth: 580px;
	xwidth: 100%;
	font-family: Andale Mono, Verdana, "Trade Gothic W01", sans-serif;
	font-size: 15px;
	xpadding: 4px;
	xheight: 20px;
	border: 1px grey solid;
	background: white;
	margin: 2px;
	xbackground: white;
	xborder: 1px grey solid;
	}

textarea.edit {
	xwidth: 580px;
	xwidth: 100%;
	padding: 2px;
	height: 250px;
	font-family: Andale Mono, Verdana, "Trade Gothic W01", sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	xborder: 1px #A173A8 solid;
	}

input.pref, textarea.pref, select.pref {
	width: 100%;
	background: white;
	padding: 2px;
	margin: 0px;
	}

/* NEW Aug 2018 From cepa.css */

label.chk {
	color: black;
	xbackground: white;
	padding: 0px 2px;
	border-radius: 4px;
	font-weight: normal;
	}

label.chk:hover {
	background: #DEE7EF;			/* 20% of #3F72A1 */
	}

/* ========================================================================== */ 
/* FOR ANIMTAED BACKGROUND */

/* Chrome, Safari, Opera */
@-webkit-keyframes changenote {
	50% { background: darkgreen; }
	}

/* Standard syntax */
@keyframes changenote {
	50% { background: darkgreen; }
	}

/* ------- */

.picarray {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

/*
———————————————————————————————————————————————————————————————————————————
NEW Oct 2012
———————————————————————————————————————————————————————————————————————————
*/

div.xxxform {
	margin: 50px 40px 0px 40px;
	padding: 0px 16px 16px 16px;
	border: 4pt #A10032 solid;		/* 3F72A1 */
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	xbackground-color: #FFF7F7;
	}

h1.form	{
	font-weight: 700;
	font-weight: normal; 			/* otherwise it is bold which does not mix well */
	text-align: left;
	color: #A10032;					/*  #003399; #4A4ACE*/
	padding: 10px 0px 10px 0px;
	margin: 0px;
	}

p.export {							/* bib.cgi export abstracts */
	font-family: "Times New Roman";
	font-size: 10pt;
	text-align: left;
	line-height: 22px;
	text-indent: 0px;
	color: black;
	padding-left: 40px;
	margin: 0 0 0 0;
	}

h2.section	{						/* contents.cgi */
	font-weight: 700;
	font-weight: normal; 			/* otherwise it is bold which does not mix well */
	text-align: center;
	color: grey;
	background-color: white;
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 20px 0px;
	width: auto;
	}

/* Percentage Bar moved here from aux.pl:PercentageBarSetup */

.meter-wrap {
	position: relative;
	}
.meter-wrap, .meter-value, .meter-text {
	width: 132px;
	height: 20px;
	}
.meter-wrap, .meter-value {
	background: #bdbdbd url("img/progress-outline.square.png") top left no-repeat;
	}
.meter-text {
	position: absolute;
	top:0; left:0;
	padding: 2px;
	color: white;
	text-align: center;
	vertical-align: center;
	width: 100%;
	font-family: Helvetica, Calibri, Verdana; 
	font-weight: bold;
	xfont-size: 10pt;
	line-height: 1em;
	}


td.lib-r {
	text-align: right;
	color: #3F72A1;
	padding-right: 1em;
	width: 150px;
	}
td.lib-l {
	font-family: Cambria, Georgia, Times New Roman, serif;
	line-height: 19pt;
	text-align: left;
	color: black;
	padding: 0em;
	}

/*
————————————————————————————————————————————————————————————————————————————————
Info to display info details and CE references NEW Jan 2012
from: Pure CSS Tooltips
copied back from styles/encyclopedia.css	# NEW Jan 2015 

<a class=info href=$CENCY/$k>
$keyword
<span>$tooltip</span>
</a>

————————————————————————————————————————————————————————————————————————————————
*/

a.info {
	position:relative; 			/* this is the key */
	z-index:24;
	text-decoration:none;		/* AR: seems important otherwise tooltip text is also underlined */
	margin-bottom: 3px;
	xborder-bottom: 2pt orange solid;
	}

a.info:hover {
	z-index:25;
	background-color: #C5D4E1;	/* 25% cfblue; */
	color: black;
	}

a.info span {
	display: none;
	}

a.info:hover span { 			/* the span will display just on :hover state */
	display: block;
	position: absolute;
	top: 1.2em;
	right: 0em;
	width: 16em;				/* AR DISADVANTAGE: if too much to the right it is cut off */
	border: 2px orange white;
	border-top: 0px;
	background-color: #C5D4E1;	/* 25% cfblue; */ 
	color: #333;
	xfont-family: Helvetica, Arial, Verdana;
	font-size: 12pt;
	text-align: left;
	line-height: 1.4em;
	padding: 4px;
	}

/*
————————————————————————————————————————————————————————————————————————————————
NEW Apr 2016 expired for special issues <== should all be redone
————————————————————————————————————————————————————————————————————————————————
*/

.expired {
	text-decoration: line-through;
	color: grey;
	}


input.form,
textarea.form,
select.form {
	width: 100%;
	background: #DEE7EF;		/* #DEE7EF = 20% of #3F72A1 */
	border: 0px;
	padding: 4px;
	margin: 0px;
	font-family: "Trade Gothic W01", sans-serif;
	font-size: 15pt;
	}