/* global settings */
p, td, body {
	font-family: 'Arial', 'Times New Roman', 'Georgia', 'Garamond', sans;
	font-size: 11pt;
}
th {
	font-size: 10pt;
	text-align: left;
	font-weight: normal;
	border: 1px solid #cccccc; background-color: #eeeeee; 
}

/* headings */
h1 {
	color: #661D2F;
	font-size: 16pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #DAAB99;
}
h2 {
	color: #302010;
	font-size: 13pt;
	margin-bottom: 10px;
}
h3 {
	color: #262666;
	font-size: 11pt;
	margin-bottom: 7px;
	margin-top: 4px;
}

issue { font-weight: bold; }

/* link treatment */
a {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #0069B1;
}
hr {
	color: #DAAB99;
	background-color: #DAAB99;
	border: #DAAB99;
	height: 1px;
}
.header {
	color: white;
	font-size: 10pt;
}
.blue {
	color: #0000dd;
}
.black {
	color: #000000;
}
.grey {
	color: #666666;
}
td.tag {
	background-color: #f5d300;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 10pt;
}
td.list
{
	line-height: 16px;
}
input.button, input.submit {
	border: 1px solid #eeee33; font-size: 10pt; background-color: #ffffaa;
}
p.list
{
	padding-left: 27px;
	text-indent: -27px;
}
ul { 
	padding-top: 0px; 
	margin-top: 0px; 
	padding-left: 25px; 
	margin-left: 5px; 
	list-style-image: url("Images/ulimg.gif");
}
li {
	margin-top: 5px;
}
li ul {
	list-style-image: none;
	list-style: none;
	}

dt { 
	margin-top: 15px; 
	list-style-image: url("Images/ulimg.gif");
}
dd {
	margin-top: 5px; 
	padding-left: 35px; 
	margin-left: 0px; 
}

.ipa {
	font-family:"Hiragino Mincho Pro W3","TITUS Cyberbit Basic","Doulos SIL","Gentium","Hiragino Mincho Pro W3","Arial Unicode MS";
	font-size: 11pt;
}

#story { font-size: 13pt; text-align: justify; }
#story p { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 10px; text-indent: 0px; font-size: 13pt;  }

#tagtable tr.odd    { background-color: #fafaef; }
#tagtable tr.even   { background-color: #ffffff; }

#formlist tr.odd    { background-color: #eeeecc; }
#formlist tr.even   { background-color: #ffffff; }

#menubox table {margin: 0px; width: 85px; background-color: #444444;}
#menubox th {text-align: center; padding: 0px; width: 85px; color: #000000; background-color: #777777; font-size: 9pt; }
#menubox td {text-align: center; padding: 0px; width: 85px; color: #ffffff; }
#menubox a {font-size: 9pt; padding: 3px; color: #ffffff; padding:3px; background-color: #333333;  display: block; width: 85px;}
#menubox a:hover {color: #000000; background-color: #888888; padding:3px; width: 85px;}

#mordebebox table {margin: 0px; width: 85px; margin-top: 40px;  background-color: #444444;}
#mordebebox th {text-align: center; padding: 0px; width: 85px; color: #000000; background-color: #777777; font-size: 9pt; }
#mordebebox td {text-align: center; padding: 0px; width: 85px; color: #ffffff; }
#mordebebox a {font-size: 9pt; padding: 3px; color: #ffffff; padding:3px; background-color: #333333;  display: block; width: 80px;}
#mordebebox a:hover {color: #000000; background-color: #888888; padding:3px; width: 85px;}
#mordebebox input { width: 80px; }

.reference {
	padding-left: 15px; 
	text-indent: -15px;
}

.divbox {
	border: 1px solid #aaaaaa; background-color: #eeeeee; 
	padding:8px; margin-top: 10px; width: 300px;
	float: right; clear:right;
	margin-left: 20px; 
}
.divbox hr {
	color: #999999;
	background-color: #999999;
	border: #999999;
	height: 1px;
	margin: 7px;
	padding: 0px;
}

.noprintbox {
	display: block; float: right; right: 0px; text-align: right; vertical-align: top; margin: 0px;
}

#maintable {
	border-collapse: collapse;
}
#maintable td { 
	padding: 5px;
	margin: 0px;
}
tr.even  {
	background-color: #eaeaee;
}
#maintable tr.even  {
	background-color: #eaeaee;
}
#rollovertable tr:hover {
	background-color:#FFF3B8;
}
#rollovertable tr.even:hover {
	background-color:#FFF3B8;
}
#rollovertable tr.even  {
	background-color: #eaeaee;
}

