/* ### Layout ### */

/* Container */
div.megaEtx.container
{
	/* Default Font */
	font-family: Custom-Serif, "Times New Roman", Times, serif;
	font-size: 12pt;
	/*color: black;
	color: #333333;*/
	text-align: justify;
}

/* Lines */
div.megaEtx.line
{
    display: block;
	vertical-align: middle;
	/* Hack for justification of a single line */
	line-height: 0px; 
	overflow: visible;
}

div.megaEtx.lineContent
{
	vertical-align: middle;
    /* Hack for justification of a single line */
	display: inline;
	/*line-height: 91%; */
	line-height: 88%;
	/* (white) transparent background, alpha=0.0 */
	background-color: rgba(255, 255, 255, 0.0);
}

div.megaEtx.lineContent.indent
{
	padding-left: 0.9em;
}

/* Hack for justification of a single line */
div.megaEtx.lineBreaker
{
	display: inline-block; 
	width: 98%; 
	height: 0px; 
	max-height: 0px; 
	line-height: 0px; 
	overflow: hidden;
}

/* Markup */
span.megaEtx.marked
{
    background-color: #ffff00;
}

span.megaEtx.startTerm
{
    background-color: #ffff00;
}

span.megaEtx.endTerm
{
    background-color: #ffff00;
}

/* ### Text Representation ### */
/* ## Main Elements ## */
/* front, body, back */
div.megaEtx.main.front
{
	font-family: Custom-Sans, Helvetica, Arial, sans-serif;
}

/*div.megaEtx.main.body{}*/

div.megaEtx.main.back
{
	font-family: Custom-Sans, Helvetica, Arial, sans-serif;
}

/* ## Hierarchical Elements ## */
/* type div1-div9 */
/* type front, body, back */
/* preface, errata, contents */

/* editorialHead */
div.megaEtx.editorialHead
{
    border-top: solid black thin;
    padding-top: 0.5em;
    border-bottom :solid black thin;
    padding-bottom: 0.3em;
}

/* ## Basic Elements ## */
/*div.megaEtx.p{}*/
/* Indentation of first lines handled by css of the lineContent, see above. */
/* Alignment of last lines handled on the server side (also via lineContent). */

/* note */
div.megaEtx.note
{
	font-size: 9pt;
}
/* Alignment of last lines handled on the server side (also via lineContent). */

div.megaEtx.note.first
{
	margin-top: 1.0em;
}

/* figure */
div.megaEtx.figure.pageImage
{
	width: 100%;
	text-align: center;
}

div.megaEtx.figure.facsimile
{
	width: 100%;
	text-align: center;
}

div.megaEtx.figure.diagram
{
	margin-top: 0.2em;
	margin-bottom: 0.8em;
	text-align: center;
}

/* table */
div.megaEtx.table
{
	text-align: center;
}
table.megaEtx
{
	/* 
	 * The choosen values for top and bottom margin are a compromise. 
	 * Some tables have no margin at all, some have a full line before and after. 
	 * The only true solution would be to set no margin by default and to encode 
	 * the margins for each table individually in the XML documents.
	 */
	margin-top: 0.2em;
	margin-bottom: 0.8em;
	
	/*
	 * The following serves to center the tables within the page. 
	 * This could also be achieved by setting "display: inline-block;".
	 * However, that prevents the tables from stretching.
	 * Example: II/5 p.9 and p.36
	 * See also http://css-discuss.incutio.com/wiki/Centering_Block_Element
	 */
	margin-left: auto;
	margin-right: auto;
	
	border-width: thin;
}
tr.megaEtx
{
	border-width: thin;
}
td.megaEtx
{
	border-width: thin;
}

/* head */
div.megaEtx.head
{
	text-align: center;
}

div.megaEtx.head.h1
{
	font-size: 18pt;
	margin-bottom:7pt;
	margin-top: 120pt;
}

div.megaEtx.head.h1a
{
	font-size: 18pt;
	margin-top: 120pt;
}
div.megaEtx.head.h1b
{
	font-size: 18pt;
	margin-bottom:7pt;
	margin-top:3pt;
}
div.megaEtx.head.h2
{
	font-size: 16pt;
	font-style: italic;
	margin-bottom:7pt;
	margin-top:17pt;
}
div.megaEtx.head.h2a
{
	font-size: 16pt;
	margin-top:17pt;
}
div.megaEtx.head.h2b
{
	font-size: 16pt;
	font-style: italic;
	margin-bottom:7pt;
	margin-top:7pt;
}
div.megaEtx.head.h3
{
	font-size: 15pt;
	margin-bottom:11pt;
	margin-top:19px;
}
div.megaEtx.head.h3a
{
	font-size: 14pt;
	margin-top:19px;
}
div.megaEtx.head.h3b
{
	font-size: 15pt;
	margin-bottom:11pt;
	margin-top:7pt;
}
div.megaEtx.head.h4
{
	font-size: 13pt;
	font-style: italic;
	margin-top:22pt;
	margin-bottom:11pt;
}
div.megaEtx.head.h5
{
    font-size: 13pt;
	font-style: normal;
	margin-top:22pt;
	margin-bottom:11pt;
}

