body { background:#FDFDE9;
       font-family:Arial Unicode MS, Arial, Tahoma, Loma, Thonburi;
     }
/*
Note that this puts the font in the cache, which is why 
Thai fonts are listed here. Loma is big winner for Linux, Thonburi for Mac.
*/

#T { font-size:1.1em; }

tab { display:table; font-size:1.1em; 
margin:auto;
/*border-style:dotted; border-width:thin; border-color:blue;*/
padding-bottom:1em;
} 
ltab { display:table; font-size:1.1em; 
/*border-style:dotted; border-width:thin; border-color:blue;*/
padding-bottom:1em;
} 
row { display:table-row; 
}
cell { display:table-cell;
  padding-left:0.5em;
  padding-right:0.5em;
}

lcell, rcell, ccell {
  display:table-cell;
  padding-left:0.25em;
  padding-right:0.25em;
}

lcell { text-align:left; padding-left:1em;width:35%;}
rcell { text-align:right; padding-right:1em;width:35%}
ccell { text-align:center;width:20%}
/*ccell { text-align: "."; }*/
ccell:hover {background-color:black;color:white;cursor:pointer}

hi{color:blue; font-size:1.1em;}
ho{font-size:1.1em;}
hi:hover {background-color:yellow;color:black;cursor:pointer}
ho:hover {background-color:yellow;color:black;cursor:pointer}

lex { display:none; }
rex { display:none; }

.c {text-align:center}
.l {text-align:left}
.r {text-align:right}


.smallcaps {
	font-family:Arial;
	padding-left:0.25em; padding-right:0.25em;
	font-variant:small-caps;
	font-size:0.8em;
}

#save, #bitext, #context, #collocate, .all, #leading, #trailing, #middle {
	font-family:Arial;
	padding-left:0.25em; padding-right:0.25em;
	font-variant:small-caps;
	font-size:0.6em;
	border:thin solid black;
}
#save:hover {background-color:lightgray; cursor:pointer}
#bitext:hover {background-color:lightgray; cursor:pointer}
#context:hover {background-color:lightgray; cursor:pointer}
#collocate:hover {background-color:lightgray;color:black; cursor:pointer}
#leading:hover {background-color:lightgray; cursor:pointer}
#trailing:hover {background-color:lightgray; cursor:pointer}
#middle:hover {background-color:lightgray; cursor:pointer}
span.all:hover {background-color:lightgray; cursor:pointer}
span.point:hover {background-color:lightgray; cursor:pointer}

#save {
	background-color:white;
	color:black;
}

#bitext {
	background-color:cyan;
	color:black;
}
#context {
	background-color:yellow;
	color:black;
}
#collocate {
	background-color:black;
	color:white;
        font-weight:bold;
}

.all {
	background-color:white;
	color:black;
}
#leading {
	background-color:cyan;
	color:black;
}

#trailing {
	background-color:yellow;
	color:black;
}

#middle {
	background-color:black;
	color:white;
}

.leadBorder, .trailBorder, .midBorder {
	padding-left:1em;
	display:none;
}
.leadBorder { border-left:thick dotted cyan; }
.trailBorder { border-left:thick dotted yellow; }
.midBorder { border-left:thick dotted black; }

orth {
	font-family:Loma,Thonburi, Arial Unicode MS,Tahoma;
	font-size:1.1em;
}

orth[type="head"] {
	font-family: Loma,Thonburi,Arial Unicode MS;
	font-size:1.2em;
}

/*
seg { color: #FF5555; }
seg:before { content:"["; }
seg:after { content:"]"; }
*/

formx[type="alt"]:before {
	font-variant:small-caps;
	content: "(bound form [" attr(subtype) "]: " ;
}
formx[type="alt"]:after {
	font-variant:small-caps;
	content: ")" ;
}

formx[type="other"]:before {
	font-variant:small-caps;
	content: "(found in?: " ;
}
formx[type="other"]:after {
	font-variant:small-caps;
	content: ")" ;
}


formx[id]:after {
	font-size:0.6em;
	content: "[" attr(id) "]" ;
}

