/*
Standard classes
© Mark Iliff, Talespinner (www.talespinner.co.uk)
02/01/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}
	.grey {color: gray}
	.black {color: black}
	.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}

	.strike {text-decoration: line-through}

	.mono {font-family: "Courier New", Courier, monospace}
	
	.nw { white-space:nowrap; }


/*Text size
**************************************************/
	/* Down to 50: em-based */
	.s300 {font-size: 3em}
	.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 spacing
**************************************************/
	.ls2 {line-height: 1.2em}
	.ls1 {line-height: 1.1em}
	.ls0 {line-height: 1em}


/*Object width
**************************************************/
	.w500 {width: 500px}
	.w150 {width: 150px}
	.w100 {width: 100%}
	.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%}
	.w15 {width: 15%}
	.w10 {width: 10%}
	.w5 {width: 5%}
	.w0 {width: 0}


/*Object padding & margins
**************************************************/
	.p10 {padding: 10px}
	.p5-10 {padding: 5px 10px}
	.p5 {padding: 5px}
	.p3 {padding: 3px}
	.p2 {padding: 2px}
	.p1 {padding: 1px}
	.p0 {padding: 0}
	.m5 {margin: 5px}
	.m0 {margin: 0}
	.pm0 {padding: 0; margin: 0}
	.mAuto {margin: auto}

	.mTop-4 { margin-top: -4em; }
	.mTop-2 { margin-top: -2em; }
	.mTop-1 { margin-top: -1em; }
	.mTop0 { margin-top: 0; }
	.mTop1 { margin-top: 1em; }
	.mTop2 { margin-top: 2em; }
	.mTop4 { margin-top: 4em; }

	.mBot0 {margin-bottom: 0}
	.mBot1 {margin-bottom: 1em}
	.mBot2 {margin-bottom: 2em}
	.mBot4 {margin-bottom: 4em}

	.pm5 {padding: 5px; margin: 5px}
	.pm0 {padding: 0; margin: 0}
	.pTop1 {padding-top: 1em}
	.pTop2 {padding-top: 2em}
	.pTop4 {padding-top: 4em}
	.pBot1 {padding-bottom: 1em}


/*Background colours
**************************************************/
	.bg0 {background: none}
	.bgWhite {background-color: white}
	.bgLemon {background-color: #ffffc0}
	.bgSilver {background-color: #eee}
	
	
/*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}
	

/* Display
**************************************************/
	.block {display: block}
	.jsOnly { display: none; }
	.inline {display: inline}

	.ap { position: absolute; }
	.fixed { position: fixed; }

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



/* 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;
		}
	.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;
		}
		
	.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;
		}
		
	.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;
		}

	.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;
		}