/* General */

/*
  Heading Color:
  The default heading color is #351408 (075 111 218).  If CSS supported variables, the heading color would be a user-configurable
  variable.  Since CSS does not support variables, a global search and replace that searches for "#351408" and replaces
  with the value of a new color (e.g., "#351408") will configure a new Heading Color.
 */

body
{
	font-family: verdana, tahoma, helvetica, sans-serif;
	font-size: 10pt;
	margin: 1.5em;
	padding: 0 0 0 0;
	border: 1px solid black;
	background-color: #f4eee2;
}

div#text { margin: 2em 2em 2em 2em; }

div.floatExpand:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

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

dt
{
	font-weight: bold;
	page-break-after: avoid;
}

/* tables */
td
{
	font-family: verdana, tahoma, helvetica, sans-serif;
	font-size: 10pt;
}

td div:first-child,ul:first-child,ol:first-child
{
	padding-top: 0;
	margin-top: 0;
}

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

th { text-align: left; }

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

span.label
{
	font-weight: bold;
	font-size: 90%;
}

td.right
{
	/*
  font-family: verdana, tahoma, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  background-color: #65d75d;
 */
	text-align: right;
}

div.floatright
{
	float: right;
	margin: 0 0 0 2em;
}

div.floatleft { float: left; }

table#advancedSearch td { font-size: x-small; }

div#searchTips
{
	float: right;
	margin-top: 5em;
	font-size: 80%;
	padding: 0;
	background-color: #d3c8b4;
	border-style: solid;
	border-color: #351408;
	border-width: 2px 2px 2px 2px;
	width: 40%;
}

div#news
{
	margin-top: 1em;
	font-size: 80%;
	padding: 0;
	background-color: #d3c8b4;
	border-style: solid;
	border-color: #351408;
	border-width: 2px 2px 2px 2px;
	width: 40%;
}

div#searchTipsHead, div#newsHead
{
	background-color: #351408;
	color: #edd7b7;
	margin: 0;
	padding: 0 1px 2px 2px;
}

div#searchTipsBody, div#newsBody { padding: 0 1em 0 1em; }
tr { page-break-after: avoid; }

/* Styles for graphically rendered tables */
table.graphic
{
	width: 90%;
	margin: 2em;
	page-break-inside: avoid;
}