phr:before { content:"("; }
phr:after { content:")"; }
w:before {
	color:#0000FF;
	content: attr(lemma);
}
w:after { content: " "; }
w:hover {cursor:pointer;}


mention[LANG=ENG] {
	font-family:Arial;
	font-size:10pt;
	vertical-align:0%;
}

oref:before { 
	content: "~";
	color:#0000FF;
}

pron {
	font-family:Doulos Sil;
	font-size:1.2em;
}

pron:before { content: " /" ; }
pron:after { content: "/ " ; }

pron[type="search"] {
  display:none;
}

pron:before { content: " /" ; }
pron:after { content: "/ " ; }

pron[type="search"] {
  display:none;
}

sense {
	display:block;
	margin-left:1em;
}

etym:before { 
	font-weight:bold;
	font-variant:small-caps;
	content: "ety: " ;
}

etym {
	padding-left:10px;
}

pos, xpos {
	font-variant:small-caps;
}

pos:before { }
pos:after { content: "." ; }

xpos:before { }
xpos:after { content: "" ; }
/*xpos does not need a closing ., I think*/

lbl {	
	font-style: italic;
        text-transform: lowercase;
	font-variant:small-caps;
	text-decoration:overline;
}

usg[type=''] {	
	font-style: italic;
	font-variant:small-caps;
}

usg[usage]:before {
  font-variant:small-caps;
  content: "(usage: " attr(usage) ") ";
}

usg[subject]:before {
  font-variant:small-caps;
  content: "(subject: " attr(subject) ") ";
}

usg[type="classifier"] { }
usg[type="classifier"]:before {
  font-variant:small-caps;
  content: "(classifier: ";
}
usg[type="classifier"]:after { content: ")"; }

usg[type="auxiliary"] { }
usg[type="auxiliary"]:before {
  font-variant:small-caps;
  content: "(auxiliary: ";
}
usg[type="auxiliary"]:after { content: ")"; }

xr[type]:before {
        font-variant:small-caps;
        font-weight:bold;
        content: "" attr(type) ": " ;
}

xr[type]:after {
        font-variant:small-caps;
        font-weight:bold;
        content: " ";
}


re {
	display:block;
	margin-left:2em;
}

re[type]:before {
  font-variant:small-caps;
  content: attr(type) ": ";
}
re[subtype]:before {
  font-variant:small-caps;
  content: attr(subtype) ": ";
}

re[targetSense]:after {
	font-variant:small-caps;
	content: " (sense " attr(targetSense) ") ";
}

note {
	display: block;
	margin-left:2em;
}
note:before{
	font-variant:small-caps;
	content: "note: ";
}
note[targetSense]:before {
	font-variant:small-caps;
	content: "note (def " attr(targetSense) "): ";
}
note[targetSense="0"]:before { /*suppress note 0*/
	content: "";
}

def {
     font-family : Arial;
}

lang {
	font-weight:bold;
}

entry {
	display:block;
	font-family : "Arial Unicode MS,Arial,Tahoma";
}

subentry {
	display:block;
	margin-top: 0.25em;
	margin-left: 2.5em;
        text-indent: -1em;
}

/*
subentry:first-letter {
	margin-left:-0.5em;
}
*/

num {
	font-family: "Arial Unicode MS,Arial,Tahoma";
	padding-left:0.45em;
        font-size:0.8em;
}

/*
num:after{ content: " " ; }
*/

id {
	font-family: "Arial Unicode MS,Arial,Tahoma";
	font-size : 6pt;
	font-weight : bold;
	font-variant:small-caps;
}

misc:before{ content: " " ; }
misc:after{ content: " " ; }


title { display:block; font-size:14pt; text-align:center; }

/*
Below, note NO SPACE before the [att]
[att] Match when the element sets the "att" attribute, whatever the value of the attribute. 
[att=val] Match when the element's "att" attribute value is exactly "val". 
[att~=val] Match when the element's "att" attribute value is a space-separated list of "words", one of which is exactly "val". If this selector is used, the words in the value must not contain spaces (since they are separated by spaces).
*/