/* ------------------------------------------------------------------ 
   OSEO OxChap Content Styles
   ------------------------------------------------------------------ */
   
.popupContent .oseo {
	margin-left: 20px;
}

/* Headings */
div.oseo h1 {
	color:#600; 
	font-weight:normal; 
	font-size:1.2em; 
	text-align:center;  
	text-transform:uppercase; 
	letter-spacing:1px; 
	margin:36px 0 24px 0; /* [FS] we should convert margin to ems */
}

div.oseo h2 {
	color:#600; 
	font-size:1.3em; 
	text-align:center; 
	margin:30px 0 18px 0; /* [FS] we should convert margin to ems */
}

div.oseo h3 {
	color:#600; 
	font-size:1.2em;
	font-weight:normal; 
	text-align:center; 
	margin:24px 0 12px 0; /* [FS] we should convert margin to ems */
}
h3 b { font-weight:normal; }

div.oseo h4 {
	color:#600; 
	font-size:1em; 
	text-align:center; 
	margin:18px 0 6px 0; /* [FS] we should convert margin to ems */
}

div.oseo h1 .subtitle, 
div.oseo h2 .subtitle, 
div.oseo h3 .subtitle, 
div.oseo h4 .subtitle {
	font-size: 80%; 
	text-transform: none;
}

/* Paragraphs */
div.oseo .notesColumn .notep { margin:0 0 6px 0; } /* [FS] we should convert margin to ems */
div.oseo .workTextColumn p { margin:0 0 12px 0; } /* [FS] we should convert margin to ems */

div.oseo .speech p { margin:0; }

/* Line Numbers and Milestone Markers */
div.oseo .lineNumber { 
	position:absolute;
	left:0;
	margin-left: -20px;
	padding-top:2px;  
	font-size:.6em; 
	/*font-size:11px;*/ 
	line-height:2.25; 
	cursor: pointer;
}

div.oseo .lineNumber.clauseGroupStart { font-weight: bold; }

div.oseo .line-number-schemes-2 .lineNumber { padding-left: 42px; }
div.oseo .line-number-schemes-3 .lineNumber { padding-left: 72px; }

div.oseo .lineNumber.additional {display: none; cursor: default; }

div.oseo .line-number-schemes-2 .lineNumber.additional.line-additional1 { display: block; padding-left: 12px; }

div.oseo .line-number-schemes-3 .lineNumber.additional.line-additional1 { display: block; padding-left: 42px; }
div.oseo .line-number-schemes-3 .lineNumber.additional.line-additional2 { display: block; padding-left: 12px; }

/* Intermediate line numbers off by default */
div.oseo .lineNumber.intermediate {
	display: none;
	color: #b2b2b2;
}

/* primary line numbers should be a little bigger */
div.oseo .lineNumber.primary {
	font-size: .7em;
  	margin-top: -.15em;
  	font-weight: bold;
}

div.oseo .number-hover .lineNumber.intermediate {
	display: block;
}

div.oseo .lineMilestone { display: block; position: relative; }

div.oseo .clauseMilestones .lineNumber {
    color: #b2b2b2;
}

div.oseo .clauseMilestones .lineNumber,
div.oseo .clauseMilestones .lineNumber.intermediate {
    padding-left: 32px;
}

div.oseo .clauseMilestones .lineNumber.clauseGroupStart,
div.oseo .clauseMilestones .lineNumber.clauseStart {
    font-weight: bold;
    padding-left: 12px;
    color: #666666;
}

div.oseo .clauseMilestones .lineNumber.clauseGroupStart {
    color: #000000;
}

div.oseo .lineNumberGutter {
    position:absolute;
    left:0;
    padding-left:12px; 
    width: 20px;
    height: 100%;
    background-color: #ff0000;
}

/* Page Breaks */
div.oseo .page-break {
	border-top: 2px dotted #cecdbe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	font-weight:bold;
	color: #CECDBE;
	margin:18px 0 0 0;
	padding:0;
	text-align: right;
	clear:both;
	display: block;
	width: 100%;
	text-transform: none;
}


div.oseo .highlight {
	background-color: #d6eaee;
	padding: 0 2px;
}

/* Blockquotes */

div.oseo blockquote { margin:0; }
div.oseo blockquote.aligncentre { text-align:left; }
div.oseo blockquote.aligncentre .centre { text-align:left; }
div.oseo blockquote.prosequoteType { padding:.5em 2em; }
div.oseo blockquote.intendedDisplayText { padding-left:31px; }
div.oseo blockquote.intendedDisplayText.aligncentre { padding-left:36px; text-align:left; }
/* blockquote.otherType ul.lineGroup { margin-left:auto; margin-right:auto; width:70%; } */
div.oseo blockquote.otherType ul.lineGroup { display:block; text-align:left; }
div.oseo blockquote.otherType.right ul.lineGroup, 
div.oseo blockquote.otherType.alignright ul.lineGroup {text-align:right;}
div.oseo blockquote.otherType li.poetryLineSpace { display:none; }
div.oseo blockquote.otherType.aligncentre .lineGroup.centre { text-align:center; }
div.oseo blockquote.otherType.aligncentre .lineGroup.centre .centre { text-align:center; }

