/* Edited with EditCSS */
/**** LINK-tag style sheet tei2html.css ****/

/* General */

/* Heading Color:
   The default heading color is #4b6fda (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 "#4b6fda" and replaces
     with the value of a new color (e.g., "#4b6fda") will configure a new Heading Color.
*/

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

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

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

.footer { font-size: 8pt; }

/* footer copy inserted by Sayan*/
.copy  {
        float:left;
        margin-top:8px;
        font-family:verdana,arial,helvetica,geneva,sans-serif;
        font-size:9px;
        color:#666666;
        text-align:left;
}
/*heading alignment by Sayan */



/* tables */
td {
	font-family: verdana, tahoma, helvetica, sans-serif;
	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;
}

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

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: #99ff9c;
	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: #6fff6d;
}

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

/* modification by Sayan Chakraborty 
superscript , overstrike/strikethrough
maintitle width restriction
*/

a.ref {
vertical-align: super;
}

.sup {
vertical-align: super;
}

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

.maintitle
{
max-width:750px;
}


/* modification by Sayan ends */


/* 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: #4b6fda;
	font-weight: bold;
	font-size: 8pt;
}

/* poetry */
div.lg { 
	margin: 1em; 
	margin-left: 5em;
}

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;
}

.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;
	margin-bottom: 0;
	page-break-after: avoid;
}

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

h2 {
	font-size: 10pt;
	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: #4b6fda;
//	font-style: italic;
	page-break-after: avoid;
}

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

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

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

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

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

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

p.bibl {
	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:em;
	margin-bottom: .5em;
	widows: 2;
	orphans: 2;
}

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

span[title="fw"] { text-align: center; }
.center { text-align: center; }
.teidiv0_landscape { page: landscape; }
/* Docsouth: don't want divs have indent */
/*
.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 {
	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: #4b6fda;
	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;
}

/* by Dongqing */
div.teiHeaderChild div.sec {
	margin: 0.5em 0.5em 0.5em 2.0em;
	padding-left: -2em;

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

.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: #3F6F9F; 
	/* 	border: outset; */
	/* 	border-width: 1px; */
	/* 	border-color: #dddddd; */
	background-color: #ffffff;
	padding: 4px;
}

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

button.TabDown {
	font-family: verdana, tahoma, helvetica, sans-serif;
	color: #3F6F9F;
	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: #3F6F9F;
	background-color: #ffffff;
	/* border-color: #000000; */
	/* 	border-style: solid; */
	/* 	border-width: 1px 1px 1px 1px; */
	padding: 4px;
	cursor: pointer;
        font-size: 8pt;
	margin-right: 1px;
	margin-bottom: 1px;

}

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

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

/* jawalsh for tool tips */
span.tooltip {
	color: blue;
}

/* jawalsh: for javascript tooltips */
/* This is where you can customize the appearance of the tooltip */
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: 11px;
	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; }
.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; }

/* normal class is deprecated in favor of n class */
.normal { font-style: normal; }
.n { font-style: normal; }
.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: #4b6fda;
	border-width: 2px 2px 2px 2px;
}

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

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

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 grey;
	
}

/*
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;
}

dt {
	font-weight: 700; font-size: 9pt;
	}
dd {
	margin-bottom: .5em;
}

/* ---------- */
/* new template options (kim) */
/* ---------- */

.container {
	margin-left:4px;
	padding:0;
	min-height:400px;
        width:750px;
	height:auto;
	float:left;
}

.yellow_background {
	padding:0;
	background-color:#ECF8FF;
	margin-bottom:0px;
	border:2px solid #D0E5FA;
	width:750px;
	float:left;
	}

.project_title {
	border-bottom:2px dotted #3F6F9F;
	margin-top:0px;
	width:750px;
	background-color:#DFF4FF;
}

.box_docs {	
	padding-top:5px;
	margin-bottom:10px;
	border-bottom:1px solid #C2BFBF;
	border-left:1px solid #C2BFBF;
	border-right:1px solid #C2BFBF;
	width:750px;
}

.container_heading{
	width:756px;
	margin-left:7px;
	text-align:left;
	margin-top:0px;
	padding:0;
	
}	

.menu {
	border-top:1px solid #3d75a8;
	border-bottom:1px solid #3d75a8;
	padding:4px;
	font-weight:bold;
	font-family:verdana,arial,helvetica,geneva,sans-serif;
	font-size:10px;
	color: #999999;
	text-align:center;
	width:750px;
	background-color:#ebf3fb;
}
	   
.menu a {
	font-family:verdana,arial,helvetica,geneva,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration: none;
	color:#3F6F9F;
}

.forminside {
	float: right;
	text-align: right;
	width: 35%;
	font-size: 12px;
	font-family:verdana,arial,helvetica,geneva,sans-serif;
}

.logo_inside {
	float: left;
	text-align: left;
	width: 60%;
}

div.spacer {
	clear: both;
	height:1px;
}

.crumbs_new  {
	font-family:verdana,arial,helvetica,geneva,sans-serif;
	font-size:9px;
	text-align:left;
	margin-top:12px;
	margin-left:0px;
	font-weight:bold;
}

.crumbs_new a {
	font-size:10px;
	}
	
.print {
font-size:10px;
text-align:right;
}

a {font-family:verdana,arial,helvetica,geneva,sans-serif;
	font-size:11px;
	text-align:left;
	text-decoration: none;
	color:#3F6F9F;
	}
a:hover {
	text-decoration: none;
	color:#999999;
}