/*.mudpe {border-bottom: 1px solid #bb0000; } .mudpb {border-bottom: 1px solid #0000bb; } */
.mudpe { color: #0000aa; } 
.mudpb { color: #aa00aa; }
.ltxt {
  font-style: italic; 
  border-right: 1px solid #eeaa00;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #f5e899;
}
.rtxt {
  padding-left: 20px;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#f5e899;
    color:#000;
    text-decoration:none }
a.info:hover{z-index:25; }
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute; font-size: 8pt;
    top:20px; left:-75px; width:150px;
    border:1px solid #eeaa00; padding: 5px;
    background-color:#f5e899; color:#000000;
    text-align: left; font-style: normal; }
   
.indented { padding-left: 20px; text-indent: -20px; } .greybold { color: #555555; font-weight: bold;}

td.letter-selected { background-color: #ffff99; }

#navmenu { text-align: center; font-family: 'Arial', sans; font-size: 12pt; };

/* CSS for patterns in sentences*/
.head { font-weight: bold; color: #992200; }
.filler1 { font-weight: bold; color: #33aa55; }
.filler2 { font-weight: bold; color: #3355aa; }
.filler3 { font-weight: bold; color: #77ddff; }
.filler4 { font-weight: bold; color: #77ff77; }

/* CSS for TEI */
text metadata { display: none; }
text tit { display: block; font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 20px; }
text par { display: block;margin-top: 10px; }
text par[type=tit] { display: block; font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 20px; }
text subtit { display: block; font-weight: bold; margin-bottom: 20px; margin-top: 20px; }
text dtok { display: none; }
/* text sent { margin-right: 10px; } */
text.colored tok[pos=SUB] { color: #220099; }
text.colored tok[pos=ADJ] { color: #229900; }
text.colored tok[pos=VRB] { color: #992200; }
text.colored tok[pos=ADV] { color: #992299; }
text tok:hover:after { color: #666666; padding: 3px; content: attr(pos); background-color: #fff6dd; margin-top: 18px; margin-left: -30px; position: absolute; z-index: 20; }
text img { display: block; text-align: center; margin:5 auto; }
text title { display: block; font-size: 24px; font-weight: bold; margin-bottom: 20px; margin-top: 20px; }

/* CSS for Dictionry definitions */
entry sense { display: block; margin-bottom:5px; }
entry sense:before { content: attr(num) ". "; font-weight: bold; }
entry grammar { color: #888888; }
entry grammar:after { content: " "; }
entry example { color: #7777cc; }
entry example:before { content: " "; }
entry gloss { display: block; color: #339999; margin-left: 20px; }
entry gloss:before { content: " "; }

.trans { color: #226600; }
div#tagbox span.tags { font-size: 10px; color: #999999; }
.highlightspan div#tagbox { background-color: #ffff66; }
div#tagbox span.moreinfo { display: none; }
div#tagbox:hover span.moreinfo { display: block; padding: 5px; width: 200px; font-size: 11; position: absolute; z-index: 10; background-color: #ffffdd; border: 1px solid #ffe4aa; }

div#tagbox { display: inline; text-align:center; float: left; margin-right: 10px;  }
div.contr div#tagbox { margin: 0px; margin-right: 2px;  }

div.contr { display: block; float: left; margin-right: 10px; }

div.infobox { 
	border: 1px solid #DAAB99; padding: 0px; margin-bottom: 20px; 
	font-family: 'Arial', 'Times New Roman', sans;
}
div.infobox h1 { 
	width: 100%; font-size: 13pt; font-weight: normal; background-color: #DAAB99; 
	background-image: url(Images/paperbg.png); color: #302010; margin-top: 0px; 
	padding-top: 5px; padding-bottom: 5px; text-align: center; border: none; 
}
div.infobox p { 
	padding-left: 20px;
	padding-right: 15px;
	margin-left: 30px;
	text-indent: -30px;
	line-height: 15px;
	font-family: 'Arial', 'Times New Roman', sans;
}
div.infobox table { 
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Arial', 'Times New Roman', sans;
}

div#footer {
	font-size: 10pt;
}
div#footer p {
	font-size: 10pt;
}