#t-c1-linenumbers {width: 45px;}
#t-c2-linenumbers {width: 25px;}

#t-c1-left {font-size: 70%;}
#t-c1c2-gutter {font-size: 70%;}
#t-c2-right {font-size: 70%; width: 600px }
#t-c1-text {width:600px;}
#t-c2-text {width:600px;}
#t-c2-left {width:600px; font-size: 70%}
#t-c1-left note {display:block}
#t-c1c2-gutter note {display:block; text-align: center}
#t-c2-right note {display:block}
#t-c1-text div {display: inline}
#t-a {display: flex}
#t-cols {display: flex; flex-direction: column}
#t-b {display: flex; flex-direction: column }
#t-b-banner-text {font-size: 120%; font-weight:bold; margin-top: 5px; margin-bottom: 5px; margin-left: 200px}
#t-b-body {display: flex;}


fw::before {content:' '}

rdg[type="orig"] {display:none}
rdg[type="mod"] {display:none}

.lineN {font-size: 70%;}

div>br:first-child {display:none}

seg[rend=int]::before{content:"\\"}
seg[rend=int]::after{content:"/"}
seg[rend=int]{font-size: .83em;  line-height: 0.5em; vertical-align: baseline;  position: relative; top: -0.4em;}
seg[rend=cr]{font-size:80%}
seg[type=overwritten]{font-family:'junicodebold'}
supplied {color:green}
hi[rend=er] {color:green}
hi[rend=red] {color:red}
hi[rend=ital] {font-family: 'junicodeitalic'}
hi[rend=other] {font-family: 'junicodebold'; font-size: 110%}
l[rend=red] {color: red}
l[rend=other] {font-family: 'junicodebold'; font-size: 110%}
note[rend=in] {display:inline; vertical-align: super; font-size:70%}
fw[place=tr][type=pageNum] {display:block; text-align:right}
a {text-decoration:none}

#editorial .popAppFrame {width: 600px; border: solid} 

/* note lines rend=rm must NOT have a lb/ before them */

seg[rend=indent160] {margin-left:160px;}
seg[rend=indent40] {margin-left:40px;}
seg[rend=indent20] {margin-left:20px;}

l[rend=rm]{position:relative; top: 10px; font-size:80%}  
l[rend=indent80] {margin-left:80px;}
l[rend=indent60] {margin-left:60px;}
l[rend=indent40] {margin-left:40px;}
l[rend=indent20] {margin-left:20px;}
hi[rend=ul]{text-decoration: underline;}
seg[rend=strike]{ text-decoration: line-through;}
seg[type=st]{ text-decoration: line-through;}
/* after converting space and gap to span*/
span[unit=lines][quantity="1"] {display: block;height: 8px;}
span[unit=lines][quantity="2"] {display: block; height: 15px;}
span[unit=lines][quantity="3"] {display: block;height: 30px;}
span[unit=lines][quantity="4"] {display: block;height: 40px;}
span[unit=lines][quantity="5"] {display: block;height: 50px;}
span[unit=lines][quantity="6"] {display: block;height: 60px;}
span[unit=lines][quantity="7"] {display: block;height: 70px;}
span[unit=lines][quantity="8"] {display: block;height: 80px;}
span[unit=lines][quantity="23"] {display: block;height: 230px;}
span[unit=chars][quantity="6"]::before {content: '[......]'; color:green}
span[unit=chars][quantity="7"]::before {content: '[.......]'; color:green}
span[unit=chars][quantity="1"]::before {content: '..'; color:gree}
span.ud {display: inline-block; position: relative; }
span.ud::before {content: '.';display: inline-block; position: absolute; font-size: 110%; bottom: -0.20em; left: 0; text-align: center;width: 100%;}

#OAstatement {width: 700px; height: 14px; font-size: 85%; background-color: #fff7e8; color: black; border-radius: 10px; border: 2px solid white;}

#OAstatement img { height: 18px; position: relative; top: 5px;}

#OAstatement p { margin-top: 2px; margin-bottom: 2px; margin-left: 15px; margin-right: 15px;}

#topframe {
	display: flex;
}

#mainframe {
	display: flex;
	margin-bottom: 15px;
}

#bottomframe {
	display: flex;
	margin-bottom: 15px
}


#text-header {
	text-align: center;
}

#text {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: "Junicode";
	width: 750px; 
/*	transform: rotate(0deg);	  
needed to reset viewport to enable scrolling of fixed elements. see http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/		*/																																																																																				
}

#appmenu {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#tl {
	text-align: left;
	flex-basis: 80px;
}

#tm {
	text-align: center;
	flex-basis: 540px;
}

#tr {
	text-align: right;
	flex-basis: 80px;
}

#main-l {
	text-align: left;
	font-size: 70%;
	flex-basis: 175px;
}

#linenumber {
	text-align: left;
	flex-basis: 30px;
}

#main-m {
	text-align: left;
	flex-basis: 370px;
}

#main-m div {
	display: inline;
}

#main-r {	
	flex-basis: 175px;
	font-size: 70%
}

#bl {
	text-align: left;
	flex-basis: 80px;
}

#bm {
	text-align: center;
	flex-basis: 540px;
}

#br {
	text-align: right;
	flex-basis: 80px;
}

#currpage {
	font-weight: bold;
}

ex {
	font-style: italic;
}

.cfText ex {display: none}
.cfText note {display: none}

span.gap {
	background: grey;
}

unclear {
	background: grey;
}

