/* ***** Structural elements ***** */
body.small {
	font-family: verdana, tahoma, helvetica, sans-serif;
	font-size: 8pt;
	margin: 2em;
}

/* used to constrain the main block of the manuscript */
.mssContent {
	width: auto;
}

.tei2htmlDivWrapper {
	padding: 2px;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 15px;
	width: auto;
}

div.empty,div.left {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: 0;
}

p.bibl,span.bibl {
	display: block;
	margin-left: 2em;
	text-indent: -2em;
	padding: 0;
}

.p {
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.5;
	white-space: normal;
}

.p:before {
	content: "\A0\A0\A0\A0\A0\A0";
}

.p-flush {
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.5;
	white-space: normal;
}

.whiteSpaceWrap {
	white-space: normal;
}
/* 
   ADDED .whiteSpaceWrap element 
   July 8, 2009 by TBowman to address wrapping
 */

/* 
OLD >> ADDED for font-detection Javascript toggle 
OLD >> Summer 2008 by T Bowman & W Hooper

NEW >> ADDED @font-face 
NEW >> April 2012
	
	@font-face {
	    font-family: Newton;
	    src: url('fonts/Newton-2010jan-rev.otf');
	}
	.NSymbolFont {
		display: none;
		font: 100% Newton;
		visibility: hidden;
	}
	.NSymbolFontShow {
		display: inline;
		font: 100%;
		font-family: "Newton", sans-serif !important;
		visibility: visible;
	}
	.NSymbolImage {
		display: inline;
		visibility: visible;
	}
	.NSymbolImageHide {
		display: none;
		visibility: hidden;
	}
*/


.displayBlock {
	display: block;
	float: left;
	_margin-left: 0;
	_padding-left: 1em;
	/*_text-indent:  .15em;*/
}

.nameBlock {
	display: block;
	float: left;
	_margin-left: 0;
	_padding-left: 1em;
	/*_text-indent:  .15em;*/
}

div.indentedtitles {
	position: relative;
	display: block;
	float: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	text-align: left;
}

/* 
adapted from http://matthewjamestaylor.com/blog/perfect-2-column-double-page.htm 
can be combined with the w-XX width elements and the border elements
much simpler, just requires one extra div parent element
plus doesn't need the annoying 80em min-width declaration which causes horiz scroll bar
*/
/* column container */
/* div.parallel-container {
						clear:both;
						float:left;
						width:100%;			// width of whole page 
						overflow:hidden;	// This chops off any overhanging divs 
					} */
/* common column settings */
div.parallel-insideContainer {
	float: left;
	width: 100%;
	position: relative;
	height: auto;
	overflow: auto;
}
/* div.parallel-col1,
					div.parallel-col2,
					div.parallel-col3 {
						float:left;
						position:relative;
						padding:0 1em 0 1em;
						overflow:hidden;
					}  // can go to many columns... ie. parallel-col4, parallel-col5, etc. */
/* 
The above COLUMN FORMATTING 
ADDED July 8, 2009 by TBowman 
to address <lb> tags in an ADDITION element 
*/
div.parallel-docs {
	display: block;
	float: left;
	_margin-left: 0;
	_padding-left: 0em;
	white-space: nowrap;
	min-width: 80em;
}

div.parallel-left-30 {
	width: 30em;
	overflow: auto;
	display: block;
	float: left;
	margin-top: 0;
	_margin-left: 0;
	_padding-left: 0em;
	padding-right: 1em;
	vertical-align: top;
	white-space: nowrap;
}

div.parallel-left {
	display: block;
	float: left;
	margin-top: 0;
	_margin-left: 0;
	_padding-left: 0em;
	padding-right: 1em;
	vertical-align: top;
	white-space: nowrap;
}

div.parallel-right {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0;
	vertical-align: top;
	text-align: left;
	overflow: auto;
	white-space: nowrap;
}

/* 
CHANGED July 8, 2008
Changed 0.02cm to 1px for border-width below
0.02cm was NOT working in Safari on Windows machines and Mac machines
TBowman
*/
.rule-left-side {
	border-left-style: solid;
	border-left-color: black;
	border-left-width: 1px;
}

.rule-right-side {
	border-right-style: solid;
	border-right-color: black;
	border-right-width: 1px;
}

.rule-both-sides {
	border-left-style: solid;
	border-left-color: black;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: black;
	border-right-width: 1px;
}