div.oseo .groupListLeft ,
div.oseo .groupListRight, 
div.oseo .groupLabelLeft, 
div.oseo .groupLabelRight { display:inline-block; }

/* Lists */

div.oseo ol, 
div.oseo ul { list-style:none; margin:0 0 .25em 0; }

div.oseo ol.illustrations li ul { margin-left:2em; }

div.oseo ul.speechLineGroup { margin:0; list-style-type:none; }

div.oseo ul.lineGroup { margin:0; padding-bottom:1em; list-style-type:none; }
div.oseo .verseType ul.lineGroup.left { float:none; } /* float:none overrides declaration in normalize.css */

div.oseo li { list-style:none; }

div.oseo .group.bracket dt,
  div.oseo .paratextContainer .group.bracket, 
  div.oseo .speech .group.bracket, 
  div.oseo .lineGroup .group.bracket { margin: 0; }
div.oseo .group.bracket { float:left; width:100%; }
div.oseo .group.bracket .groupLabel { display:block; }
div.oseo .group.bracket .groupValues {  
	margin-left:0; 
	padding:0; 
	overflow:hidden;
}
div.oseo .group.bracket .groupValues ul { margin:0; }
div.oseo .group.bracket .groupValues li { margin-bottom:12px; }
div.oseo .paratextContainer .group.bracket .groupValues li, 
div.oseo .speech .group.bracket .groupValues li,
div.oseo .lineGroup .group.bracket .groupValues li { margin-bottom:0px; }
div.oseo .group.bracket .groupValues li:last-child { margin-bottom:0; }

div.oseo .group.bracket.right .groupLabel { float:right; }
div.oseo .group.bracket.right .groupValues { float:left; text-align:left; background:transparent url("../img/bkg_bracket_rt.png") no-repeat right bottom; }
div.oseo .group.bracket.right .groupValues ul { background:transparent url("../img/bkg_bracket_rt.png") no-repeat right top; padding-right:1em; }

div.oseo .group.bracket.left .groupLabel { float:left; }
div.oseo .group.bracket.left .groupValues { float:left; text-align:left; background:transparent url("../img/bkg_bracket_lt.png") no-repeat left bottom; margin-left:1em; }
div.oseo .group.bracket.left .groupValues ul { background:transparent url("../img/bkg_bracket_lt.png") no-repeat left top; padding-left:1em; }

div.oseo .groupBracketContainer:after { content: ""; display: table; clear: both; }

/* Plays */
/* Speaker is sometimes styled with sc class sometimes not, is sometimes hard coded italic in the html, sometimes not, sometimes has initial cap sometimes not. */
div.oseo .speaker {
	color:#660000; 
	font-size:0.8em;  
	line-height:1; 
	text-transform:uppercase; 
	letter-spacing:1px
}

/* Stage Directions */
div.oseo .stageDirection { display:block; text-align:center; margin:12px 0; } /* [FS] Convert margin declaration to ems */
div.oseo .dialogueType .stageDirection { display:block; text-align:center; }
div.oseo .dialogueType .stageDirection.right { text-align:right; }
div.oseo .stageDirection.inlineDirection.right { float:right; margin:0; }
div.oseo .stageDirection.inlineDirection { display:inline; }

/* Figures */
div.oseo .figureGroup { margin-bottom:.5em; }
div.oseo .figureGroup .articleimage img { }
div.oseo .figureGroup .articleimage .caption { font-size:.66em; /*font-size:12px;*/ }
div.oseo .figureGroup .articleimage .caption p { }
div.oseo .figureGroup .articleimage .figure-image {
	clear: both;
}

/* Tables */
div.oseo .tableGroup table { border:none; font-size:.88em; /*font-size:16px;*/ width:100%; }
div.oseo .tableGroup th,
div.oseo .tableGroup td { border:none; }


/* Footnotes (Located within Work Text Panel) */
div.oseo .footnotes { border-top:2px dotted #CECDBE; margin:18px 0 0 0; font-size:0.9em; } /* [FS] we should convert margin to ems */
div.oseo .footnotes h2 { color:#600; font-weight:normal; font-size:1.3em; text-align:center; }
div.oseo .note { margin:0 0 12px 0; } /* [FS] we should convert margin to ems */

/* Generic Text Alignment Overrides */
div.oseo .right, 
div.oseo .alignright { 
	float:none; /* overrides rule in normalize.css */
	text-align:right; 
}
div.oseo .aligncentre { text-align:center; }
div.oseo .centre { text-align:center; }
div.oseo .left {
	float:none; /* overrides rule in normalize.css */
	text-align:left;
}

div.oseo .sc { font-variant:small-caps; letter-spacing:1px; }

/* Indices */
div.oseo .indexItemLevel2 { margin-left:1em; }

/* Margin Notes */
div.oseo .marginalNote {
	color:gray;
	font-size:.75em;
	font-style:italic;
	text-align:right;
	display:block;
	padding-left:8em;
	margin-top:.5em;
	text-transform:none;
}