/* ================================================================ */
/* basic text structures                                            */
/* ================================================================ */

/* **************************************************************** */
/* headings                                                         */
/* **************************************************************** */
.content h1, .headings h1 {
    font-size: 14pt;    
}
body h1 {
	Color: #202020;
	Text-Align: left;
  line-height: 0.7em;
  font-weight: 600;
  font-family:'Calluna', serif;
  padding:0;
	}
body h2 {
	Text-Align: left;
	Font-Size: 14pt;
	}
body h3 {
	color: #202020;
	}
body h4 {
	color: #FA4A52;
	}

/* **************************************************************** */
/* DALF letter detail view structure                                */
/* **************************************************************** */
body h2, body h3, body h4, body h5, body h6, body h7 {
    padding: 0;
    font-family: 'Winco', Arial, sans-serif ;
}
.headings h1 {
  line-height: initial;
}
.lettercontent, .facswrap, .headings > div {
  width: 48%;
  position: relative;
}
.DALFletter {
  /* border: dotted 1px; */
  clear:both;
  margin: 0;
  margin-bottom: 1em;  
}  
#body.DALFletter::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #202020;
  z-index: -1;
  left:0;
}
.DALFletter .overview {
  color:#fff;
  padding:8px 0;
}
.DALFletter .overview a,
.DALFletter .crumbs a {
  color:#fff;
}
.DALFletter .overview a.overzicht {
  background: #fff;
  padding: 5px 4px 0;
  margin-left: 5px;
}
.letter, .envelope, .lettercontent.egXML {
  border: dotted 1px;
  padding: 1em;
  clear:both;
  margin: 0;
  margin-bottom: 1em;
  }
.lettercontent.egXML {
  font-size: larger;
}
/* **************************************************************** */
/* letter facsimiles                                                */
/* **************************************************************** */
div.facswrap.fixed {
    background: white;
}
div.facswrap.fixed.bottom {
    background: white;
    position: absolute;
    bottom: 0;
    top: auto;
}
div.facs {
/*	margin-left: 1em;
*/	overflow:auto;
/*	float:left;
*/	position:relative;
	height: 700px;
	border: dotted 1px black;
/*	display:none;
*/
}
div.figure div.facs {
	height: 400px;
}
.iviewer_common  {
    top: 0;
    z-index: 50;
}
div.facslinks h1 {
    text-align:right;
}
div.referencestrip {
    display:block;
}
.facsslider .tooltip {
	display: block;
/*	top: -25px;
	width: 35px;
*/	height: 20px;
	color: #fff;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif;
	border-radius: 3px;
	border: 1px solid #333;
	-webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
	box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
a.facslink { 
	background: #E3F4F9; 
	border: dotted 1px silver; 
	padding:.3em .5em;
	margin: .3em;
	float:left;
	text-decoration: none;
	color: black;
	}
a.facslink.active { 
	background: #214F7D; 
	color: white;
	}

/* **************************************************************** */
/* DALF browse / search results overview structure                  */
/* **************************************************************** */

.DALFoverview {
  padding:20px 0;
}
#body.DALFoverview::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #fff;
  z-index: -1;
  left:0;
  /* margin-top: -20px; */
}
.DALFoverview .summary {
    padding: .8em 1em;
    margin: 0;
    clear: both;
}
.DALFoverview .summary.head {
    background-color: #20A1FA;
    font-size: .9em;
    border-radius:none !important;
    color: white;
}
.DALFoverview .hitNodes {
    background-color: white;
    padding: 2em;
}
.summary.head .sort {
    margin: 1em;
}
.summary.head .sort a {
    display: none;
    color: white;
}
.summary.head .sort:hover a, 
.summary.head .sort a.current-order {
    display: inline;
}
.summary.head a.current-order {
/*	background-color: #9A3334;
*/	font-size:larger;
/*	color: white;
*/
    padding: .2em;
/*    border: solid 3px #9A3334;*/
/*
    color: #FA4A52;
*/
    border: solid 2px #FA4A52;
    }

/* **************************************************************** */
/* sidebar                                                          */
/* **************************************************************** */
#facets.ajax  a.ajax  {
	background: url('../images/ajax-loader.gif') no-repeat top right;
}
.loading-bars {
    position:fixed;
    bottom: 0;
    left: 0;
    padding-bottom: 4em;
    padding-left: 9em;
    background: url('../images/loading-bars.gif') no-repeat top right;
}

.ui-widget-content .loading-bars {
  position: relative;
}

.ui-widget-content .hidden {
  display: none
}