div.megaEtx.head.h6
{
    font-size: 12pt;
    font-style: italic;
	margin-top:22pt;
	margin-bottom:11pt;
}

div.megaEtx.head.h7
{
    font-size: 12pt;
    font-style: normal;
	margin-top:22pt;
	margin-bottom:11pt;
}

div.megaEtx.head.h8
{
    font-size: 12pt;
    font-style: italic;
	margin-top:22pt;
}

div.megaEtx.head.table-head
{
	font-size: 12pt;
	margin-top:12pt;
	/* Correction for extra vertical space added by the justification hack */
	margin-bottom:-2pt; 
}

div.megaEtx.head.preface
{
	font-size: 13pt;
	margin-top: 120pt;
	margin-bottom:22pt;
}

div.megaEtx.head.contents
{
	font-size: 13pt;
	margin-top: 120pt;
	margin-bottom:18pt;
}

/* ## Block-line Inline-Elements ## */
/* seg@type='verse' */
div.megaEtx.verse
{
	text-align: left;
	margin-left: 20%;
}

/* ab@type='p' */
/* Is handled and encoded like a paragraph */

/* ab@type='caption' */
div.megaEtx.caption
{
	margin-top: 2em;
	
	text-align: center;
	font-family: Custom-Sans, Helvetica, Arial, sans-serif;
	font-size: 9pt;
}


/* ## Span-like Inline-Elements ## */

/* hi */
/* see also section @rendition */

/* add@resp="ed" */
span.megaEtx.add-helv
{
	font-family: Custom-Sans, Helvetica, Arial, sans-serif;
	/*Make slightly smaller, since sans-serif is slightly larger than serif in most browsers*/
	/*font-size: 92%;*/
	font-size: 94%;
}

span.megaEtx.add-dotted
{
	border-bottom: 2px dotted;
}

/* foreign */
span.megaEtx.foreign.grc
{
	/* Make greek text slightly smaller so it fits. 
	 * See II/15 p.375 for an example.
	 */
	font-size: 11.5pt;
}

.note span.megaEtx.foreign.grc {
	/* Adapt font size of greek text for note elements */
	font-size: 9pt;
}

/* choice, orig, expan, reg */

/* label */
/* the indentation of labels within verse in footnotes can be corrected by 
 * shifting their poistion to the left with -100/(100-"indentation of verse in %")%.
 * Further one has to set position: relative; and width: 0px; */

/* ## Milestone-like Inline-Elements ## */
/* SVG */
svg
{
	vertical-align: middle;
	margin-top: -1px;
	margin-bottom: -1px;
}

line, path
{
	stroke: #333333;
    stroke-width: 0.5;
    fill: none;
}

text 
{
    font-size: 10px; 
    fill: #333333;
}
                
.svgSub 
{
    font-size: 7px; 
    position: relative;
	top: 2px;
	baseline-shift:-2;
}
                
/*.svgBackground
{
	fill: white;
}

.svgTextInk
{
	font-family:Times; 
    fill:black;
}

.svgLineInk
{
	stroke:black;
    stroke-width:0.5;
    fill:none;
}*/

/* formula */
/*span.megaEtx.formula{display: inline-block;}/*


/*math{}*/
math.megaEtx
{
	/*Correct slightly larger rendering of MathML by Firefox*/
	/*font-size: 95%;*/
	font-size: 84%;
	letter-spacing: -0.04em;
	height: 1em;
}

/*mfrac@bevelled="true"*/
mfrac.megaEtx[bevelled="true"]
{
	/*Adjust rending of MathML to match the printed version*/
	font-size: 7.5pt;
	/*margin-left: -2px;*/
	margin-right: -1px;
	/*margin-top: -2px;*/
	margin-bottom: -2px;
	position: relative;
	top: -1px;
}

/*mfrac@bevelled="true" inside table*/
table mfrac.megaEtx[bevelled="true"]
{
	/*Use relative font-size in case table has smaller font.
	 * E.g. II/15 p. 702. 
	 */
	font-size: 65%;
}

/*mfrac@bevelled="false"*/
mfrac.megaEtx[bevelled="false"]
{
	/*Adjust rending of MathML to match the printed version*/
	font-size: 14pt;
	margin-top: -1px;
	margin-bottom: -4px;
}

/* milestone@unit="section" */
hr.megaEtx.shortLine
{
	width: 22%;
	/* TODO Hack, better solution needed */
	display:inline-block;
	vertical-align: middle;
	margin-left: 39%; 
}

hr.megaEtx.fullLine
{
	width: 90%; /* Rendering needs verification */
	/* TODO Hack, better solution needed */
	display:inline-block;
	vertical-align: middle;
	margin-left: 5%;
}

/* @rendition */
sup.megaEtx
{
	line-height: 0px;
	font-size: 0.7em;
}

sub.megaEtx
{
	line-height: 0px;
	font-size: 0.7em;
}

.megaEtx.i
{
	font-style: italic;
	/* Hack to make italic text take up slightly less horizontal space */
	letter-spacing: -0.3px;
	word-spacing: -1px;
}

.megaEtx.s
{
	letter-spacing: 0.15em;
}

.megaEtx.u
{
	text-decoration: underline;
}

.megaEtx.c
{
	text-align: center;
}