/*
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}
	.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
**************************************************/
	.w500 {width: 500px}
	.w200 {width: 200px}
	.w150 {width: 150px}
	.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%}
	.w48 { width: 48%; }
	.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; }
	
	.mw1250 { -webkit-max-width: 1250px; max-width: 1250px; }
	.mw1000 { -webkit-max-width: 1000px; max-width: 1000px; }
	.mw640 { -webkit-max-width: 640px; max-width: 640px; }
	.mw500 { max-width: 500px; }
	.mw100 { max-width: 100%; }


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


/* Margins
**************************************************/
	.m2m { margin: 2em; }
	.m1m { margin: 1em; }
	.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, .mT0 { margin-top: 0; }
	.mTop05 { margin-top: 0.5em; }
	.mTop1, .mT1 { margin-top: 1em; }
	.mTop2, .mT2 { margin-top: 2em; }
	.mTop3, .mT3 { margin-top: 3em; }
	.mTop4, .mT4 { margin-top: 4em; }
	
	.mR2 { margin-right: 2em; }
	.mR1 { margin-right: 1em; }
	.mR5 { margin-right: 5px; }

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

	.mL2 { margin-left: 2em; }
	.mL1 { margin-left: 1em; }
	.mL5 { margin-left: 5px; }
	.mL10 { margin-left: 10%; }
	.mR10 { margin-right: 10%; }
	.mL20 { margin-left: 20%; }
	.mR20 { margin-right: 20%; }

	.pm5 {padding: 5px; margin: 5px}
	.pm0 {padding: 0; margin: 0}
	.pTop4m {padding-top: 4em}
	.pTop2m {padding-top: 2em}
	.pTop1m {padding-top: 1em}
	.pTop5 { padding-top: 5px; }
	.pBot1 {padding-bottom: 1em}


/*Backgrounds
**************************************************/
	.bg0 {background: none}
	.bgWhite {background-color: white}
	.bgLemon {background-color: #ffffc0}
	.bgSilver {background-color: #eee}
	.bgGrey { background-color: gray; }
	
	.o20 { opacity: 0.2; }
	.o50 { opacity: 0.5; }
	.o90 { opacity: 0.9; }
	
	.crossHatch { background: url(/img/widgets/crossHatch.png) 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}
	

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

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

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


	.pointy { cursor: pointer; }


	.wExp, .wCol { width: 11px; height: 11px; }
	.w24 { width: 24px; height: 24px; }


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