l[n="IRE"] {
	font-weight: bold;
}

l[n="FRE"] {
	font-weight: bold;
}

l[n="IRL"] {
	font-weight: bold;
}

l[n="FRL"] {
	font-weight: bold;
}

hi[rend="orncp9"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -0.18em;
  color: blue;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 2px;
  font-size: 160px;
}
hi[rend="orncp8"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -0.18em;
  color: blue;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 2px;
  font-size: 192px;
}

hi[rend="orncp6"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -0.18em;
  color: blue;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 2px;
  font-size: 144px;
}

hi[rend="orncp5"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -0.18em;
  color: blue;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 2px;
  font-size: 120px;
}


hi[rend="orncp4"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -0.18em;
  color: blue;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 2px;
  font-size: 96px;
}


hi[rend="orncp3"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -0.18em;
  color: blue;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 2px;
  font-size: 72px;
}

hi[rend="unexcp4"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -2.5em;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 40px;
  font-size: 60%;
  line-height: 96px;
}

hi[rend="unexcp3"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -2.5em;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 40px;
  font-size: 60%;
  line-height: 72px;
}

hi[rend="unexcp2"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -1.5em;
  margin-bottom: -0.5em;
  margin-left: -18px;
  margin-right: 25px;
  font-size: 60%;
  line-height: 48px;
}


hi[rend="orncp2"] {
  padding-left: 5px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -0.1em;
  color: blue;
  margin-bottom: -0.19em;
  margin-left: -18px;
  margin-right: 2px;
  font-size: 36px;
}

hi[rend="orncp2-up"] {
 line-height: 16px;
  font-size: 36px;
}

hi[rend="orncp5-up"] {
 line-height: 16px;
  font-size: 100px;
  margin-left: -36px;
}

hi[rend="orncp6-up"] {
 line-height: 16px;
  font-size: 120px;
  margin-left: -36px;
}

hi[rend="orncp7-up"] {
 line-height: 16px;
  font-size: 160px;
  margin-left: -36px;
}

hi[rend="orncp8-up"] {
 line-height: 16px;
  font-size: 180px;
  margin-left: -36px;
}

.vMapMs {font-size:85%}

.popAppFrame {display: flex;flex-direction: columm; align-items: center; margin: 2px}
.popAppWordRow {display: flex}
.popAppWordRow:last-child {display: none}
.popAppWordRdg {flex: 0 0 150px;}
.popAppWordNwits  {width: 25px; flex-grow: 0; flex-shrink: 0; margin-left: 3px; margin-right: 3px; text-align: center}
.popAppWordWitsCont  {flex-grow: 1}
.popAppWordWitsAny {font-family: 'junicode';}
#popAppTitle { font-family: 'junicodebold';}
.collLemmaText {color:red}


.popApp {display:flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px}
.popAppFrame {display: flex; flex-direction: column; align-items: center}
#rdgApp {display:flex; align-items: center; line-height: 110%; gap: 20px}
.popAppTitle {display:flex; justify-content: space-between; width: 100%}
span.msRdg {color: red}
span.rdgGroup {display:flex; flex-direction: column; align-items: center; white-space:nowrap}

/* override common css */
div#tipDiv {padding:5px; color:#000;  line-height: 1.5; background-color:#fff7e8; border: thin solid #844D18; font-family: junicoderegular; margin-left: 8px }
.tooltip2 {width:260px}
.tooltip {width:520px; max-height:480px; overflow:scroll; }

p.lemma {
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-indent: -40px;
}

p.variant {
	margin-left: 60px;
	text-indent: -40px;
	margin-bottom: 0px;
	margin-top: 0px;
}

p.variant:last-child {
	display: none;
}

a.cla {position: relative; top: -5px}
img.cli {position: relative; top: 6px}

#searchVBase {background-color: #fff7e8; margin-left: 10px; margin-right:10px}
#searchVBResults {overflow: auto}
#searchContainer {background-color: #fff7e8;}
#aboutVB {display:flex; justify-content: space-around; margin-top: 15px; margin-bottom:10px;}
#searchVBFrame {display:flex; align-items: center; justify-content: space-around; min-width: 575px; overflow: auto;}
#searchVBFrame img {vertical-align: middle}
#doSearchVB {text-align:center; display:flex; justify-content:space-around}
#doSearchVButton {background-color: #FF8C00; color: white; border-color: #FF8C00; padding: 1px 8px; font-size: 14px; line-height: 1.3; border-radius: 6px;}
#VBChoices {display:flex; justify-content: space-between;margin-top: 10px; font-size: 90%; margin-bottom: 10px}
#witList {flex: 1 0 250px; margin-left: 20px};
#VBchooseSpan {flex: 0 0 160px}
#VBchoose {margin-left: 20px}
#presetVBs {text-align: center; margin-top: 7px; display:flex; justify-content: space-around;}
#VBFrameContainer {width: 100%; overflow: auto};
#VBResultsHead {text-align: center;}
.preset {white-space: nowrap;}
#searchVBContainer  { margin-left: 10px; margin-right: 10px}
div.VBLemma {font-weight: bold; margin-left: 20px; margin-top: 10px;}
div.VBReading {display:flex; margin-left: 35px; justify-content: flex-start;}
span.VBRdg {flex: 0 0 150px;}
span.VBRdgNWits {flex: 0 0 20px;}
#VBerror {text-align: center; margin: 10px; color: red;}

.msInf {background-color: #CBBAA1;}