/* **************************************************************** */
/* minitabs                                                         */
/* **************************************************************** */
div#minitabs {
    clear:both;datel
}
ul.minitabs {
  list-style: none;
  margin: 0;
  padding: 7px 0;
/*  border-bottom: 1px solid #CCC;
*/  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
ul.minitabs li {
  display: inline;
  margin: 0 8px;
  padding: .2em;
}
ul.minitabs a {
  text-decoration: none;
  padding: 0 0 3px;
  border-bottom: 4px solid #FFF;
  color: #999
}
ul.minitabs a.currentTab {
  border-color: #20A1FA;
  color: #202020;
}
ul.minitabs a:hover {
  color: #666
}
/* **************************************************************** */
/* Veerle Pieters' scalable breadcrumbs 
 * https://web.archive.org/web/20180812042605/http://veerle-v2.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs 
/* **************************************************************** */
div#crumbs {
    font-size: 0.8em;
/*    font-family: helvetica;*/
    margin-bottom: 1em;
}
ul.crumbs, .crumbs li {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
.crumbs {
	height:2.3em;
	border-botom:1px solid #ccc;
	margin: 0 0 2px;
    clear: both;
	}
.crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
.crumbs li a {
/*  background:url(../images/crumbs.gif) no-repeat right center;*/
	display:block;
/*  padding:0 15px 0 0;
  color:#777; */
  font-family:'Calluna', serif;
	font-weight: 600;
	font-size: 120%;
	}							
.crumbs li a:link,
.crumbs li a:visited {
	/* color:#777; */
	text-decoration:none;
  }	
.crumbs li:not(:last-child) a::after {
  content: ">";
  color:#777;
  margin:0 0 0 8px;
}

/* **************************************************************** */
/* gezelle metadata tabs                                            */
/* **************************************************************** */
table.register, div.meta-tabs table {
  border-collapse: collapse;
  border: none;
  width: 100%;
}
table.register th, 
table.register td,
div.meta-tabs table th,
div.meta-tabs table td {
  text-align: left;
  vertical-align: top;
  padding: .5em;
}
div.meta-tabs table th {
  width: 20%;
}
div.meta-tabs table caption {
  text-align: left;
  font-weight: bold;
  font-size: 120%;
}
table.register td,
div.meta-tabs table td {
  width: 100%;
}
table.register tr {
  border-top: 1px dotted gray;
}
table.register tr:first-child {
  border-top: none;
}
.attention {
  background-color:yellow;
  padding:6px 12px;
  /* border:solid 1px #FA4A52; */
}

/* **************************************************************** */
/* form controls                                                    */
/* **************************************************************** */
.autocomplete.spinner {
	background: url('../images/spinner.gif') no-repeat top right;
}
.storecontrol {
    float:left;
    margin: 0.5em;
}
input.imgbutton {
    display: block;
    text-indent: -9999px; 
    line-height: 100px;
    border: none;
    cursor: pointer;
    height: 24px;
    width: 24px;
}
input.imgbutton.form_add {
    background: url('../images/add.png') no-repeat;
}
input.imgbutton.form_del {
    background: url('../images/del.png') no-repeat;
}
input.imgbutton.reset {
    background: url('../images/Recycle.png') no-repeat;
}
input.imgbutton.store_add {
    background: url('../images/store.png') no-repeat;
}
input.imgbutton.store_del {
    background: url('../images/delstore.png') no-repeat;
}
button.nostyle {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}
a.ajaxlink img {
    border: none;
    margin: 0;
    padding: 0.5em 1em;
    cursor:pointer;
}

/* ================================================================ */
/* page elements                                                    */
/* ================================================================ */
.block {
  display: block;
}
div.p, div.opener, div.closer, div.letterhead, div.dateline { 
  margin: 1.12em 0;
  color:#555;
}
.letterhead {
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
	}
.dateline {
  text-align:right;
}
.fw {
  display: block;
  text-align: center;
}
abbr {
	border-bottom: 1px #ffa20e dotted; cursor:help; font-style:normal
}
div.listhead {
  font-weight: bold;
  margin: 1em 2em;
}
ul.simple {
  list-style: none;
}
.biblID {
    background-color: #E3F4F9; 
}
.biblTitle {
    margin: 2em 0; 
}
span.ruler {
    display:block;
    width: 100%;
    border-bottom: solid black 1px;
}
.hitNr, .hitCheck {
    float:left;
    width: 2em;
}
.head {
    font-weight: bold;
}
.calc.margin_right {
  clear:both;
  float:right;
}
.pb {
  display: block;
  text-align: center;
  border-top: dotted grey 1px;
  border-bottom: dotted grey 1px;
  color: grey;
  clear: both;
}
.pb:empty {
  border-bottom: none;
}
.cb {
  display: block;
  border-bottom: dotted grey 1px;
}
div.top {
/*    border-bottom: solid 1px gray;
*/    padding-bottom: 1em;    
}
.shower {
  display: none;
  visibility: hidden;
}
.hit {
/*
  font-weight: bold;
  color:#FA4A52;
*/
  background-color: #E3F4F9;
}
.center {
  text-align: center;
}
.italic {
    font-style: italic;
}
.cit {
  display: block;
  margin-left: 2em;
  margin-right: 2em;
}
.cit .noteBibl {
  display:block;
}
.quote {
  font-style: italic;
}
.quote.quotes:before, .quote.quotes:after {
  content: "'";
}
span.p {
  display: block;
}
.postmark {
/*  position:absolute;*/
float:right;
clear: right;
  border: dotted 1px;
  width: 10em;
/*  margin-right: 0;
*/  
}
.print, .print + .registerlink {
  font-family: courier;
}

/* **************************************************************** */
/* notes                                                            */
/* **************************************************************** */
a.notelink span.notelabel {
    font-size: 0.9em;
    vertical-align: super;    
/*    line-height: 0;
*/}
span.ntype {
    font-size:smaller;
}
a.notelink.ref {
    vertical-align: middle;
}
a.notelink.annotation, a.backlink.annotation {
  display: inline-block;
}
/* position of notes: right half of screen, fixed in middle of page */
.jsnote {
   width: auto;
   position:relative;
}
.jsname, .jsbibl {
   width: auto;
   position:relative;
}
.noteBibl {
    color: grey;
}
.noteBibl:before {
    content: '(';
}
.noteBibl:after {
    content: ')';
}
.ednote {
position: absolute;
  background-color: silver;
  visibility: hidden;
  display:block;
}
.jsnames, .jsbibls, .jsnotes {
/*  position: relative;*/
left: 0%;
/*right: 50%;
height: auto;*/
width: 50%;
  }
.registerlink {
  border: dotted 1px;
  text-decoration: none;
  cursor: pointer;
  padding: .3em;
}  
.registerlink.open {
  background-color: #20A1FA;
  color: white;
}

.registerlink.name {
  border: dotted 1px gray;
}  
.registerlink.open .hit {
  color: initial;
}

_NOT.letter.crosslink, .jsnames.crosslink, .jsbibls.crosslink, .jsnotes.crosslink {
width: 100%;
  }
	
/* **************************************************************** */
/* authorial markup : font color codes                              */
/* **************************************************************** */
/* superscript: <hi rend="superscript"> => <span class="superscript"> */
.sup {
    vertical-align: super;
    line-height: 0;
	}
.sub {
    vertical-align: sub;    
    line-height: 0;
	}
/* additions: <add> => <span class="add"> */
.add.edit {
  display: inline-block;
  background: #BBE5E2;
	}
.add.author {
	color: green;
}
/* deletions: <del> => <span class="del"> */
.del.edit {
  display: inline-block;
  background: #ffcccb;
}
.del.author {
	color: #FA4A52;
	text-decoration: line-through;
	}
.del.overtyped, .del.overwritten, .del.trans, .del .crossout {
  position: absolute;
  opacity: .6;
  font-weight: normal;
  text-decoration: none;
}	
/* underline: <u> => <span class="underline"> */
.underline {
  border-bottom: 1px solid;
}
.underline_dash {
  border-bottom: 1px dashed;
}
.underline_dot {
  border-bottom: 1px dotted;
}
.underline_wavy {
  text-decoration: underline;
}
experimental .underline_wavy {
  display: inline-block;
  position: relative;
}
.underline_wavy::before {
  content: "~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~";
  font-size: 0.6em; 
  font-weight: 700;
/*  font-family: Times New Roman, Serif;*/
  width: 100%;
  position: absolute;
  top: 10px;
  overflow: hidden;
}
.underline_double, .underline_double_dash, .underline_double_dot {
  border-bottom: 3px double;
}
.linecolour_black {
  border-color: black;
}
.linecolour_blue {
  border-color: #1590E5;
}
.linecolour_green {
  border-color: green;
}
.linecolour_grey {
  border-color: grey;
}
.linecolour_purple {
  border-color: purple;
}
.linecolour_red {
  border-color: #FA4A52;
}
.colour_blue {
  color: #1590E5;
}
.colour_green {
  color: green;
}
.colour_grey {
  color: grey;
}
.colour_purple {
  color: purple;
}
.colour_red {
  color: #FA4A52;
}
.multiple-underlined {
    border-bottom: 1px black double;
    text-decoration: underline;
}
/* supplied: <supplied> => <span class="supplied"> */
_NOT.supplied:before {
	content: "[";
	font-weight: bold;
	}
_NOT.supplied:after {
	content: "]";
	font-weight: bold;
	}
/* unclear: <unclear> => <span class="unclear"> */
_NOT.unclear:before {
	content: "[?";
	font-weight: bold;
	}
_NOT.unclear:after {
	content: "?]";
	font-weight: bold;
	}
/* smallcaps fragments ==> <span class="smallcaps"> */
span.smallcaps {
/*	font-size: smaller;*/
	text-transform: uppercase;
	}
	
/* **************************************************************** */
/* editorial markup : background color codes                        */
/* **************************************************************** */
.emended {
  font-style: italic;
	}
.emended:before {
  content: "[";
}
.emended:after {
  content: "]";
}
.letter, .DALFletter {
    line-height: 200%
}

/* **************************************************************** */
/* JQuery.ui overrides                                              */
/* **************************************************************** */
.ui-accordion .ui-accordion-content {
    padding-left: 1em;
    padding-right: 1em;
}
.ui-dialog .ui-dialog-content {
    line-height: 150%;
}
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
.selectfacet {
    vertical-align: top;
}
.ui-widget-content a {text-decoration:none; color: #1590E5;}
.ui-widget-content.loading {
	background: url('../images/ajax-loader.gif') no-repeat center center;
}