/* 
	Global CSS definitions for the TEITOK system 
	will be overruled by project-dependent styles 
	htmlstyles.css and xmlstyles.css
*/

/* Style used to mark admin-only functions */
.adminpart { background-color: #eeeedd; }

/* Make sure the ACE textarea does not show until loaded */
/* div#editor { color: #ffffff; } */

/* Allow hiding non-used elements in the teiHeader display */
#teiheader *[id=""] { display: none; }

/* Highlighting bar over a facsimile image */
.hlbar { 
	opacity: 0.5; background-color: #ffff00; position: absolute; 
	top: 0px; width: 150px; height: 20px; left: 5px; /* these will be modified */
	display: none; 
}

#rollovertable tr:hover {
	background-color:#FFF3B8;
}
#rollovertable tr:nth-child(even):hover {
	background-color:#FFF3B8;
}
#rollovertable tr:nth-child(even)  {
	background-color: #eaeaee;
}

/* Styles for the Pageflow mode */
#viewport { border: 1px solid #666666; background-color: black; }
#pageflow #title { color: white; font-weight: bold; font-size: 24px; }
#pageflow .material-icons:hover { background-color: #990000; }
#pageflow .material-icons:selected { background-color: #000000; }
#pageflow #info { background-color: white; color: white; }
#pageflow #options { color: white; }
#pageflow #options a { color: #ffdddd; }
#pageflow { box-sizing: border-box; }
#pageflow #toolbar { color: white; }
#facsview { color: #dddddd; text-align: right;  }

/* Style for the Query Builder */
.tokdiv { border: 1px solid #aaaaaa; padding: 5px; background-color: #ffffff; display: inline-block; margin-bottom: 10px; margin-right: 5px; vertical-align: middle;  }
.globdiv { border-left: 1px solid #aaaaaa; padding: 5px; background-color: #eeffee; display: inline-block; margin-bottom: 10px; margin-right: 5px; vertical-align: middle;  }
.tokdiv p { font-size: smaller; margin: 2px; }
.globdiv p { font-size: smaller; }
.helpbox { border: 1px solid #444444; background-color: #f3f3f3; padding-left: 10px; padding-right: 10px; }
.caption { margin-top: -2px; margin-bottom: 3px; font-size: smaller; color: #888888; }
.blocksep { width: 100%; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; color: #888888; background-color: #eeeeee; margin-bottom: 9px; text-align: center; }
.andor { color: #888888; font-weight: bold; }
.wrong { font-weight: bold; color: #ff0000; }
.warning { font-weight: bold; color: #ff9900; margin-bottom: 3px; }

/* Style for anonimiztion */
anon { color: #9999bb; }
anon::before { content: '['; }
anon::after { content: ']'; }

/* New style for gaps - instead of JS treatment */
#mtxt gap::before { content: '[...]'; }

/* Style for the token boxes when showing tags */
.floatblock {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0px; margin-bottom: 3px;
	padding: 4px;
	font-size: 10pt;
	border: 1px solid #cccccc;
}
.floatblock div {
	font-size: 10px;
	margin-top: 2px; margin-bottom: 0px;
	padding-top: 0px; padding-bottom: 0px;
	font-weight: normal;
	font-style: normal;
}

/* Some common definitions for the XML styles */
#mtxt mtok:hover { text-shadow: 1pt 1pt #99dd99;}

#rollovertable 

.header { font-weight: bold; }

*[hl] { background-color: #ffee99;  }

/* Style for thumbnail blocks */
.thumbnail {
	display: inline-block;
	float: left;
	width: 80px; height: 135px;
	text-align: center;
	margin: 5px;
}
.thumbnail img { 
	width: 100%;
}

.tocnav { 
	margin-bottom: 10px;
}