.teidiv0_landscape {
	page: landscape;
}
/* .teidiv1 { padding: 0; }
.teidiv2 { padding: 0; }
.teidiv3 { padding: 0; }
.teidiv4 { padding: 0; }
.teidiv5 { padding: 0; }
.teidiv6 { padding: 0; } */
.teidiv1pad {
	padding-left: 1em;
}

.teidiv2pad {
	padding-left: 2em;
}

.teidiv3pad {
	padding-left: 3em;
}

.teidiv4pad {
	padding-left: 4em;
}

.teidiv5pad {
	padding-left: 5em;
}

.teidiv6pad {
	padding-left: 6em;
}

.footer {
	font-size: 8pt;
}

/* Hidden elements in page display that 'appear' for printing */
#printMetadata {
	display: none;
}

#printTranslations {
	display: none;
}

/* ***** Text Styles - correspond to rend attr values ***** */
.i {
	font-style: italic;
}

.b {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.double-u {
	border-style: double;
	border-color: #000000;
	border-width: 0px 0px 3px 0px;
	padding: 0px;
}

.n {
	font-style: normal;
}

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

.mono {
	font-family: courier, monospace;
}

.code {
	font-family: courier, monospace;
}

.center {
	display: block;
	width: 35em;
	text-align: center;
	padding: 0;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.super {
	vertical-align: super;
	display: inline;
	line-height: 1em;
	font-size: 85%;
}

.sub {
	vertical-align: sub;
	font-size: 85%;
}

.inline {
	display: inline;
}

.strike {
	text-decoration: line-through;
	color: #A0A0A0;
}

.cancelled {
	color: black;
	background-color: black;
}

.border {
	border-style: solid;
	border-color: #000000;
	border-width: 2px 2px 2px 2px;
	padding: 3px;
}

.overline {
	border-style: solid;
	border-color: #000000;
	border-width: 2px 0px 0px 0px;
	padding: 3px;
}

.overdash {
	border-style: dashed;
	border-color: #696969;
	border-width: 2px 0px 0px 0px;
	padding: 0px;
	text-decoration: inherit;
}

.underdash {
	border-style: dashed;
	border-color: #696969;
	border-width: 0px 0px 2px 0px;
	padding: 0px;
}

.hr-10 {
	width: 10%;
}

.hr-20 {
	width: 20%;
}

.hr-25 {
	width: 25%;
}

.hr-30 {
	width: 30%;
}

.hr-40 {
	width: 40%;
}

.hr-50 {
	width: 50%;
}

.hr-60 {
	width: 60%;
}

.hr-65 {
	width: 65%;
}

.hr-70 {
	width: 70%;
}

.hr-80 {
	width: 80%;
}

.hr-90 {
	width: 90%;
}

.hr-100 {
	width: 100%;
}

.hr-100em {
	width: 100em;
}

.hr-95em {
	width: 95em;
}

.hr-90em {
	width: 90em;
}

.hr-85em {
	width: 85em;
}

.hr-80em {
	width: 80em;
}

.hr-75em {
	width: 75em;
}

.hr-70em {
	width: 70em;
}

.hr-65em {
	width: 65em;
}

.hr-60em {
	width: 60em;
}

.hr-55em {
	width: 55em;
}

.hr-50em {
	width: 50em;
}

.hr-45em {
	width: 45em;
}

.hr-40em {
	width: 40em;
}

.hr-35em {
	width: 35em;
}

.hr-30em {
	width: 30em;
}

.hr-25em {
	width: 25em;
}

.hr-20em {
	width: 20em;
}

.hr-15em {
	width: 15em;
}

.hr-10em {
	width: 10em;
}

hr {
	clear: both;
	text-align: left;
	margin-left: 0;
}

hr.h1 {
	text-align: left;
	color: #4b6fda;
	width: 90%;
	margin-top: 0;
}

hr.figureBorder {
	text-align: center;
	width: 80%;
	color: #4b6fda;
	background-color: #4b6fda;
}

hr.pb {
	width: 20em;
}

.x-small {
	font-size: x-small;
}

.xx-small {
	font-size: xx-small;
}

.large {
	font-size: large;
}

.x-large {
	font-size: x-large;
}

.xx-large {
	font-size: xx-large;
}

.small {
	font-size: small;
}

.erased {
	color: #cccccc;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.block {
	margin: 4em;
}

/* ***** Widths ***** */
.w-10 {
	width: 10%;
}

.w-20 {
	width: 20%;
}

.w-30 {
	width: 30%;
}

.w-40 {
	width: 40%;
}

.w-50 {
	width: 50%;
}

.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}

.w-90 {
	width: 90%;
}

.w-100 {
	width: 100%;
}

.w-5em {
	width: 5em;
}

.w-10em {
	width: 10em;
}

.w-15em {
	width: 15em;
}

.w-20em {
	width: 20em;
}

.w-25em {
	width: 25em;
}

.w-30em {
	width: 30em;
}

.w-35em {
	width: 35em;
}

.w-40em {
	width: 40em;
}

.w-45em {
	width: 45em;
}

.w-50em {
	width: 50em;
}

.w-55em {
	width: 55em;
}

.w-60em {
	width: 60em;
}

.w-65em {
	width: 65em;
}

.w-70em {
	width: 70em;
}

.w-75em {
	width: 75em;
}

.w-80em {
	width: 80em;
}

.w-85em {
	width: 85em;
}

.w-90em {
	width: 90em;
}

.w-95em {
	width: 95em;
}

.w-100em {
	width: 100em;
}

.w-110em {
	width: 110em;
}

.w-120em {
	width: 120em;
}

.w-130em {
	width: 130em;
}

.w-140em {
	width: 140em;
}

.w-150em {
	width: 150em;
}

.w-200em {
	width: 200em;
}

.w-35em-fw {
	position: relative;
	float: left;
	left: 35em;
	clear: all;
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: -1em;
}

/* ***** Indentations ***** */
.ti--1 {
	text-indent: -1em;
	margin: 0;
	padding: 0;
}

.ti-0 {
	margin: 0;
	padding: 0;
}

.ti-1 {
	text-indent: 1em;
	margin: 0;
	padding: 0;
}

.ti-2 {
	text-indent: 2em;
	margin: 0;
	padding: 0;
}

.ti-3 {
	text-indent: 3em;
	margin: 0;
	padding: 0;
}

.ti-4 {
	text-indent: 4em;
	margin: 0;
	padding: 0;
}

.ti-5 {
	text-indent: 5em;
	margin: 0;
	padding: 0;
}

.ti-6 {
	text-indent: 5em;
	margin: 0;
	padding: 0;
}

.ti-7 {
	text-indent: 7em;
	margin: 0;
	padding: 0;
}

.ti-8 {
	text-indent: 8em;
	margin: 0;
	padding: 0;
}

.ti-9 {
	text-indent: 9em;
	margin: 0;
	padding: 0;
}

.ti-10 {
	text-indent: 10em;
	margin: 0;
	padding: 0;
}

.hangPadTop {
	margin-left: 2em;
	text-indent: -2em;
	padding-top: 1em;
}

.hang {
	margin-left: 2em;
	text-indent: -2em;
	padding: 0;
}

/* ***** Padded blocks ***** */
.padl-1 {
	padding: 0 0 0 1em;
}

.padl-2 {
	padding: 0 0 0 2em;
}

.padl-3 {
	padding: 0 0 0 3em;
}

.padl-4 {
	padding: 0 0 0 4em;
}

.padl-5 {
	padding: 0 0 0 5em;
}

.padl-6 {
	padding: 0 0 0 6em;
}

.padl-7 {
	padding: 0 0 0 7em;
}

.padl-8 {
	padding: 0 0 0 8em;
}

.padl-9 {
	padding: 0 0 0 9em;
}

.padl-10 {
	padding: 0 0 0 10em;
}

/* ***** Headers ***** */

/* Maps to newton.css h3 */
h1 {
	padding: 2px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: -5px;
	text-align: justify;
	font-family: arial;
	font-size: 14pt;
	color: #000000;
	page-break-after: avoid;
}

h1.small {
	font-size: 10pt;
	color: #4b6fda;
	margin-bottom: 0;
	page-break-after: avoid;
}

/* Maps to newton.css h4: Page sub-titles/section*/

/* what are we messing with font-size here???    */
/* we should NEVER make changes like this on HTML elements */
/* This NEEDS to change at some point */
h2 {
	padding: 2px;
	margin-top: 15px;
	margin-bottom: -5px;
	text-align: justify;
	font-family: arial;
	color: #000000;
	font-weight: bold;
	page-break-after: avoid;
}

h3 {
	font-size: 10pt;
	color: #000;
	font-style: italic;
	page-break-after: avoid;
}

h4 {
	font-size: 9pt;
	color: #000;
	page-break-after: avoid;
}

h5 {
	font-size: 9pt;
	color: #000;
	page-break-after: avoid;
}

h6 {
	font-size: 9pt;
	color: #000;
	page-break-after: avoid;
}

div.genericHeading {
	font-size: 9pt;
	color: #4b6fda;
	font-weight: bold;
	page-break-after: avoid;
}

.head {
	page-break-after: avoid;
}

span[title="fw"] {
	text-align: center;
}

/* ***** Lists ***** */
ul.inline {
	display: inline;
}

ul.none {
	list-style-type: none;
}
/*li.none { list-style-type:none; }*/

/* div.inline used for div parents of inline lists */
/* TDBOWMAN */
div.inline {
	display: inline-block;
}

ul.inlineColumn {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

/* This should be an inline *vertical* or columnular list.  Need to come up with proper CSS */
ul.inlineColumn li {
	display: inline;
	padding-right: .5em;
	padding-left: .5em;
	border-right: 1px dotted grey;
}

ul.inlineColumn li.first {
	padding-left: 0;
}

ul.inlineColumn li.last {
	padding-right: 0;
	border-right: none;
}
/*ul.simple { display: inline; list-style: none; }*/
ul.simple {
	display: inline;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: .15em;
}

/* This is for inline lists, especially bibl, that don't need borders, punctuation, etc. */
ul.inlineclean {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

/* This should be an inline *vertical* or columnular list.  Need to come up with proper CSS */
ul.inlineclean li {
	display: inline;
	padding-right: .5em;
	padding-left: .5em;
}

ul.inlineclean li.first {
	padding-left: 0;
}

ul.inlineclean li.last {
	padding-right: 0;
	border-right: none;
}

dt {
	font-weight: bold;
	font-size: 9pt;
	margin-bottom: .2em;
	page-break-after: avoid;
}

dd {
	margin-bottom: .5em;
}

.listStyleNone {
	list-style-type: none;
}

li {
	margin-bottom: .25em;
}

.glossTerm {
	display: block;
	width: 100%;
	font-weight: bold;
	color: #870429;
	padding: 0;
	margin: 0;
}

.gloss {
	display: block;
	margin-left: 1em;
	margin-top: 0;
}

.noteRef {
	vertical-align: super;
	font-size: xx-small;
}

/* ***** Tables ***** */
td {
	font-family: inherit;
	line-height: 1.5;
}

td.mono {
	font-family: courier, monospace;
	font-size: 10pt;
}

td ul,ol {
	padding: 0;
	margin-left: 1.5em;
}

table.border td {
	border: 1px solid black;
}

th {
	text-align: left;
}

td.label {
	width: 15%;
	font-weight: bold;
	vertical-align: top;
}

tr {
	page-break-after: avoid;
}

/* graphically rendered tables */
table.graphic {
	width: 90%;
	margin: 2em;
}

table.graphic td {
	font-family: verdana, tahoma, helvetica, sans-serif;
	font-size: 8pt;
	background-color: #ffffcc;
	vertical-align: top;
	font-weight: normal;
}

table.graphic td.mono {
	font-family: courier, monospace;
	font-size: 8pt;
	background-color: #ffffcc;
	vertical-align: top;
	font-weight: normal;
}

table.graphic td.label {
	font-family: verdana, tahoma, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
	background-color: #ffff99;
}

table.graphic th {
	font-family: verdana, tahoma, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
	background-color: #65d75d;
}

/* Styles for tabBox content.  Used for TEI list[@type='gloss'].   label appears in a tab and content appears below. */
table.tabBox {
	width: 100%;
	border: 0;
	padding: 0;
	padding-bottom: 1em;
}

table.tabBoxHead {
	width: 100%;
	border: 0;
	padding-top: 1em;
}

td.tabBoxLabel {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #999999;
	border-left: 1px solid #cccccc;
	padding: 2px;
	background-color: #fef7df;
	white-space: nowrap;
	font-weight: bold;
	font-size: 8pt;
}

td.tabBoxLabelEmpty {
	width: 85%;
	border-bottom: 1px solid #cccccc;
}

td.tabBoxContent {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #cccccc;
	padding: 6px;
	background-color: #fef7df;
	font-size: 8pt;
}

td.tabBoxHead {
	border: 1px solid #cccccc;
	background-color: #fef7df;
	color: #4b6fda;
	font-weight: bold;
	font-size: 8pt;
}

/* Table cell border styles. */
td.cellBorderRight {
	border-right: 1px solid black;
}    
td.cellBorderBottom {
	border-bottom: 1px solid black;
}
td.cellBorderLeft {
	border-left: 1px solid black;
}
td.cellBorderTop {
	border-top: 1px solid black;
}


/* ***** Poetry ***** */
div.lg {
	margin: 1em;
	line-height: 1.5;
}

table.line {
	padding-left: 1em;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}

td.line {
	padding-left: 1em;
	width: 450px;
}

td.lineWithMilestone {
	width: 380px;
	margin-right: 0;
	padding-right: 0;
}

td.milestone {
	font-size: xx-small;
	width: 60px;
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

td.number {
	width: 30px;
	text-align: right;
}

td.label {
	width: 10em;
	vertical-align: top;
}

/* *****  Tooltips ***** */
span.tooltip {
	cursor: help;
	color: #018B84;
}

span.tooltipUnderlined {
	cursor: help;
	color: #018B84;
	text-decoration: underline;
}

span.editorialSic {
	text-decoration: none;
}

span.hovertip {
	cursor: default;
	color: #99CC99;
}

div#tipDiv {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 10000;
	background-color: #dee7f7;
	border: 1px solid #336;
	width: 250px;
	padding: 4px;
	color: #000;
	font-size: 15px;
	line-height: 1.2;
}

span.tooltipWrapper {
	display: inline;
}

span.tooltipContent {
	display: none;
	margin: 0;
	padding: 0;
}

span.inlineNote {
	
}

div.caption {
	font-size: xx-small;
	text-align: left;
	margin: 3em 1em 3em 3em;
	padding: 1em 0 1em 1em;
	border: 1px solid black;
	background-color: #99ccff;
}

.comment {
	font-family: courier, monospace;
	color: gray;
}

/* ***** Panels ***** */
.pRoot {
	position: absolute;
	width: 275px;
	background-color: #F0F0F0;
	border: 1px solid #333;
	font-family: verdana, sans-serif;
	font-size: 10px;
	visibility: hidden;
	display: none;
}

.pHandle {
	clear: both;
	margin: 2px;
	padding: 2px;
	width: 268px;
	height: 13px;
	color: white;
	background-color: #7c819d;
	font-family: verdana, sans-serif;
	font-size: 10px;
	cursor: move;
}

.pMedRoot {
	position: absolute;
	width: 600px;
	background-color: #F0F0F0;
	border: 1px solid #333;
	font-family: verdana, sans-serif;
	font-size: 10px;
	visibility: hidden;
	cursor: move;
}

.pMedHandle {
	clear: both;
	margin: 2px;
	padding: 2px;
	width: 592px;
	height: 13px;
	color: white;
	background-color: #7c819d;
	font-family: verdana, sans-serif;
	font-size: 10px;
}

.pLgRoot {
	position: absolute;
	width: 1000px;
	background-color: #F0F0F0;
	border: 1px solid #333;
	font-family: verdana, sans-serif;
	font-size: 10px;
	visibility: hidden;
	cursor: move;
}

.pLgHandle {
	clear: both;
	margin: 2px;
	padding: 2px;
	width: 992px;
	height: 13px;
	color: white;
	background-color: #7c819d;
	font-family: verdana, sans-serif;
	font-size: 10px;
}

a.pHandleLink:link {
	cursor: pointer;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none;
}

a.pHandleLink :visited {
	cursor: pointer;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none;
}

a.pHandleLink:hover {
	cursor: pointer;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: underline;
}

span.pHandleLt {
	float: left;
	text-align: left;
}

span.pHandleRt {
	float: right;
	text-align: right;
}

span.panelSelected {
	font-weight: bold;
}

/* *****   Manuscript Navigation  ***** */
a.folioNavLink,a.folioNavLink:link {
	color: #AC0D3E;
	cursor: pointer;
	text-decoration: none;
}

a.folioNavLink:hover {
	color: #018B84;
	text-decoration: underline;
}

a.internal_link:link {
	color: blue;
	text-decoration: none;
}

a.super_internal_link:link {
	vertical-align: super;
	font-size: 85%;
	color: blue;
	text-decoration: none;
}

.navigationTable {
	clear: both;
	width: 96%;
	height: 2em;
	display: block;
	position: relative;
	padding: 0;
	margin: auto auto;
	background-color: #f6f6f7;
	border: 1px solid #cccccc;
	font-family: arial;
	font-size: 13px;
}

.navigationPanelRight {
	display: block;
	width: 48%;
	position: relative;
	float: left;;
	text-align: right;
	padding: 5px;
	margin-right: 10px;
}

.navigationPanelLeft {
	display: block;
	width: 48%;
	position: relative;
	float: left;
	text-align: left;
	padding: 5px;
	margin-right: 10px;
}

.searchSummary {
	margin: 0 15px 0 15px;
	border: 1px solid #cccccc;
	text-align: center;
	width: 40em;
	margin-left: auto;
	margin-right: auto;
	font-family: arial;
	font-size: 13px;
}