@charset "UTF-8";

/*
 * The main stylesheet to include for an HE XML EPUB (Case or Briefcase).
 * 
 * Author: Christian Roth (infinity-loop GmbH)
 *         John Gayle (HBP)
 *         based on work by Joshua Tallent (ebook Architects) 
 */

@import "fonts.css";

@page { 
  margin-top: 30px; 
  margin-bottom: 20px; 
}

/* Reset default stylesheet */
h1,h2,h3,h4,h5,p,div,ol,ul,li,dl,dd,dt 
{
  margin: 0;
  padding: 0;
}

/*
 * Set some document defaults.
 */
body { 
  margin-right: 30px; 
  margin-left: 30px; 
  padding: 0; 
  font-family: "Palatino", serif ! important; 
  font-size: 1em; 
}


/* Add space above for iPad's control bar overlay */
body.rawtable 
{
  margin-top:60px;
  margin-bottom:30px;
}

h1, h2, h3, h4, h5, h6 {
    page-break-after:avoid;
    -webkit-hyphens: none !important; 
    -moz-hyphens: none !important; 
    adobe-hyphenate: none !important; 
    hyphens: none !important;
}
p {
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 1.5em;
    text-align: justify;
    text-indent: 2em;
}

/* ****************************************************************
 * Document Styles
 * ****************************************************************/

/* --- IMAGES --- */
img {
  width: auto;
  max-width: 90%;
}


/* --- normal paragraph --- */
.ind 
{
  text-indent: 2em;
}

.noind,
.p-continued
{
  text-indent: 0in;
}

div.table-note > p.hanging,
div.exhibit-note > p.hanging,
div.figure-note > p.hanging,
div.appendix-note > p.hanging,
p.hanging 
{
  margin-left: 3em; /* "3em" is just a ballpark figure - does that work out? */
  text-indent: -3em;
}

p.hanging span.label {
  min-width: 3em;
  text-indent: 0; 
  display: inline-block;
}

/* --- Specials --- */

p.masthead 
{
  text-align: center;
  text-indent: 0in;
  margin-top: 3em;
}

p.masthead > img 
{
  max-width: 100%;
}

blockquote {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 40px;
}

div.author-list 
{
  margin-top: 30px;
}

p.author-name 
{
  text-align: left;
  text-indent: 0px;
  font-family: sans-serif ! important;
  font-size: 1em;
  margin: 0px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
}

div.opening p {
  font-style: italic;
}
div.opening p.attribution
{
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 0;
  text-align: right;
  font-style:normal;
}

