body,div,p {font-size:1em;font-family:Skia,sans-serif}
body {margin:0;padding:0;background:#fff}
div.centred-page-aligned-left {height:530em}
div.nav_container {height:520em}
div.ob_replacer {height:528em}
div.pairTrap {position:relative;width:46.2em;margin:0;padding:0.6em;background:white;float:left;clear:right}
div.pairL {position:relative;width:27.8em;float:left;padding:0;margin:0}
div.pairL#wideLeft {width:30.2em}
div.pairL#narrowDiv {width:22.2em}
div.pairR {position:relative;width:16.4em;clear:right;float:left;background:#ddd;color:#444;padding:0.4em;margin:0}
div.pairR#wideRight {width:22em}

h1.page {display:inline;font-size:1.6em;line-height:1.2em;color:#4b9;font-weight:normal}
h2.n a:link, h2.n a:visited {display:block;padding:2pt;padding-right:3mm;float:left;font-size:13pt;margin-right:10px;margin-left:10px;color:white;background:#aaa}
h2.n a:hover, h2.n a:active {background:#cec;color:#4b9}
/*div.links h3 {display:inline;margin-right:0;padding:0}*/
h4 {display:block;margin:2pt;padding:3pt;font-size:12pt;font-weight:normal}
h5 {display:inline;font-size:14pt;color:#888;font-weight:normal;margin:0}
p {margin-left:0}
pre {margin:2mm;margin-top:2.5mm;margin-bottom:1mm;clear:left;font-size:11pt;font-family:Skia,sans-serif;color:#888;line-height:14pt}
pre.m {margin-top:5mm;color:black;font-size:13pt;line-height:14pt}
p.step {display:inline;color:#bbb;position:relative;top:4px;font-size:0.8em}
a {color:#444;text-decoration:none}
a:hover {color:black}

/*buttons*/
h4.v a {background:#c8a8b8;border:solid 1px #b9a}
h4#v1 {padding:1pt;margin:0.6em;float:left}
a.u img, a.v img /*keep dimensions as px to keep buttons aligned*/
{width:11px;height:11px;border:none;padding:0;padding-top:1px;margin:0;position:relative;top:1px;}
a:link.u, a:link.v, a:link.p, a:link.ix, a:visited.u, a:visited.v, a:visited.p, a:visited.ix {
	margin-right:1px;font-size:10px;padding-bottom:1px;padding-top:2px;
	background:#c8a8b8;color:#869;font-family:courier,monospace;font-weight:bold;
	border:solid 1px #b9a;border-bottom-color:#425;border-right-color:#425}
#v1 a:link, #v1 a:visited {padding-left:14px;padding-right:2px;color:#869;font-family:Skia,sans-serif;font-size:12px}
#v1 a:hover, #v1 a:active {color:#425}
a:link.p, a:visited.p {padding-top:1px;padding-bottom:2px;position:relative;top:-1px}
a:link.ix, a:visited.ix, a:active.ix, a:hover.ix {
	background-image:url(imF/up);background-repeat:no-repeat;background-position:2px 1px;
	font-size:13px;padding-right:2px;padding-left:14px;padding-top:1px;padding-bottom:0;margin-left:5px;margin-right:1px}
a:hover.u, a:hover.v, a:hover.p, a:hover.ix {border-color:#ecd;border-bottom-color:#203;border-right-color:#203;color:#425}
a:active.u, a:active.v, a:active.p, a:active.ix {border-color:#203;border-bottom-color:#dbc;border-right-color:#dbc;color:#425}
a:link.u, a:visited.u, a:active.u, a:hover.u {width:14px;color:#c8a8b8;background-image:url(imF/up);background-repeat:no-repeat;background-position:1px 1px}
a:link.v, a:visited.v, a:active.v, a:hover.v {width:14px;color:#c8a8b8;background-image:url(imF/dn);background-repeat:no-repeat;background-position:1px 1px}

/*index mouseover*/
div#song_index {width:45em;margin:0;padding:0;padding-top:0.2em;background:#dfd;float:left}
#song_index h3 {padding-left:3mm}
#song_index ul {list-style:none;padding:0.6em;padding-top:0.3em;margin:0;width:47em}
li {float:left;clear:right;border-style:solid;border-width:1px;border-color:transparent;padding:0;position:relative;width:40em;text-align:left;margin:1px;height:4mm}
li#header {background:#cec;color:#4b9;padding:1mm;padding-left:1em;padding-bottom:0;width:39em;}
#header i.en {color:#4b9}
li a {color:#444}
li a:hover {color:black}
.sR {font-size:9pt}
span.sL {position:relative;width:22em;float:left; text-align:left;padding:1px;padding-top:0;margin-top:0}
a:link span.sL {color:#444}
a:visited span.sL {color:#888}
a:hover span.sL {color:black}
a:active span.sL {color:#0fc}
span.sR {float:right;text-align:right;top:1px;padding:1px;padding-top:2px;margin-top:0;color:#9a9}
p.sR {text-align:right;margin:3mm;color:#bbb}
i.en {font-size:10pt;font-style:italic;color:#666}
.note {font-size:9pt;margin-left:0px}

/*song repeats*/
b {margin-right:1mm; font-weight:normal;color:#666}

/*complex styling [font larger than line height is enough for most browsers] is to get safari to join the gaps between the |s*/
b,b.t,b.u {display:inline;line-height:10pt;font-size:17pt;max-height:9pt;max-width:6pt;margin:0;padding:0;padding-right:2pt}
b.t {position:relative;top:-4px}
b.u {position:relative;top:4px}
b.f {font-size:12pt;color:#ccc}

/* bottom */
#botL {width:14em;height:22em;clear:left;float:left;background:#e0ffe0;padding:1em;padding-right:0;margin:0}
#hrL {margin:0.5em;margin-right:0;width:14em;float:right}
#hrR {margin:0.5em;margin-left:0;width:14em}
#botC {width:14em;height:22em;padding:1em;margin:0;float:left;text-align:center;background:#e0e0ff}
#botR {width:14em;height:22em;float:left;clear:right;background:#ffd;padding:1em;padding-left:0;margin:0}