@charset "utf-8";

/*
Standard classes
© Mark Iliff, Talespinner (www.talespinner.co.uk)
2008+
*/


/*Text style & alignment
**************************************************/
	.plain {font-style: normal; font-weight: normal}
	.ital {font-style: italic}
	.bold {font-weight: bold}

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

	.feint { color: #606060; }
	.feinter { color: #909090; }
	.black { color: black; }
	.grey { color: gray; }
	.silver { color: silver; }
	.white { color: white; }
	.red { color: #cd2748; }

	.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}
	
	.floatL {float: left}
	.floatR {float: right}
	.floatM {margin: 0 auto}
	
	.clear {clear: both}
	.clearL {clear: left}
	.clearR {clear: right}
	.clearA { overflow: auto; } /* clear after */

	.strike {text-decoration: line-through}

	.mono {font-family: "Courier New", Courier, monospace}


/*Text size
**************************************************/
	/* Down to 50: 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}
	.s50 {font-size: 0.5em} /*Use only for spanning within an enlarging tag (eg h1)*/
	
	/* Below 50: px-based */
	.s20 { font-size: 20px; }
	.s18 { font-size: 18px; }
	.s12 { font-size: 12px; }
	
	
/* Line height/spacing
**************************************************/
	.lh1 { line-height: 1; }
	.ls2 { line-height: 1.2em; }
	.ls1 { line-height: 1.1em; }
	.ls0 { line-height: 1em; }


/*Object width
**************************************************/
	.w24m { width: 24em; }
	.w18m { width: 18em; }
	.w12m { width: 12em; }
	.w8m { width: 8em; }
	.w7m { width: 7em; }
	.w6m { width: 6em; }
	.w5m { width: 5em; }
	.w4m { width: 4em; }

	.w600 { width: 600px; }
	.w500 { width: 500px; }
	.w200 { width: 200px; }
	.w150 { width: 150px; }
	.w101 { width: 100px; }

	.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; }
	
	.xw1250, .mw1250 { -webkit-max-width: 1250px; max-width: 1250px; }
	.xw1000, .mw1000 { -webkit-max-width: 1000px; max-width: 1000px; }
	.xw640, .mw640 { -webkit-max-width: 640px; max-width: 640px; }
	.xw500, .mw500 { max-width: 500px; }
	.xw100, .mw100 { max-width: 100%; }
	
	.nw500 { min-width: 500px; }


/*Object padding & margins
**************************************************/
	.p2m { padding: 2em; }

	.pT1m { padding-top: 1em; }
	.pR1, .pR1m { padding-right: 1em; }
	.pB1m { padding-bottom: 1em; }
	.pL1m { padding-left: 1em; }

	.pT10 { padding-top: 10px; }
	.pB10 { padding-bottom: 10px; }

	.p20 {padding: 20px}
	.p10 {padding: 10px}

	.p5-10 { padding: 5px 10px; }
	.p5-0 { padding: 5px 0; }
	.p5 {padding: 5px}
	.p3 {padding: 3px}
	.p2 {padding: 2px}
	.p1 {padding: 1px}
	.p0-5 { padding: 0 5px; }
	.p0 {padding: 0}

	.pTop4m { padding-top: 4em }
	.pTop2m { padding-top: 2em }
	.pTop1m, .pT1 { padding-top: 1em }
	.pT5, .pTop5 { padding-top: 5px; }
	.pB1, .pBot1 {padding-bottom: 1em }
	.pB05 { padding-bottom: 0.5em }

	.m2m { margin: 2em; }
	.m1m { margin: 1em; }
	.m5 {margin: 5px}
	.m0 {margin: 0}
	.pm0 {padding: 0; margin: 0}
	.mAuto {margin: auto}

	.mT-4 { margin-top: -4em; }
	.mT-2 { margin-top: -2em; }
	.mT-1 { margin-top: -1em; }
	.mT0 { margin-top: 0; }
	.mT05 { margin-top: 0.5em; }
	.mT1 { margin-top: 1em; }
	.mT2 { margin-top: 2em; }
	.mT3 { margin-top: 3em; }
	.mT4 { margin-top: 4em; }
	
	.mR2 { margin-right: 2em; }
	.mR1 { margin-right: 1em; }
	.mR5 { margin-right: 5px; }
	.mR10 { margin-right: 10px; }

	.mB0, .mBot0 { margin-bottom: 0; }
	.mB05 { margin-bottom: 0.5em; }
	.mB1, .mBot1 { margin-bottom: 1em; }
	.mB2, .mBot2 { margin-bottom: 2em; }
	.mB3, .mBot3 { margin-bottom: 3em; }
	.mB4, .mBot4 { margin-bottom: 4em; }

	.mL2 { margin-left: 2em; }
	.mL1 { margin-left: 1em; }
	.mL5 { margin-left: 5px; }

	.pm5 {padding: 5px; margin: 5px}
	.pm0 {padding: 0; margin: 0}


/*Backgrounds
**************************************************/
	.bg0 {background: none}
	.bgWhite {background-color: white}
	.bgLemon {background-color: #ffffc0}
	.bgSilver {background-color: #eee}
	.bgGrey { background-color: gray; }
	.bgCharc { background-color: #444; }
	
	.o20 { opacity: 0.2; }
	.o50 { opacity: 0.5; }
	.o90 { opacity: 0.9; }
	
	.crossHatch { background-image: url(/img/widg/crossHatch.png); background-repeat: repeat; }
	
	
/*Borders
**************************************************/
	.bdr1 {border: 1px solid black}
	.bdr1Silv {border: 1px solid silver}
	.bdr1Red {border: 1px solid #cd2748}
	.bdr0 {border: 0}
	.bdrBot { border-bottom: 1px solid gray; }
	.bdrTopSilv {border-top: 1px solid silver}
	.bdrBotSilv {border-bottom: 1px solid silver}
	.bdrTotal { padding: 1ex 0; vertical-align: middle; border-top: 1px solid black; border-bottom: 3px double black; }
	.bdrTotalGrey { 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; }

	.pAbs, .ap, .absolute { position: absolute; }
	.pRel, .rp, .relative { position: relative; }
	.fixed { position: fixed; }

	.clip { overflow: hidden; }
	.clipNot { overflow: visible; }
	.clipAuto { overflow: auto; }
	@media print { .noPrint { display: none; } }
	@media screen { .noShow { display: none; } }


	.pointy { cursor: pointer; }
	.clearfix:after { content: ""; display: table; clear: both; }
	img.floatL, img.floatR { margin: 0 1em 1ex 1em; }
	img.floatL { margin-left: 0; }
	img.floatR { margin-right: 0; }


/* CSS3 
**************************************************/
	.shad3 {
		-moz-box-shadow: 3px 3px 5px #ccc;
		-webkit-box-shadow: 3px 3px 5px #ccc;
		box-shadow: 3px 3px 5px #ccc;
		}

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

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

	.round12 {
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
		}
	.round12N { /*North (top) corners rounded*/
		-moz-border-radius-topleft: 12px;
		-webkit-border-top-left-radius: 12px;
		border-top-left-radius: 12px;
		-moz-border-radius-topright: 12px;
		-webkit-border-top-right-radius: 12px;
		border-top-right-radius: 12px;
		}
	.round12E { /*East (right) corners rounded*/
		-moz-border-radius-topright: 12px;
		-webkit-border-top-right-radius: 12px;
		border-top-right-radius: 12px;
		-moz-border-radius-bottomright: 12px;
		-webkit-border-bottom-right-radius: 12px;
		border-bottom-right-radius: 12px;
		}
	.round12S { /*South (bottom) corners rounded*/
		-moz-border-radius-bottomleft: 12px;
		-webkit-border-bottom-left-radius: 12px;
		border-bottom-left-radius: 12px;
		-moz-border-radius-bottomright: 12px;
		-webkit-border-bottom-right-radius: 12px;
		border-bottom-right-radius: 12px;
		}
	.round12W { /*West (left) corners rounded*/
		-moz-border-radius-topleft: 12px;
		-webkit-border-top-left-radius: 12px;
		border-top-left-radius: 12px;
		-moz-border-radius-bottomleft: 12px;
		-webkit-border-bottom-left-radius: 12px;
		border-bottom-left-radius: 12px;
		}

	.round12NE { /*Northeast (top right) corner rounded*/
		-moz-border-radius-topright: 12px;
		-webkit-border-top-right-radius: 12px;
		border-top-right-radius: 12px;
		}
	.round12SE { /*Southeast (bottom right) corner rounded*/
		-moz-border-radius-bottomright: 12px;
		-webkit-border-bottom-right-radius: 12px;
		border-bottom-right-radius: 12px;
		}
	.round12SW { /*Southwest (bottom left) corner rounded*/
		-moz-border-radius-bottomleft: 12px;
		-webkit-border-bottom-left-radius: 12px;
		border-bottom-left-radius: 12px;
		}
	.round12NW { /*Northwest (top left) corner rounded*/
		-moz-border-radius-topleft: 12px;
		-webkit-border-top-left-radius: 12px;
		border-top-left-radius: 12px;
		}

	.round24 {
		-moz-border-radius: 24px;
		-webkit-border-radius: 24px;
		border-radius: 24px;
		}
	.round24W { /*West (left) corners rounded*/
		-moz-border-radius-topleft: 24px;
		-webkit-border-top-left-radius: 24px;
		border-top-left-radius: 24px;
		-moz-border-radius-bottomleft: 24px;
		-webkit-border-bottom-left-radius: 24px;
		border-bottom-left-radius: 24px;
		}
	.round24E { /*East (right) corners rounded*/
		-moz-border-radius-topright: 24px;
		-webkit-border-top-right-radius: 24px;
		border-top-right-radius: 24px;
		-moz-border-radius-bottomright: 24px;
		-webkit-border-bottom-right-radius: 24px;
		border-bottom-right-radius: 24px;
		}
	.round24S { /*South (bottom) corners rounded*/
		-moz-border-radius-bottomleft: 24px;
		-webkit-border-bottom-left-radius: 24px;
		border-bottom-left-radius: 24px;
		-moz-border-radius-bottomright: 24px;
		-webkit-border-bottom-right-radius: 24px;
		border-bottom-right-radius: 24px;
		}
	.round24NE { /*Northeast (top right) corner rounded*/
		-moz-border-radius-topright: 24px;
		-webkit-border-top-right-radius: 24px;
		border-top-right-radius: 24px;
		}
	.round24SW { /*Southwest (bottom left) corner rounded*/
		-moz-border-radius-bottomleft: 24px;
		-webkit-border-bottom-left-radius: 24px;
		border-bottom-left-radius: 24px;
		}
		
	.round36 {
		-moz-border-radius: 36px;
		-webkit-border-radius: 36px;
		border-radius: 36px;
		}
	.round36NE { /*Northeast (top right) corner rounded*/
		-moz-border-radius-topright: 36px;
		-webkit-border-top-right-radius: 36px;
		border-top-right-radius: 36px;
		}
	.round36SW { /*Southwest (bottom left) corner rounded*/
		-moz-border-radius-bottomleft: 36px;
		-webkit-border-bottom-left-radius: 36px;
		border-bottom-left-radius: 36px;
		}
		
	.round48 {
		-moz-border-radius: 48px;
		-webkit-border-radius: 48px;
		border-radius: 48px;
		}
	.round48S { /*South (bottom) corners rounded*/
		-moz-border-radius-bottomleft: 48px;
		-webkit-border-bottom-left-radius: 48px;
		border-bottom-left-radius: 48px;
		-moz-border-radius-bottomright: 48px;
		-webkit-border-bottom-right-radius: 48px;
		border-bottom-right-radius: 48px;
		}
	.round48NE { /*Northeast (top right) corner rounded*/
		-moz-border-radius-topright: 48px;
		-webkit-border-top-right-radius: 48px;
		border-top-right-radius: 48px;
		}
	.round48SW { /*Southwest (bottom left) corner rounded*/
		-moz-border-radius-bottomleft: 48px;
		-webkit-border-bottom-left-radius: 48px;
		border-bottom-left-radius: 48px;
		}
		
	.round76NE { /*Northeast (top right) corner rounded*/
		-moz-border-radius-topright: 76px;
		-webkit-border-top-right-radius: 76px;
		border-top-right-radius: 76px;
		}
	.round76SW { /*Southwest (bottom left) corner rounded*/
		-moz-border-radius-bottomleft: 76px;
		-webkit-border-bottom-left-radius: 76px;
		border-bottom-left-radius: 76px;
		}

	.round96 {
		-moz-border-radius: 96px;
		-webkit-border-radius: 96px;
		border-radius: 96px;
		}
	.round96NE { /*Northeast (top right) corner rounded*/
		-moz-border-radius-topright: 96px;
		-webkit-border-top-right-radius: 96px;
		border-top-right-radius: 96px;
		}
	.round96SW { /*Southwest (bottom left) corner rounded*/
		-moz-border-radius-bottomleft: 96px;
		-webkit-border-bottom-left-radius: 96px;
		border-bottom-left-radius: 96px;
		}

	.round120NE { /*Northeast (top right) corner rounded*/
		-moz-border-radius-topright: 120px;
		-webkit-border-top-right-radius: 120px;
		border-top-right-radius: 120px;
		}
	.round120SW { /*Southwest (bottom left) corner rounded*/
		-moz-border-radius-bottomleft: 120px;
		-webkit-border-bottom-left-radius: 120px;
		border-bottom-left-radius: 120px;
		}