p.control-number 
{
  text-indent: 0;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.pub-date 
{
  text-indent: 0;
  text-align: right;
  font-size: 0.8em;
  text-transform: uppercase;
  line-height: 1.5em;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.cite,
p.attribution
{
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 0;
  text-align: right;
  font-style:normal;
}

.footer {
	border-top: 1px solid #000;
	margin-top: 2.5em;
}

p.auth-info,
p.disclaimer,
p.copyright,
p.affiliation
{
  font-style: normal;
  text-indent: 0;
  font-size: 0.8em;
}

p.pagebreak 
{
  text-align: center;
  text-indent: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
}

td.dd p.pagebreak {
  margin-top: 24px !important; /* need to account for p's padding-bottom in dd */
  margin-bottom: 30px !important;
}


/* --- headings --- */

h1.pub-title 
{
  font-family: serif ! important;
  margin: 0px;
  text-align: left;
  text-indent: 0px;
  font-size: 200%;
  margin-top: 30px;
  font-weight: bold;
}

h1.subhead1 
{
  font-family: serif ! important;
  margin: 0px;
  text-align: left;
  font-size: 150%;
  text-indent: 0px;
  margin-top: 30px;
  font-weight: bold;
}

h1.endnote-group-title,
h1.footnotes-collection-title,
h1.bibliography-group-title,
h1.bibliography-title,
h1.glossary-group-title,
h1.glossary-title,
h1.exhibit-group-title,
h1.appendix-group-title
{
  font-family: serif ! important;
  margin-top: 2.5em;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
  text-indent: 0px;
  font-size: 150%;
  font-weight: bold;
}

h2.subhead2 {
  font-family: serif ! important;
  font-size: 130%; 
  margin: 0px;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  margin-top: 20px;
}

h3.subhead3 
{
  font-family: sans-serif ! important;
  font-size: 110%;
  font-weight: bold;
  margin: 0px;
  text-align: left;
  margin-top: 10px;
}

span.subhead3,
span.runin-subhead3 
{
  font-family: sans-serif;
  font-size: 110%;
  padding-right: 2em;
  font-weight: bold;
}

h4.subhead4 
{
  text-align: left;
  font-family: sans-serif ! important;
  font-size: 100%;
  margin: 0px;
  font-weight: bold;
  margin-top: 10px;
}

h5.subhead5 
{
 text-align: left;
  font-size: 0.9em;
  font-family: serif ! important;
  margin: 0px;
}

h6.subhead6 
{
  text-align: left;
  font-family: sans-serif ! important;
  font-weight: normal;
  font-size: 0.6em;
  margin: 0px;
}

/* --- inlines --- */

i {
  font-style: italic;
}

b {
  font-weight: bold;
}

sup {
    font-size: 0.8em;
    vertical-align: 5px;
}
sub {
    font-size: 0.8em;
    vertical-align: -5px;
}

.reduced {
    font-size: 0.8em;
}

.small-caps 
{
  font-variant: small-caps;
}

.strike {
  text-decoration: line-through;
}

.underscore {
  text-decoration: underline;
}

.overline 
{
  text-decoration: overline;
}

.monospace 
{
  font-family: "Courier", monospace ! important;
}

.roman 
{
  font-family: "Palatino", serif ! important;
}

.sans-serif 
{
  font-family: "Helvetica", sans-serif ! important;
}

.script 
{
  font-family: "Satisfy", "Bradley Hand", "MarkerFelt-Thin", "Marker Felt", cursive ! important;
}

.decorative 
{
  font-family: "Party LET", fantasy ! important;
}

.symbols 
{
  /* we apply the font-family in the overriding local @style attribute */
}

span.tabulator 
{
  padding-right: 2em;
}

/*
 * TITLE classes
 */
 
h1.figure-title,
h1.table-title,
h1.exhibit-title,
h1.appendix-title
{
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  text-indent: 0;
  margin-top: 30px;
  margin-bottom: 0px;
}

h1 span.label 
{
    font-weight: bold;
    padding-right: 1em; 
}


/* 
 * Exhibit component classes
 */
p.figure-label,
p.table-label
{
  font-weight: bold;
  text-align: left;
  text-indent: 0;
}

p.figure-subtitle,
p.table-subtitle 
{
  text-align: left;
  text-indent: 0;
}


p.figure-caption,
p.table-caption
{
  text-indent: 0;
}

p.figure-legend,
p.table-legend
{
  text-indent: 0;
}

p.figure-credit,
p.table-credit
{
  text-indent: 0;
  text-align: left;
}

p.figure-source,
p.table-source,
p.exhibit-source,
p.appendix-source,
p.glossary-source,
p.bibliography-source
{
  text-indent: 0;
  text-align: left;
}


/*
 * Figures + Images
 */
 
div.figure img 
{
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  text-indent: 0;
}


div.wrapped-right,
span.wrapped-right {
  float: left;
  width: 25% !important;
  margin-right: 16px;
  margin-bottom: 4px;
  text-indent: 0;
}
div.wrapped-right {
  display: block;
}
span.wrapped-right {
  display: inline-block !important;  
}
img.wrapped-right {
  width: 100%;
}

div.wrapped-left,
span.wrapped-left {
  float: right;
  width: 25% !important;
  margin-left: 16px;
  margin-bottom: 4px;
  text-indent: 0;
}
div.wrapped-left {
  display: block;
}
span.wrapped-left {
  display: inline-block !important;  
}
img.wrapped-left {
  width: 100%;
}

/* 
 * Tables
 */

div.table-footer p,
div.figure p
{
  font-size: 90%;
}

p.alttable-ref,
p.alttable-backref
{
  margin-top: 10px;
  text-indent: 0px;
  margin-bottom: 0px;
  font-size: 80%;
}

table.tb-alt-img,
table.img-only 
{
  margin-top: 30px;
  margin-left: auto; /* center the table */
  margin-right: auto;
}

p.table-image 
{
  text-align: center;
  text-indent: 0;
}

p.table-image img 
{
  max-width: /*1024px*/95%;
}


/*
 * Fotnotes, Endnotes
 */

div.footnote,
div.endnote 
{
  margin-top: 20px;
  margin-bottom: 0px;  
}


/*
 * Lists
 */
 
ul, ol 
{
  margin-left: 3em;
}
ol.decimal {list-style-type: decimal;}
ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-roman {list-style-type: lower-roman;}

ul.disc {list-style-type: disc;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}

li {
    line-height: 1.3em;
    text-align: justify;
}

/* list continuations */
ol.decimal-offset,
ol.upper-alpha-offset,
ol.lower-alpha-offset,
ol.upper-roman-offset,
ol.lower-roman-offset,
ul.hyphen,
ul.dash,
ul.arrow
 {
  list-style-type: none ! important;
  margin-left: 3em;
}
ol.decimal-offset > li > p:first-child,
ol.upper-alpha-offset > li > p:first-child,
ol.lower-alpha-offset > li > p:first-child,
ol.upper-roman-offset > li > p:first-child,
ol.lower-roman-offset > li > p:first-child,
ul.hyphen > li > p:first-child,
ul.dash > li > p:first-child,
ul.arrow > li > p:first-child
{
  text-indent: -28px;
}
ol.decimal-offset > li > p > span.listmarker,
ol.upper-alpha-offset > li > p > span.listmarker,
ol.lower-alpha-offset > li > p > span.listmarker,
ol.upper-roman-offset > li > p > span.listmarker,
ol.lower-roman-offset > li > p > span.listmarker
{
  display: inline-block;  
  width: 20px;
  text-align: right;
  padding-right: 8px;
}

ul.hyphen > li > p:first-child:before, 
ul.dash > li > p:first-child:before, 
ul.arrow > li > p:first-child:before 
{
  content: "–";
  display: inline-block;  
  width: 20px;
  text-align: right;
  padding-right: 8px;
}
ul.hyphen > li > p:first-child:before 
{
  content: "-";
}
ul.dash > li > p:first-child:before 
{
  content: "\2014";
}
ul.arrow > li > p:first-child:before 
{
  content: "\27A2";
}

/* 
 * Definition Lists 
 */

table.definition-list {
  margin-left: 0;
}

table.definition-list td,
table.definition-list th, 
table.definition-list p
{
  vertical-align: top;
  margin-top: 0 !important;
  padding-top: 0;
  padding-bottom: 0.625em;
  width: 75%;
}
table.definition-list td.dt {
  padding: 0 0.5em 0.625em 0; 
  line-height: 1.5em; 
  text-align: left; 
  width: 25%;
}


/* 
 * Links
 */

a:link,
a:visited,
a:active,
a:hover 
{
  color: #b10021;
  -webkit-text-fill-color: #b10021;
}

a.app-ref, a.exh-ref, a.gloss-ref, a.bib-ref, a.tbl-ref, a.fig-ref, 
a.app-backref, a.exh-backref, a.gloss-backref, a.bib-backref, a.tbl-backref, a.fig-backref
{
/*  font-weight: bold;*/
}

.app-ref-marker, 
.exh-ref-marker, 
.gloss-ref-marker, 
.bib-ref-marker, 
.tbl-ref-marker, 
.fig-ref-marker
{
  font-weight: bold;
}

/* refs: */
.fn-ref-marker, 
.en-ref-marker, 
.tbn-ref-marker, 
.fign-ref-marker, 
.appn-ref-marker, 
.exhn-ref-marker
{
  font-size: 80%;
  vertical-align: 5px;
  padding-left: 2px;
  padding-right: 4px;
}

/* defs: */
.fn-marker, 
.en-marker, 
.tbn-marker, 
.fign-marker, 
.appn-marker, 
.exhn-marker
{
  font-size: 80%;
  vertical-align: 5px;
  padding-left: 0px;
  padding-right: 4px;
}


/* --- TABLE CONTENT CLASSES --- */
table {
    max-width: 100%;
    border-collapse: collapse;
    margin: 20px auto;
    /*font-size: 90%;*/
}

th, td {
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;
}

/*
td.vertical-text-r90,
th.vertical-text-r90 {
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-ms-transform: rotate(90deg); 
-o-transform: rotate(90deg); 
transform: rotate(90deg); 
}

td.vertical-text-r270,
th.vertical-text-r270 {
-webkit-transform: rotate(270deg); 
-moz-transform: rotate(270deg); 
-ms-transform: rotate(270deg); 
-o-transform: rotate(270deg); 
transform: rotate(270deg); 
}
*/

/* -- diagonal lines in table cells; requires support of the CSS3 background-size property! see: XML-216 -- */
th.dividerline-tlbr,
td.dividerline-tlbr 
{
  background: url("../images/311035_diagline-tlbr.png"); 
  background-size: 100% 100%;
} 
 
th.dividerline-bltr,
td.dividerline-bltr 
{
  background-image: url("../images/311035_diagline-bltr.png");
  background-size: 100% 100%;
} 


div.table th p.noind,
div.table td p.noind 
{
  margin-top: 0px;
  line-height: 1;
  text-indent: 0px;
  font-size: 90%;
}

div.table th p.ind,
div.table td p.ind 
{
  margin-top: 0px;
  line-height: 1;
  font-size: 90%;
}

div.table th p.hanging,
div.table td p.hanging 
{
  margin-top: 0px;
  line-height: 1;
  font-size: 90%;
}

.TH_FL,
.TH_CTR,
.TH_FR,
.TH_DEC,
.TB_FL,
.TB_FL_IND1,
.TB_FL_IND2,
.TB_FL_IND3,
.TB_FL_HANG,
.TB_CTR,
.TB_FR,
.TB_DEC,
.TB_BULLET,
.TB_NumberedList
 {
  text-indent: 0px;
  margin-top: 0px;
  line-height: 1;
  font-size: 90%;
}

.TB_FL,
.TB_FL_IND1,
.TB_FL_IND2,
.TB_FL_IND3,
.TB_FL_HANG,
.TB_CTR,
.TB_FR,
.TB_DEC,
.TB_BULLET,
.TB_NumberedList 
{
  font-family: Helvetica, sans-serif;
}

.TH_FL,
.TH_CTR,
.TH_FR,
.TH_DEC
{
  /*font-family: Palatino, serif;*/
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 10px;
}

.TB_FL,
.TH_FL,
.TB_FL_IND1,
.TB_FL_IND2,
.TB_FL_IND3
{
  text-indent: 0px;
  text-align: left;
}

.TB_FL_HANG 
{
  margin-left: 1em;
  text-indent: -1em;
  text-align: left;
}

.TB_FL_IND1 
{
  margin-left: 2em;
  text-indent: -1em;
  text-align: left;
}
.TB_FL_IND2 
{
  margin-left: 3em;
  text-indent: -1em;
  text-align: left;
}
.TB_FL_IND3 
{
  margin-left: 4em;
  text-indent: -1em;
  text-align: left;
}

.TH_CTR,
.TB_CTR 
{
  text-align: center;
}

.TH_FR,
.TB_FR 
{
  text-align: right;
}

.TB_DEC,
.TH_DEC 
{
  /* we do not have decimal alignment that works in HTML. What to do? We make it FR for now. */
  text-align: right;
}


/*
 * ALL BOLD STYLES collected here to implement bold toggling semantics *
 */
p.author-name,
span.subhead3,
span.runin-subhead3, 
b,
h1 span.label,
p.figure-label,
p.table-label,
.TH_FL,
.TH_CTR,
.TH_FR,
.TH_DEC,
h1.pub-title,
h1.subhead1,
h1.endnote-group-title,
h1.footnotes-collection-title,
h1.bibliography-group-title,
h1.glossary-group-title,
h1.exhibit-group-title,
h1.appendix-group-title,
h1.bibliography-title,
h1.glossary-title,
h4.subhead4
{
  font-weight: bold;
}

p.author-name b,
span.subhead3 b,
span.runin-subhead3 b, 
b b,
h1 span.label b,
p.figure-label b,
p.table-label b,
.TH_FL b,
.TH_CTR b,
.TH_FR b,
.TH_DEC b,
h1.pub-title b,
h1.subhead1 b,
h1.endnote-group-title b,
h1.footnotes-collection-title b,
h1.bibliography-group-title b,
h1.glossary-group-title b,
h1.exhibit-group-title b,
h1.appendix-group-title b,
h1.bibliography-title b,
h1.glossary-title b,
h4.subhead4 b
{
  font-weight: normal;
}

p.author-name b b,
span.subhead3 b b,
span.runin-subhead3 b b, 
b b b,
h1 span.label b b,
p.figure-label b b,
p.table-label b b,
.TH_FL b b,
.TH_CTR b b,
.TH_FR b b,
.TH_DEC b b,
h1.pub-title b b,
h1.subhead1 b b,
h1.endnote-group-title b b,
h1.footnotes-collection-title b b,
h1.bibliography-group-title b b,
h1.glossary-group-title b b,
h1.exhibit-group-title b b,
h1.appendix-group-title b b,
h1.bibliography-title b b,
h1.glossary-title b b,
h4.subhead4 b b
{
  font-weight: bold;
}

.fixednavigation {
    background-color: #dcdcdc;
    position:fixed;
    top:0;
	left:0;
    width:100%;
    z-index:100;
}
.fixednavigationednt {
    background-color: #dcdcdc;
	position:absolute;
    top:0;
	left:0;
    width:100%;
    z-index:100;
}
.prev {
		margin:0.5em 0;
		background-position:12px 12px;
}
.next {
		margin:0.5em 1.5em 0.5em 0.7em;
		background-position: 14px 12px;
}

#box-link { 
		position: absolute; 
		top: 2px; 
		left: 2px; 
		width: 30px; 
		height: 30px; 
		background-color: transparent;
}
ul#button {
	margin:0;
	padding:0;
}
li#button {
	background-color:#EEE;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgba(184, 184, 184, 100);
	width: 36px;
	height: 36px;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	background-image:url(311035_sprite.png);
	background-repeat:no-repeat;
	opacity:0.7;
	filter:alpha(opacity=70);
}

li#button1 {
	background-color:#EEE;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgba(184, 184, 184, 100);
	width: 36px;
	height: 36px;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	background-image:url(311035_sprite1.png);
	background-repeat:no-repeat;
	opacity:0.7;
	filter:alpha(opacity=70);
}

li#button2 {
	background-color:#dcdcdc;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	width: 36px;
	height: 36px;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
		background-repeat:no-repeat;
	opacity:0.7;
	filter:alpha(opacity=70);
}


li#button:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
li#pagecount {
	padding:0;
	list-style:none;
	float:right;
	font-size: 0.85em;
	margin-right: 1em;
	position:relative;
	top: 15px;
}

.copy2 {
	font-size: 0.9em;
	text-indent: 0;
	margin-top: 20px;
	text-align: left;
	color:#999;
}
#copyright {
	border-top: 1px solid #999;
	padding-top: 10px;
}

div.exhibit{
margin-top:5em;

}

.footnote1 {
	border-top: 1px solid #333;
	margin-top: 20px;
	margin-bottom: 10px;
	width:40%;
}