table.graphic td
{
	font-family: verdana, tahoma, helvetica, sans-serif;
	font-size: 8pt;
	/* background-color: #8ed764; */
	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: #65d75d; */
	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
{
	/* td should be colspan='2' */
	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: #351408;
	font-weight: bold;
	font-size: 8pt;
}

/* poetry */
div.lg
{
	margin: 1em 0 1em 0;
}

div.sublg { margin: 0; }

div.lineWrapper
{
	margin: 0;
	width: 530px;

}

div.lineWrapper:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.line
{
	width: 470px;
	margin: 0 0 0 0;
	padding-left: 1em;
	float: left;
}

div.lineWithMilestone, div.lineWithLabel
{
	width: 400px;
	margin: 0 0 0 1em;
	padding-left: 1em;
	float: left;
}

div.lineLabel
{
	float: left;
	font-size: xx-small;
	width: 70px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
}

div.number
{
	margin: 0;
	font-style: normal;
	width: 30px;
	text-align: right;
	float: right;
	color: #999999;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* headings */
h1
{
	font-size: 11pt;
	color: #351408;
	margin-bottom: 0;
	page-break-after: avoid;
}

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

h2
{
	font-size: 10pt;
	color: #351408;
	page-break-after: avoid;
}

/* Generic TEI head.  Modeled on h4, but black. */
.head
{
	font-size: 9pt;
	font-weight: bold;
	page-break-after: avoid;
}

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

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

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

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

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

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

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

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

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

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

div
{
	margin-top: 1em;
	margin-bottom: 1em;
	widows: 2;
	orphans: 2;
}

div.p
{
	margin-top: 1em;
	margin-bottom: 1em;
	widows: 2;
	orphans: 2;
	line-height: 1.5;
}

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

.center
{
	width: 50%;
	text-align: center;
}

.teidiv0_landscape { page: landscape; }

/* removed div indents for Swinburne */

/*
.teidiv1 {
    padding-left: 1em;
     
}
.teidiv2 {
    padding-left: 2em;
     
}
.teidiv3 {
    padding-left: 3em;
     
}
.teidiv4 {
    padding-left: 4em;
     
}
.teidiv5 {
    padding-left: 5em;
     
}
.teidiv6 {
    padding-left: 6em;
     
}
*/

.red { color: red; }

.super
{
	vertical-align: super;
	font-size: 80%;
}

/* lists */
.listStyleNone { list-style-type: none; }

ul
{
	widows: 2;
	orphans: 2;
}

li
{
	margin-bottom: .25em;
	widows: 2;
	orphans: 2;
}

/* Newton */
.cancelled
{
	color: black;
	background-color: black;
}

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

/* jawalsh@indiana.edu */
/* Added Martin's stuff below */
/* This file created by Martin Holmes (mholmes@uvic.ca). Last modified 19/04/04. See accompanying teiHeader.xsl comments for further information. */
div#teiHeader
{
	margin: 0% 5% 1% 5%;
	display: none;
	font-size: 80%;
	font-family: verdana, tahoma, helvetica, sans-serif;
}

div#teiHeader ul
{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div#teiHeader ul li { text-indent: 0em; }

div.teiHeaderChild
{
	padding: 0.5em;
	display: none;
	background-color: #eeeeff;
	border-style: solid;
	border-color: #351408;
	border-width: 2px 2px 2px 2px;
}

div.teiHeaderChild div.para
{
	margin: 0.5em 0.5em 0.5em 2.0em;
	padding-left: 2em;
	text-indent: -2em;
}

div.teiHeaderChild fieldset
{
	margin: 0.5em 0.5em 0.5em 2.0em;
	border-color: #351408;
}

.teiHeaderLabel
{
	font-weight: bold;
	/* text-decoration: underline; */
}

div.teiHeaderHiddenDiv { display: none; }

legend.Clickable
{
	cursor: pointer;
	font-weight: bold;
}

legend.Clickable:hover { text-decoration: underline; }
#HideMetadata { display: none; }

button.MetadataButtonUp
{
	font-family: verdana, tahoma, helvetica, sans-serif;
	color: #351408;
	/* border: outset; */
	/* border-width: 1px; */
	/* border-color: #dddddd; */
	background-color: #ffffff;
	padding: 4px;
}

button.MetadataButtonDown
{
	font-family: verdana, tahoma, helvetica, sans-serif;
	color: #351408;
	/* border: inset; */
	/* border-width: 1px; */
	/* border-color: #ddddee; */
	background-color: #eeeeff;
	padding: 4px;
}

button.TabDown
{
	font-family: verdana, tahoma, helvetica, sans-serif;
	color: #351408;
	background-color: #eeeeff;
	/* border-color: #000000 #000000 #eeeeff #000000; */
	/* border-style: solid; */
	/* border-width: 1px 1px 1px 1px; */
	padding: 4px;
	cursor: pointer;
}

button.TabUp
{
	font-family: verdana, tahoma, helvetica, sans-serif;
	color: #351408;
	background-color: #ffffff;
	/* border-color: #000000; */
	/* border-style: solid; */
	/* border-width: 1px 1px 1px 1px; */
	padding: 4px;
	cursor: pointer;
}

h1.metadataWorkTitle
{
	font-size: 8pt;
	color: #351408;
}

.right { text-align: right; }
hr.pb { width: 20em; }

/* jawalsh for tool tips */
span.tooltip, a.panelLink
{
	cursor: help;
	color: blue;
}

/* jawalsh: for javascript tooltips */
/* This is where you can customize the appearance of the tooltip */
div#tipDiv table.line { width: 100%; }

div#tipDiv a
{
	text-decoration: none;
	color: #000;
}

div#tipDiv td.line
{
	font-size: 100%;
	width: 80%;
}

div#tipDiv
{
	position: absolute;
	visibility: hidden;
	z-index: 10000;
	background-color: #d3c8b4;
	border: 1px solid #351408;
	width: 350px;
	padding: 4px;
	color: #000;
	font-size: 80%;
	line-height: 1.2;
}

/* These are optional. They demonstrate how you can individually format tooltip content */
div.tp1
{
	font-size: 12px;
	color: #336;
	font-style: italic;
}

div.tp2
{
	font-weight: bolder;
	color: #337;
	padding-top: 4px;
}

span.tooltipWrapper { display: inline; }

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

span.inlineNote { }

/* italic class is deprecated in favor of i class */
.italic { font-style: italic; }
.i { font-style: italic; }

/* bold class is deprecated in favor of b class */
.bold { font-weight: bold; }
.b { font-weight: bold; }

/* underline class is deprecated in favor of u class */
.underline { text-decoration: underline; }
.u { text-decoration: underline; }
.small { font-size: 80%; }
.x-small { font-size: 75%;}
.xx-small { font-size: 70%; }
.large { font-size: 110%; }
.x-large { font-size: 115%; }
.xx-large { font-size: 120%; }

/* normal class is deprecated in favor of n class */
.normal
{
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.n
{
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.red { color: red; }

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

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

.border
{
	border-style: solid;
	border-color: #351408;
	border-width: 2px 2px 2px 2px;
}

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

div.caption
{
	font-size: 75%;
	text-align: left;
	margin: 3em 1em 3em 3em;
	padding: 1em 0 1em 1em;
	border: 1px solid #351408;
	background-color: #d3c8b4;
}

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

.sc { font-variant: small-caps; }
.erased { color: #cccccc; }
ul.inline { display: inline; }

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

ul.inlineColumn
{
	display: inline;
	margin-left: 0;
	padding-left: 0;
	/* text-indent: 0; */
}

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

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

/*
  ul.inlineColumn li:after {
  }
 */

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

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

img.specialChar { vertical-align: top; }

img 
{
	border: 0;
}

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

dd { margin-bottom: .5em; }

/* swinburne stuff */
div#docInfoLink
{
	margin: 0 0 0 2em;
	font-size: x-small;
}

div#docInfo
{
	font-size: 80%;
	margin: 0 0 0 2em;
	padding: .5em;
	background-color: #d3c8b4;
	border-style: solid;
	border-color: #351408;
	border-width: 2px 2px 2px 2px;
	width: 60%;
}

div#docInfoHidden, div#empty, div#hide, div#show { display: none; }

div#docInfo h1
{
	font-size: small;
	margin: 0;
	padding: 0;
}

div#swinburneHeaderImage
{
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div#swinburneHeaderContent
{
	padding: 0 0 0 0;
	margin: 0;
	width: 100%;
	color: #edd7b7;
}

div#swinburneHeaderContent h1
{
	margin: 0;
	color: #edd7b7;
}

div#swinburneHeaderContent p
{
	font-size: 85%;
	margin: 0;
}

div#swinburneArchiveHeader
{
	background-color: #351408;
	padding: 0;
	margin: 0 0 1em 0;
	width: 100%;
}

div#internalNavBar { font-size: small; }

div#swinburneHeaderNavBar
{
	margin: 0;
	padding: 0 .5em 0 .5em;
	clear: both;
	color: #edd7b7;
}

div#swinburneHeaderNavBar a:link
{
	color: #edd7b7;
	text-decoration: none;
}

div#swinburneHeaderNavBar a:visited
{
	color: #edd7b7;
	text-decoration: none;
}

div#swinburneHeaderNavBar a:hover
{
	color: #a9170b;
	text-decoration: underline;
}

div#navMain
{
	padding: 5px 0 3px 0;
	margin: 0;
	float: left;
}

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

input.submit
{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #f4eee2;
	/* background-image: url(http://www.macromedia.com/ ... */
	background-repeat: repeat-x;
	color: #333333;
	font-size: x-small;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#navSearch
{
	padding: 0 0 0 0;
	margin: 0 0 4px 0;
	float: right;
}

div#navSearch form { display: inline; }

/* fix so that container div expands to include floating children */
div#swinburneArchiveHeader:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#footer
{
	border-top: 1px solid #351408;
	width: 70%;
}

div#footer p
{
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #12253c;
	padding: 2px;
	width: 90%;
}

div#footer p a:link
{
	color: #333333;
	text-decoration: none;
}

div#footer p a:visited
{
	color: #333333;
	text-decoration: none;
}

div#footer p a:hover
{
	color: #6b1d2b;
	text-decoration: underline;
}

span.hit, span.subhit
{
	font-weight: bold;
	color: red;
}

.pb { font-size: 80%; }

span.pbNote
{
	font-style: normal;
	color: #999999;
}

ul.noBullets { list-style-type: none; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

td.chronoTableDate
{
	width: 10%;
	font-size: 75%;
	font-weight: bold;
	white-space: nowrap;
	padding: 0 1em 0 0;
}



.suppress { display: none; }

.block { display: block; }

.embedHeadRight
{
	display: block;
	float: right;
	font-size: x-small;
	font-style: italic;
	margin: .5em 0 0 1em;
}

.embedHeadLeft
{
	display: block;
	float: left;
	font-size: x-small;
	font-style: italic;
	margin: .5em 1em 0 0;
}

.justify { text-align: justify; }
.indent { }
.indent:before { content: "\A0\A0\A0\A0\A0\A0"; }

td div.p:first-child {
 margin: 0 0 1em 0;
}

cite {
font-weight: normal;
}
