/* WebWorks - Styles for TTPT Website - 20080316 - WRO */
/* --< Page properties >-- */
			a:link {color: #555555;	text-decoration: none;}			/* --> link base color medium grey  */
			a:visited {color: #555555;text-decoration: none;}		/* --> link visit color medium medblue  */
			a:hover {color: #990033;text-decoration: none;}			/* --> link hover color medium none  */
			a:active {color: #555555;text-decoration: none;}		/* --> link active color medium none  */
			/* base font, 10 pxs in dark grey */
			body,td,th { font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #555555;}
			/* page bgcolor white, lm=0, tm=0 */
			body {background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
			
/* --< text containers >-- */ 
			/* standard body text (same as none style): 10px verdana, middle grey normal. */
			.tsnormal {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;color: #555555;font-weight: normal;}
			/* standard body text BOLD : 10px verdana, middle grey normal. */
			.tsnormalB {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;color: #555555;font-weight: bold;}
			/* highlighted main page text = diep donkergrijs*/
			.tshigh {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;color: #222222;font-weight: normal;}
			/* highlighted main page text BOLD = diep donkergrijs*/
			.tshighB {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;color: #222222;font-weight: bold;}
			/* highlighted main page small text = diep donkergrijs*/
			.tssmall {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #222222; font-weight: normal;}
			/* highlighted main page small text BOLD = diep donkergrijs*/
			.tssmallB {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #222222; font-weight: bold;}
			/* small text = middelgrijs*/
			.tssmallM {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #555555; font-weight: normal;}
			/* small text = lichtgrijs*/
			.tssmallG {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #999999; font-weight: normal;}
			/* small text BOLD = lichtgrijs*/
			.tssmallGB {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #555555; font-weight: bold;}
			/* maintitle text */
			.tmain {font-family: Arial, Helvetica, sans-serif;font-size: 12pt;color: #555555;font-weight: bold; }
			/* subtitle text */
			.tsub {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #555555;font-weight: bold; }
			/* menutitle text */
			.tmenu {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;color: #304E97; font-weight: normal;}
			/* error messages */
			.errmsg {font-family: Arial, Helvetica, sans-serif;font-size: 10pt; color: #CC3300; font-weight: bold;}
			/* Large White for homepage */
			.hpLargeW {font-family: Arial, Helvetica, sans-serif;font-size: 18pt; color: #FFFFFF; font-weight: bold;}

/* --< menu containers >-- */ 
			/* default menu line */
			.menudef {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #555555; font-weight: normal;}
			/* current page menu line */
			.menucur {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #990000; font-weight: normal;}
			
/* --<trpages styles>-- */
			/* LIST: step number (larger) */
			.stepnr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; color: #333333; font-weight: bold;}
			/* LIST: step number BLUE (larger) */
			.stepnrB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #7CAECE; font-weight: bold;}
			/* LIST: step number GREEN (larger) */
			.stepnrG {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #A0CC3E; font-weight: bold;}
			/* LIST: step number PURPLE (larger) */
			.stepnrP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #9E63A7; font-weight: bold;}
			/* LIST: step number ORANGE (larger) */
			.stepnrO {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #DF7505; font-weight: bold;}
			/* LIST: step text (all columns identical) */
			.steptxt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
			/* Table header: data (dgrey on white) */
			.tabdata {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}
			/* Table header: title (white on dgrey) */
			.tabtitle{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF;}		

/* --<popup skill image styles>-- */			
			.thumbnail{position: relative;z-index: 0;}
			 /* imagebox background color and transparancy */
			.thumbnail:hover{background-color: transparent;z-index: 50;}
			 /* popup image properties */
			.thumbnail span{position: absolute;background-color: white;padding: 5px;left: -1000px;border:  1px dashed gray;visibility: hidden;color: black;text-decoration: none;}
			 /* border width and paading */
			.thumbnail span img{ border-width: 0;padding: 2px;}
			 /* popup image hover parameters: position where enlarged image should offset horizontally */
			.thumbnail:hover span{ visibility: visible; top: -150; left: -200px;}