@charset "utf-8";

/*
Standard classes
© Mark Iliff, Talespinner (www.talespinner.co.uk)
2008+ | resynchronised 2024-03
*/


/* scheme colours */
:root {
	--redWarn: 		#cd2748;
	--greenConf:	#006400;
	--orangeCue: 	#e47000;
	--orangeBG: 	#ffd687;
	--yellowBG: 	#ffffc0;
}


/*Text style & alignment
**************************************************/
.plain 				{ font-style: normal; font-weight: normal; }
.ital 				{ font-style: italic; }
.bold 				{ font-weight: bold; }
.mono 				{ font-family: "Courier New", Courier, monospace; }
.strike 			{ text-decoration: line-through; }
.dblStrike			{ text-decoration-line: line-through; text-decoration-style: double; }

.left   			{ text-align: left; }
.mid    			{ text-align: center; }
.right  			{ text-align: right; }
.both   			{ text-align: justify; }
.vTop   			{ vertical-align: top; }
.vMid   			{ vertical-align: middle; }
.vBot   			{ vertical-align: bottom; }
.vTBot 				{ vertical-align: text-bottom}

.feint 				{ color: #606060; }
.feinter		 	{ color: #909090; }
.grey 				{ color: gray; }
.black 				{ color: black; }
.white 				{ color: white; }
.silver 			{ color: silver; }
.red, .err 			{ color: var( --redWarn ); }
.orange 			{ color: var( --orangeCue ); }
.green 				{ color: var( --greenConf ); }

.floatL 			{ float: left; }
.floatR 			{ float: right; }
.floatM 			{ margin: 0 auto; }

.clear 				{ clear: both; }
.clearL				{ clear: left; }
.clearR			 	{ clear: right; }
.clearA			 	{ overflow: auto; } 		/* clear after */

.cNormal 			{ text-transform: none; }
.cProper 			{ text-transform: capitalize; }
.cLower 			{ text-transform: lowercase; }
.cUpper 			{ text-transform: uppercase; }

/*Text size
**************************************************/
/* Down to 40: em-based */
.s300 				{ font-size: 3em; }
.s240 				{ font-size: 2.4em; }
.s200 				{ font-size: 2em; }
.s180 				{ font-size: 1.8em; }
.s150 				{ font-size: 1.5em; }
.s135 				{ font-size: 1.35em; }
.s125 				{ font-size: 1.25em; }
.s120 				{ font-size: 1.2em; }
.s115 				{ font-size: 1.15em; }
.s110 				{ font-size: 1.1em; }
.s105 				{ font-size: 1.05em; }
.s100 				{ font-size: 1em; }
.s95 				{ font-size: 0.95em; }
.s90 				{ font-size: 0.9em; }
.s85 				{ font-size: 0.85em; }
.s80 				{ font-size: 0.8em; }
.s75 				{ font-size: 0.75em; }
.s70 				{ font-size: 0.7em; } 		/* Normal legal min for small print */
.s60 				{ font-size: 0.6em; } 		/* Use only for spanning within an enlarging tag (eg h1) */
.s50 				{ font-size: 0.5em; } 		/* Use only for spanning within an enlarging tag (eg h1) */
.s40 				{ font-size: 0.4em; } 		/* Use only for spanning within an enlarging tag (eg h1) */
	
/* Below 40: px-based */
.s20 				{ font-size: 20px; }
.s18 				{ font-size: 18px; }
.s12 				{ font-size: 12px; }
	
/* Line height/spacing
**************************************************/
.lh1 				{ line-height: 1; }
.lh0, .ls0 			{ line-height: 1em; }
.ls1 				{ line-height: 1.1em; }
.ls2 				{ line-height: 1.2em; }
.ls4 				{ line-height: 1.4em; }
.ls7 				{ line-height: 1.7em; }

/*Object width
**************************************************/
.wA 				{ width: auto; }

.w100 				{ width: 100%; }
.w99 				{ width: 99%; } 			/* Chrome doesn't like w100 with borders */
.w98 				{ width: 98%; }
.w95 				{ width: 95%; }
.w90 				{ width: 90%; }
.w85 				{ width: 85%; }
.w80 				{ width: 80%; }
.w75 				{ width: 75%; }
.w70 				{ width: 70%; }
.w65 				{ width: 65%; }
.w60 				{ width: 60%; }
.w55 				{ width: 55%; }
.w50 				{ width: 50%; }
.w45 				{ width: 45%; }
.w40 				{ width: 40%; }
.w35 				{ width: 35%; }
.w30 				{ width: 30%; }
.w25 				{ width: 25%; }
.w20 				{ width: 20%; }
.w16 				{ width: 16%; }
.w15 				{ width: 15%; }
.w12 				{ width: 12%; }
.w10 				{ width: 10%; }
.w8 				{ width: 8%; }
.w5 				{ width: 5%; }
.w4 				{ width: 4%; }
.w0 				{ width: 0; }

.w36m 				{ width: 36em; }
.w24m 				{ width: 24em; }
.w18m 				{ width: 18em; }
.w12m 				{ width: 12em; }
.w8m 				{ width: 8em; }
.w7m 				{ width: 7em; }
.w6m 				{ width: 6em; }
.w5m 				{ width: 5em; }
.w4m 				{ width: 4em; }
.w3m 				{ width: 3em; }
.w2m 				{ width: 2em; }
.w1m 				{ width: 1em; }
.w1x 				{ width: 1ex; }

.w640 				{ width: 640px; }
.w600 				{ width: 600px; }
.w500 				{ width: 500px; }
.w350 				{ width: 350px; }
.w300 				{ width: 300px; }
.w240 				{ width: 240px; }
.w200 				{ width: 200px; }
.w150 				{ width: 150px; }
.w100px 			{ width: 100px; }
.w80px 				{ width: 80px; }
.w50px 				{ width: 50px; }
	
.xw1250     		{ max-width: 1250px; }        /* watch mw for xw */
.xw1000	 			{ max-width: 1000px; }
.xw800				{ max-width: 800px; }
.xw640				{ max-width: 640px; }
.xw500				{ max-width: 500px; }
.xw350				{ max-width: 350px; }
.xw240				{ max-width: 240px; }
.xw100				{ max-width: 100%; }
.xw48m				{ max-width: 48em; }
.xw36m				{ max-width: 36em; }
.xw24m				{ max-width: 24em; }
.xw30 				{ max-width: 30%; }

.nw500 				{ min-width: 500px; }
.nw5 				{ min-width: 5px; }
.nw2m  				{ min-width: 2em; }

/*Object margins & padding
**************************************************/
.pm0 				{ padding: 0; margin: 0; }
.pm5 				{ padding: 5px; margin: 5px; }

.mA					{ margin: auto; }				/* centres block element */
.mxm				{ margin: 1ex 1em; }			/* margins top/btm 1ex & l/r 1em */
.m2m 				{ margin: 2em; }
.m1m 				{ margin: 1em; }
.m5 				{ margin: 5px; }
.m0 				{ margin: 0; }

.mT100 				{ margin-top: 100px; }
.mT-4 				{ margin-top: -4em; }
.mT-2 				{ margin-top: -2em; }
.mT-1 				{ margin-top: -1em; }
.mT0 				{ margin-top: 0; }
.mT05 				{ margin-top: 0.5em; }
.mT1x 				{ margin-top: 1ex; }
.mT1 				{ margin-top: 1em; }
.mT2 				{ margin-top: 2em; }
.mT3 				{ margin-top: 3em; }
.mT4 				{ margin-top: 4em; }
.mR2 				{ margin-right: 2em; }
.mR1 				{ margin-right: 1em; }
.mR10 				{ margin-right: 10px; }
.mR5 				{ margin-right: 5px; }
.mR0				{ margin-right: 0; }
.mB0 				{ margin-bottom: 0; }
.mB1x 				{ margin-bottom: 1ex; }
.mB1 				{ margin-bottom: 1em; }
.mB2 				{ margin-bottom: 2em; }
.mB3 				{ margin-bottom: 3em; }
.mB4 				{ margin-bottom: 4em; }
.mL200 				{ margin-left: 200px; }
.mL2 				{ margin-left: 2em; }
.mL1 				{ margin-left: 1em; }
.mL5 				{ margin-left: 5px; }
.mL0 				{ margin-left: 0; }

img.floatL, figure.floatL 
            		{ margin: 0 1em 1ex 0; }
img.floatR, figure.floatR 
          			{ margin: 0 0 1ex 1em; }

.p2m 				{ padding: 2em; }
.p20 				{ padding: 20px; }
.p10 				{ padding: 10px; }
.p10-20 			{ padding: 10px 20px; }
.p20-10 			{ padding: 20px 10px; }
.p5-10 				{ padding: 5px 10px; }
.p5 				{ padding: 5px; }
.p3 				{ padding: 3px; }
.p2 				{ padding: 2px; }
.p1 				{ padding: 1px; }
.p5-0 				{ padding: 5px 0; }
.p0-5 				{ padding: 0 5px; }
.p0 				{ padding: 0; }

.pT4 				{ padding-top: 4em; }
.pT3 				{ padding-top: 3em; }
.pT2 				{ padding-top: 2em; }
.pT1 				{ padding-top: 1em; }
.pT1x 				{ padding-top: 1ex; }
.pT10 				{ padding-top: 10px; }
.pT5 				{ padding-top: 5px; }
.pR1 				{ padding-right: 1em; }
.pB2 				{ padding-bottom: 2em; }
.pB1 				{ padding-bottom: 1em; }
.pB10 				{ padding-bottom: 10px; }
.pB5 				{ padding-bottom: 5px; }
.pL1 				{ padding-left: 1em; }

/*Backgrounds
**************************************************/
.bg0 				{ background: none; }
.bgWhite 			{ background-color: white; }
.bgSilver 			{ background-color: #eee; }
.bgGrey 			{ background-color: gray; }
.bgCharc 			{ background-color: #444; }
.bgDark 			{ background-color: #181818; }
.bgLemon, .err		{ background-color: var( --yellowBG ); }
.bgOrange 			{ background-color: var( --orangeBG ); }
.bgGreyGlass 		{ background: rgba( 192, 192, 192, 0.4 ); }
.o20 				{ opacity: 0.2; }
.o50 				{ opacity: 0.5; }
.o90 				{ opacity: 0.9; }

.crossHatch			{ background: url( '/img/widg/crossHatch.png' ) repeat; }   /* depends on the image being there */
	
/*Borders 
**************************************************/
.bdr1 				{ border: 1px solid black; }
.bdr2 				{ border: 2px solid black; }
.bdr1Silv 			{ border: 1px solid silver; }
.bdr1Red 			{ border: 1px solid var( --redWarn ); }
.bB_black, .bB		{ border-bottom: 1px solid black; }
.bT_grey 			{ border-top: 1px solid gray; }
.bB_grey 			{ border-bottom: 1px solid gray; }
.bT_silv 			{ border-top: 1px solid silver; }
.bB_silv 			{ border-bottom: 1px solid silver; }

.bdr0, a.bdr0:hover { border: none; text-decoration: none; }

.bdrTot 			{ padding: 1ex 0; vertical-align: middle; border-top: 1px solid black; border-bottom: 3px double black; }
.bdrTotGrey			{ padding: 1ex 0; vertical-align: middle; border-top: 1px solid gray; border-bottom: 3px double gray; }


/* Display
**************************************************/
.show, .block 		{ display: block; }
.hide, .none, .jsOnly 
					{ display: none; }
.inline 			{ display: inline; }
.inBlo 				{ display: inline-block; }

.v0					{ visibility: hidden; }
.v1					{ visibility: visible; }

.posA, .absolute	{ position: absolute; }
.posR, .relative	{ position: relative; }
.fixed 				{ position: fixed; }

.clip 				{ overflow: hidden; }
.clipNot 			{ overflow: visible; }
.clipAuto, .hugFloat	
					{ overflow: auto; }

.tog 				{ white-space: nowrap; }
.noBreak			{ white-space: pre; }
.hyphenate 			{ hyphens: auto; }
.pointy 			{ cursor: pointer; }

@media print {  
	.noPrint 		{ display: none; } 
	.printP0 		{ padding: 0; }
}
@media screen { 
	.noShow 		{ display: none; } 
}

/* shadows & curves
**************************************************/
.r90 				{ transform: rotate( 90deg ); }
.r90anti 			{ transform: rotate( -90deg ); }

.shad3 				{ box-shadow: 3px 3px 5px #ccc; }
.shad3t 			{ box-shadow: 3px 3px 5px rgba( 0, 0, 0, 0.5 ); }

.txtShad 			{ text-shadow: 3px 3px 5px #ccc; }

.round6 			{ border-radius: 6px; }
.round6W 			{ border-top-left-radius: 6px; border-bottom-left-radius: 6px; }		/* West (left) corners rounded */

.round12 			{ border-radius: 12px; }
.round12N 			{ border-top-left-radius: 12px; border-top-right-radius: 12px; }		/* North (top) corners rounded */
.round12E 			{ border-top-right-radius: 12px; border-bottom-right-radius: 12px; }	/* East (right) corners rounded */
.round12S 			{ border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }	/* South (bottom) corners rounded */
.round12W 			{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; }		/* West (left) corners rounded */
.round12NE 			{ border-top-right-radius: 12px; }										/* Northeast (top right) corner rounded */
.round12SE 			{ border-bottom-right-radius: 12px; }									/* Southeast (bottom right) corner rounded */
.round12SW 			{ border-bottom-left-radius: 12px; }									/* Southwest (bottom left) corner rounded */
.round12NW 			{ border-top-left-radius: 12px; }										/* Northwest (top left) corner rounded */

.round24 			{ border-radius: 24px; }
.round24W 			{ border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
.round24E 			{ border-top-right-radius: 24px; border-bottom-right-radius: 24px; }
.round24S 			{ border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }
.round24NE 			{ border-top-right-radius: 24px; }
.round24SW 			{ border-bottom-left-radius: 24px; }