@charset "UTF-8";



/* CSS Document */


 /*  	14	 	090	 	greenheader	 	green, mid   - color; 090   R0 G153 B0  Occ=3 ref=1	 */
 /*  	41	 	333	 	 use ?	 	black, off  3  - color; 333   R51 G51 B51  Occ=5 ref=2	 */
 /*  	NEW	 	555	 	 main text	 black, off  5  - color; 555  R85 G85 B85 	Occ=1  */ 
 /*  	240	 	666	 	 use ?	 	grey, mid 6  - color; 666   R102 G102 B102  Occ=16 ref=3	 */
 /*  	546	 	777	 	 use ?	 	grey, mid, lighter 7  - color; 777   R119 G119 B119  Occ=1 ref=4	 */
 /*  	225	 	111111	 	 use ?	 	black, almost  1  - color; 111111   R17 G17 B17  Occ=3 ref=5	 */
 /*  	6	 	00a99d	 	 use ?	 	green, sea  - color; 00a99d   R0 G169 B157  Occ=2 ref=6	 */
 /*  	7	 	1a5066	 	 use ?	 	blue, dark, greenish  - color; 1a5066   R26 G80 B102  Occ=2 ref=8	 */
 /*  	50	 	2d485b	 	 use ?	 	blue, dark   - color; 2d485b   R45 G72 B91  Occ=2 ref=9	 */
 /*  	320	 	304C8B	 	 use ?	 	blue, royal, dark   - color; 304C8B   R48 G76 B139  Occ=3 ref=10	 */
 /*  	83	 	38488a	 	 use ?	 	blue, royal, darker still  - color; 38488a   R56 G72 B138  Occ=6 ref=11	 */
 /*  	202	 	3848ba	 	 use ?	 	blue, royal  - color; 3848ba   R56 G72 B186  Occ=1 ref=12	 */
 /*  	29	 	40589a	 	 use ?	 	blue, royal, smokey (1)  - color; 40589a   R64 G88 B154  Occ=1 ref=13	 */
 /*  	322	 	4064b9	 	 use ?	 	??  - color; 4064b9   R G B  Occ=1 ref=?	 */
 /*  	317	 	419D3E	 	 use ?	 	green, refined  - color; 419D3E   R65 G157 B62  Occ=1 ref=14	 */
 /*  	28	 	4460a2	 	 use ?	 	blue, royal, smokey (2)  - color; 4460a2   R68 G96 B162  Occ=1 ref=15	 */
 /*  	325	 	448dfb	 	 use ?	 	blue, mid  - color; 448dfb   R68 G141 B251  Occ=1 ref=16	 */
 /*  	12	 	5068aa	 	 use ?	 	blue, royal, smokey (3)  - color; 5068aa   R80 G104 B170  Occ=26 ref=17	 */
 /*  	8	 	5a70b2	 	 use ?	 	blue, royal, smokey (4)  - color; 5a70b2   R90 G112 B178  Occ=5 ref=18	 */
 /*  	54	 	5b2d48	 	 use ?	 	purple, brownish  - color; 5b2d48   R91 G45 B72  Occ=6 ref=19	 */
 /*  	9	 	b9d5df	 	 use ?	 	blue, grey, pale  - color; b9d5df   R185 G213 B223  Occ=2 ref=20	 */
 /*  	210	 	CCC	 	 use ?	 	grey, light 12  - color; CCC   R204 G204 B204  Occ=1 ref=21	 */
 /*  	4	 	d3e2e7	 	 use ?	 	blue, greyer, paler still - waveblue  - color; d3e2e7   R211 G226 B231  Occ=25 ref=22	 */
 /*  	259	 	dddddd	 	 use ?	 	grey, pale 13  - color; dddddd   R221 G221 B221  Occ=1 ref=23	 */
 /*  	10	 		 	 use ?	 	grey, pale, bluish  - color; dfe5e9   R223 G229 B233  Occ=2 ref=24	 */
 /*  	34	 	E00	 	 use ?	 	red, darkish  - color; E00   R238 G0 B0  Occ=1 ref=25	 */
 /*  	280	 	e0e0e0	 	 use ?	 	red, darker  - color; e0e0e0   R224 G0 B0  Occ=1 ref=26	 */
 /*  	3	 	e3eaec	 	 use ?	 	blue-grey, pale - wavegrey  - color; e3eaec   R227 G234 B236  Occ=2 ref=27	 */
 /*  	273	 	EAEBD8	 	 use ?	 	grey, mushroom  - color; EAEBD8   R234 G232 B216  Occ=1 ref=28	 */
 /*  	5	 	ecf5f6	 	 use ?	 	blue-grey, pale - wavegrey, very - palewaveblue  - color; ecf5f6   R236 G245 B246  Occ=2 ref=29	 */
 /*  	35	 	F00	 	 use ?	 	red  - color; F00   R255 G0 B0  Occ=2 ref=30	 */
 /*  	276	 	f3f3f3	 	 use ?	 	grey, pale, very 15.2  - color; f3f3f3   R243 G243 B243  Occ=1 ref=31	 */
 /*  	249	 	f6f6f6	 	 use ?	 	grey, pale, very very, 15.4  - color; f6f6f6   R246 G246 B246  Occ=1 ref=32	 */
 /*  	372	 	f91 	 	 use ?	 	orange, warm - hot  - color; f91    R255 G153 B17  Occ=2 ref=33	 */
 /*  	369	 	fa8 	 	 use ?	 	orange, smoke reddish - slam  - color; fa8    R240 G160 B128  Occ=1 ref=34	 */
 /*  	324	 	FA8158	 	 use ?	 	orange, reddish  - color; FA8158   R250 G129 B88  Occ=2 ref=35	 */
 /*  	366	 	fc2 	 	 use ?	 	yellow, greenish - game  - color; fc2    R255 G204 B24  Occ=2 ref=36	 */
 /*  	363	 	ff4 	 	 use ?	 	yellow, lime - strong  - color; ff4    R255 G255 B68  Occ=2 ref=37	 */
 /*  	15	 	FF9	 	 use ?	 	yellow, pale (1)  - color; FF9   R255 G255 B153  Occ=18 ref=38	 */
 /*  	360	 	ffa	 	 use ?	 	yellow, pale (2), very - invite  - color; ffa   R255 G255 B170  Occ=2 ref=39	 */
 /*  	266	 	fff	 	 use ?	 	white  - color; fff   R255 G255 B255  Occ=18 ref=40	 */
 /*  	292	 	green	 		 	  - color; green   R G B  Occ= ref=	 */
 /*  	296	 	green	 		 	  - color; green   R G B  Occ= ref=	 */
 /*  	300	 	green	 		 	  - color; green   R G B  Occ= ref=	 */
 /*  	304	 	green	 		 	  - color; green   R G B  Occ= ref=	 */
 /*  	308	 	green	 		 	  - color; green   R G B  Occ= ref=	 */
 /*  	386	 	red	 		 	  - color; red   R G B  Occ= ref=	 */
 /*  	387	 	white	 		 	  - color; white   R G B  Occ= ref=	 */
 /*  	393	 	white	 		 	  - color; white   R G B  Occ= ref=	 */

/*   COLOUR DEFINITIONS  - Currently      */
/*   e3eaec = wavegrey       */
/*   d3e2e7 = wave blue       */
/*   ecf5f6 = palewaveblue       */
/*   00a99d = bannertextlight       */
/*   1a5066 = bannertextdark       */
/*   5a70b2 = mainhorizontalnavbarbackground       */
/*   b9d5df = leftboxbackground       */
/*   dfe5e9 = rightboxbackground      */
/*   5a70b2 = thg = questiontableheader       */
/*   5068aa = thgdarker = questiontableNESW       */
/*   b9d5df = thc = questiontableentries       */
/*   090 = greenheader        */
/*   FF9 = yellowtable       */
/*   = redcard       */
/*          */
/*          */
/*          */
/*          */
/*          */
/*          */

/*   COLOUR DEFINITIONS  - New      */
/*   e3eaec = wavegrey       */
/*   d3e2e7 = wave blue       */
/*   ecf5f6 = palewaveblue       */
/*   00a99d = bannertextlight       */
/*   1a5066 = bannertextdark       */
/*   5068aa = NEW mainhorizontalnavbarbackground       */
/*   d3e2e7 = NEW leftboxbackground       */
/*   dfe5e9 = rightboxbackground      */
/*   5a70b2 = thg = questiontableheader       */
/*   5068aa = thgdarker = questiontableNESW    darker still = 4460a2, 40589a    */  
/*   d3e2e7 = NEW thc = questiontableentries       */
/*   090 = greenheader        */
/*   FF9 = yellowtable       */
/*   = redcard       */
/*          */
/*          */
/*          */
/*          */
/*          */
/*          */
#unknownbidcolor {color: #E00;}
.red {color: #F00;}

#redtext     /*   <span id="redtext">ginger, garlic and spring onion</span>  */
 {color: #F00;}
 
 
#begintext     /*  #46FF58 <span id="begintext">kind of  green colour</span>  */
 {color: green;}
#bidtext     /*  #39F    #b9d5df      <span id="bidtext">kind of electric blue colour</span>  */
 {color: #39F;}
#playtext     /*           <span id="playtext">kind of purple colour</span>  */
 {color: #8E40F1;}
#quiztext     /*            <span id="quiztext">kind of electric red colour</span>  */
 {color: #FF0042;}
#dealtext     /*       #FFD700 #FDFCDC  #FBFF00    <span id="dealtext">kind of electric yellow colour</span>  */
 {color: #FDFCDC;}


	
#normaltext {font-size: 12px;font-weight:normal;/* color: #000; */}
#smallishtext {font-size: 10px;font-weight:normal;/* color: #000; */}
#smalltext {font-size: 8px;font-weight:normal;/* color: #000; */}

#bitsmaller {font-size: 0.95em;}



body  
	{
	font: 100%  Verdana, Arial,  Helvetica, sans-serif;
	background: #282828;/* was 666666, tom likes f6f6f6  */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555;} /* 777   333 */

	
p.inline { display: inline; }
h2.inline { display: inline; }
	
#container 
	{ 
	position: relative;
	width: 980px;  /* using 20px less than a full 1000px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	    padding: 0px 10px;
	border: 0px solid #000000;   /* was: border: 1px solid #000000;  */
	text-align: left; /* this overrides the text-align: center on the body element. */

} 

#header 
	{ 

	background: #ffffff; 
	z-index:-1;
	padding: 0px 00px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */} 
	
	#header h1 
	{
	position: relative;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */}


#bannertext 
	{ 	/* sets up a fixed space for the text in the main banner */
	position: absolute;
    top: 0px;
	left: 500px; /*put back to 500 when slide problem is fixed */
	margin: 0px 0px 0px 00px; /* margin: 0px 0px 0px 550px; */
    padding: 00px 5px 15px 0px;/* 20px 5px 15px 0px; */
	color:#2d485b;  /* color:#2d485b this is the colour of text in the banner ?? */
	text-align: left;
	z-index:+10;/* keep banner text in front of banner image. . .does it work on IE ? */
	font-size: 0.75em;}
	
#bannertext _test
	{ 	/* sets up a fixed space for the text in the main banner */
	position: absolute;
    top: 2px;
	left: 500px; /*put back to 500 when slide problem is fixed */
	margin: 0px 0px 0px 00px; /* margin: 0px 0px 0px 550px; */
    padding: 00px 0px 0px 0px;/* 20px 5px 15px 0px; */
	color:#2d485b;  /* color:#2d485b this is the colour of text in the banner ?? */
	text-align: left;
	z-index:+10;/* keep banner text in front of banner image. . .does it work on IE ? */
	font-size: 0.75em;}

#nav_login_flags_test  /*  13 Jan 2012 */
	{ 

	position: relative;
    top: 4px;/* 43px; 30px */
    left: 770px;/* 770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 0px;/* was. . ...padding: 20px 10px 15px 770px; */
	color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	font-size: 0.6em;
	z-index:+40;}
	
	
	#nav_login_flags  /* CHANGE 12 MAY 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute;
    top: 60px;/* 43px; 30px */
    right: 10px;/* 770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 10px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	font-size: 0.6em;
	z-index:+10;}
	

#list_deals_for_bid_posn  /* CHANGE 13 Nov 11.45 am */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */
	position: absolute; /*  absolute, but it's inside a relative envelope, remember */
	top: 12px;/* 135px when not in envelope */
	right: 0px;/* 10px left 750px */
	margin: 0px 0px 0px 0px;/* ensure no inheritance */
    padding: 0px 0px 0px 0px;/* ensure no inheritance */
	color: #5b2d48;/*color: #5b2d48; this is the mid text blue in JPPs design bottom bar for navigation*/
	background-color:white;
/*	border: 1px solid #666;;*/

	font-size: 0.65em;
	z-index:+25;
}


#list_deals_for_bid_posn
{
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%; /*  75 */
/*border-collapse:collapse;*/
}
#list_deals_for_bid_posn td
{

padding:2px 5px 2px 5px;
background-color:#d3e2e7;/*added  e3eaec #b9d5df   d3e2e7*/
}


#list_deals_for_bid_posn th
{

font-weight:normal;
text-align:right;
color:#333;/*added  e3eaec #b9d5df   d3e2e7*/
}

#list_deals_for_bid_posn tr.alt td 
{

}
	 


#navmain 
	{ 	/* sets up format for the main navigaiton on every page */
	position: absolute;  
	top: 73px;  /* 111px ? */
	font-size: 0.85em;
	padding: 5px 0px 5px 0px;
	/* 	left: 22px; Sept 22 2010. . .put back if a problem ? */
	}  /* 174px at left navmain*/




	#navbarspacer	{   sets up position for spacer bar to left of top navigation             
position: absolute;  top: 73px;  
margin: 1px 0px;
text-align: center;font-size: 1.1em;color: white;  /* to make text disappear, make same as background. . .this is the royal blue nav bar colour#5A70B2  */
background:#cccccd; /*  #38488a   *//*  #38488a   */
width: 103px;  /*          #5068aa */
	height:40px;}/* 40   26 */


	#navbarspacerindex	{   sets up position for spacer bar to left of top navigation             
position: absolute;  top: 73px;  
margin: 0px 0px;
text-align: center;font-size: 1.1em;color: white;  /* to make text disappear, make same as background. . .this is the royal blue nav bar colour#5A70B2  */
background:#cccccd;width: 980px;  /*  #38488a   *//*          #5068aa */
	height:41px;}/* 40   26 */
	
	#nonavbar	
	{  /* sets up position for spacer bar to left of top navigation */
	position: absolute;  
	top: 73px;/* 81px */
	margin: 5px 0px;
	text-align: center;
	font-size: 1.1em;
	color: #5068aa;  /* to make text disappear, make same as background. . .this is the royal blue nav bar colour#5A70B2 */
	background: #5068aa;
	width: 980px;/* 59 */
	height:41px;}/* 40   26 */

	#navbarspacerright	
	{  /* sets up position for spacer bar to right of top navigation */
	position: absolute;  
	top: 73px;/* 81px */
	margin: 5px 0px;
	font-size: 1.1em;
	color: #ddddde;
	background: #ddddde; /*  #38488a   *//* #5068aa;   #38488a*/
	/* margin: 5px 0px 5px 884px;  
	/* width: 94px;*/
	margin: 5px 0px 5px 104px;  
	width: 874px;
	height:41px;}/* 40   26 */
	
	#navbarspacerrightplay	
	{  /* sets up position for spacer bar to right of top navigation */
	position: absolute;  
	top: 73px;/* 81px */
	margin: 5px 0px;
	font-size: 1.1em;
	color: #5068aa;
	background: #5068aa;
	margin: 5px 0px 5px 564px;
	width: 414px;
	height:41px;}/* 40   26 */


	#tramline_beginner
	{  /* sets up position for thin line to show page meaning */
	position: absolute;  
	top: 119px;
	margin: 0px 0px;
	color: green;
	background: green; /* green*/
	margin: 0px 0px;  
	width: 977px;
	height:4px;}
	
		#tramline_bid
	{  /* sets up position for thin line to show page meaning */
	position: absolute;  
	top: 119px;
	margin: 0px 0px;
	color: #b9d5df;/*  #38488a   */
	background: #b9d5df; /*  blue*//*  #38488a   */
	margin: 0px 0px;  
	width: 977px;
	height:4px;
	z-index:2}
	
			#tramline_play
	{  /* sets up position for thin line to show page meaning */
	position: absolute;  
	top: 119px;
	margin: 0px 0px;
	color: #8E40F1;
	background: #8E40F1; /* kind of purple*/
	margin: 0px 0px;  
	width: 977px;
	height:4px;}
	
			#tramline_deal
	{  /* sets up position for thin line to show page meaning */
	position: absolute;  
	top: 119px;
	margin: 0px 0px;
	color: #FBFF00;
	background: #FBFF00; /* yellow*/
	margin: 0px 0px;  
	width: 977px;
	height:4px;}
	
			#tramline_quiz
	{  /* sets up position for thin line to show page meaning */
	position: absolute;  
	top: 119px;
	margin: 0px 0px;
	color: #FF0042;
	background: #FF0042; /* eelctric red*/
	margin: 0px 0px;  
	width: 977px;
	height:4px;}
	
	
	
	
	#westmatsideposn
	{   /*  sets up the yellow card mats */            
	position: absolute;  
	top: 62px;
	left: 10px;
	width: 78px; 
	height:75px;
	background-color:#ff9;  
	padding: 0px 0px 0px 5px;/* mat padding*/
	z-index:+1;
} 
#westhandside  /*  */
	{ 	/*  */

	position: absolute ;
    top: 52px;/*  -150 206    380px 43px; 30px */
	left: 10px;/* 303 300 -67 367px    770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	/*color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	/*font-size: 0.9em;/* 0.9em*/ 
	z-index:+2;
	}
	
	#northmatsideposn
	{   /*  sets up the yellow card mats */            
	position: absolute;  
	top: 10px;
	left: 90px;
	width: 78px; 
	height:75px;
	background-color:#ff9;  
	padding: 0px 0px 0px 5px;/* mat padding*/
	z-index:+1;
	} 	
#northhandside  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute;
    top: 0px;/*156   350px 43px; 30px */
	left: 90px;/*392 375 475 466 533  770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	/*color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	/*font-size: 0.9em;/* 0.9em*/ 
	z-index:+2;
	}
	#eastmatsideposn
	{   /*  sets up the yellow card mats */            
	position: absolute;  
	top: 62px;
	left: 170px;
	width: 78px; 
	height:75px;
	background-color:#ff9;  
	padding: 0px 0px 0px 5px;/* mat padding*/
	z-index:+3;
	}	
#easthandside  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute;
    top: 52px;/* 206  380px 43px; 30px */
	left: 170px;/*  177 563 648 638  618   685   770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	/*color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	/*font-size: 0.9em;/* 0.9em*/
	z-index:+4;
	}
	#southmatsideposn
	{   /*  sets up the yellow card mats */            
	position: absolute;  
	top: 121px;
	left: 90px;
	width: 78px; 
	height:75px;
	background-color:#ff9;  
	padding: 0px 0px 0px 5px;/* mat padding*/
	z-index:+1;
	}
#southhandside  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute;
    top: 111px;/* 257  251   410px 43px; 30px */
	left: 90px;/* 392 375 475 466 533  770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	/*color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	/*font-size: 0.9em;/* 0.9em*/
	z-index:+2;
	}



	#westmatposn
	{   /*  sets up the yellow card mats */            
	position: absolute;  
	top: 96px;
	left: 0px;
	width: 146px; 
	height:90px;
	background-color:#ff9;  
	padding: 0px 0px 0px 8px;/* mat padding*/
	z-index:+1;
} 
#westhand  /*  */
	{ 	/*  */
	position: absolute ;
    top: 86px;/*  -150 206    380px 43px; 30px */
	left: 0px;/* 303 300 -67 367px    770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	/*color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	/*font-size: 0.9em;/* 0.9em*/ 
	z-index:+2;
	}
	
	#northmatposn
	{   /*  sets up the yellow card mats */            
	position: absolute;  
	top: 41px;
	left: 164px;
	width: 146px; 
	height:90px;
	background-color:#ff9;  
	padding: 0px 0px 0px 8px;/* mat padding*/
	z-index:+1;
	} 
#northhand  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */
	position: absolute;
    top: 31px;/*156   350px 43px; 30px */
	left: 164px;/*392 375 475 466 533  770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	/*color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	/*font-size: 0.9em;/* 0.9em*/ 
	z-index:+2;
	}
	
	#eastmatposn
	{   /*  sets up the yellow card mats */            
	position: absolute;  
	top: 96px;
	left: 327px;
	width: 140px;  /* 146*/
	height:90px;
	background-color:#ff9;  
	padding: 0px 0px 0px 8px;/* mat padding*/
	z-index:+1;
	}
#easthand  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */
	position: absolute;
    top: 86px;/* 206  380px 43px; 30px */
	left: 327px;/*  339px563 648 638  618   685   770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	/*color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	/*font-size: 0.9em;/* 0.9em*/
	z-index:+2;;
	}
	
	#southmatposn
	{   /*  sets up the yellow card mats */            
	position: absolute;  
	top: 152px;
	left: 164px;
	width: 146px; 
	height:90px;
	background-color:#ff9;  
	padding: 0px 0px 0px 8px;/* mat padding*/
	z-index:+1;
	}
#southhand  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute;
    top: 142px;/* 257  251   410px 43px; 30px */
	left: 164px;/* 392 375 475 466 533  770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	/*color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	/*font-size: 0.9em;/* 0.9em*/
	z-index:+2;
	}





#westpoints  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute ;
    top: 86px;/*  -150 206    380px 43px; 30px */
	left: 88px;/* 303 300 -67 367px    770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	font-size: 0.9em;
	z-index:+3;
	}

#northpoints  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute;
    top: 31px;/*156   350px 43px; 30px */
	left: 252px;/* 480 475  466 533  770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	font-size: 0.9em;
	z-index:+3;
	}
	
#eastpoints  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute;
    top: 86px;/* 206  380px 43px; 30px */
	left: 406px;/* 648 638  618   685   770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	font-size: 0.9em;
	z-index:+3;
	}

#southpoints  /* CHANGE 10 Oct 2010 */
	{ 	/* sets up a fixed space for the login and contact navigation below the main banner */

	position: absolute;
    top: 142px;/* 257  251   410px 43px; 30px */
	left: 252px;/* 480 475  466 533  770px */
	margin: 0px 0px 0px 0px;/* this is new - will it get rid of the flag-image expanding problem ? */
    padding: 0px 0px 0px 00px;/* was. . ...padding: 20px 10px 15px 770px; */
	color: #5b2d48;/*color: #5b2d48; (older color:#2d485b) this is the mid text blue in JPPs design bottom bar for navigation*/ 
	font-size: 0.9em;
	z-index:+3;
	}
	

#bidboxscriptposn /*  ad words liek "add to my study list, can be out side the main box position  */
{
	position: relative;
	font-size: 0.6em;
	top: 12px;
	left: 0px; /*  right 15 */
	z-index: +10;
	width: 360px;
	}
	
#listdealsforbidposn /*  ad words liek "add to my study list, can be out side the main box position  */
{	position: absolute;
	font-size: 0.8em;
	top: 0px;  /*  right 12 */
	left: 0px;
	z-index: +10;
	}	
	


#bidpagesstartposn  /*    */
{	position: relative;
	top: 15px;
	left:0px;
	width: 100%;
	}

#bidpagesstartsideposn  /*    */
{	position: absolute;
	top: 15px;
	left:0px;
	}


#nextbidarrowsposn
{
	position: absolute;
	top: -23px;  /* keep fiddling. . . 5 15 16 ??   */
	right: 16px;
	z-index: +10;
	}
	
#nextquizarrowsposn
{
	position: absolute;
	top: 0px;  /* 40px   */
	right: 0px; /*  11px  */
	z-index: +10;
	width: 124px;
	}
	
#centreboxtext
{	font-size: 0.6em;
	}
	
	
#sideboxtext
{	font-size: 0.8em;
	}

	
#rating
{	position: absolute;
	top: 100px;
	left: 10px;
	z-index:+3;
}
#CDSAlinkposn
{	position: absolute;
	top: 410px;
	left: 10px;
	z-index:+3;
}

#side_space_home {
	position:relative;
	height:670px;
	left: -15px;
		}
		
#rightsideboxindextext	{
	text-align:left;
	font-size: 0.9em;
	padding: 0px 0px 0px 10px;
		}	
		
		
#index_right_box_text_align {
	text-align:left;
		}
		
#side_space_1 {
	position:relative;
	height:260px;
	left: -15px;
		}

#side_space_2 {
	position:relative;
	height:90px;
	left: -13px;
	
		}

#side_space_3 {
	position:relative;
	height:180px;
	left: -3px;
	}
	
	
/* 20140817 Here some some new positions -20, 30, 40 for the new arrangement of RHS as on page 601 */

#side_space_10 {
	position:relative;
	height:245px; /* was 260 */
	left: -15px;
		}	
		
#side_space_20 {
	position:relative;
	height:140px;/* was 60, 70, 80, then 90 */
	left: -3px;
	
		}
		
				
		#side_space_40 {
	position:relative;
	height:220px; /* was 260, 160, 240,  200, then 180 seems only to affect play */
	left: -13px;
	
		}
		
			#side_space_50 {
	position:relative;
	height:350px;  /* was 380 */
	left: -3px;
	
		}

#sideboxheadertextposn
{	position: absolute;
	top: -32px;
	left: 10px;
	z-index:+3;
	font-size: 1.3em;
	text-align: center;
} 


#dealnosideposn
{	position: absolute;
	top: -27px;
	left: 150px;
	z-index:+3;
} 
	
#dealervulsideposn
{	position: absolute;
	top: -5px;
	left: 10px;
	z-index:+3;
} 

#titlesideposn
{	position: absolute;
	top: 180px;
	left: 13px;
	}	

#bidsideposn
{	position: absolute;
	width: 98%;  /*  */
	top: 0px; /* 293 */
    left: 10px;  /*  */
	z-index:+3;
} 	

#explainsideposn
{	position: absolute;
	width: 98%;
	top: 47px; /* 340 */
	left: 10px;
	z-index:+2;
} 	

#questionsideposn	
	{
	position: relative;/* will not work as a horiz table unless relative  */
	top: 385px;
	left:00px; 
	z-index:+1;
} 
	

#dealervulposn
{	position: absolute;
	font-size:1.3em;
	top: 28px;
	left: 0px;
	z-index:+3;
} 	
#contractposn
{	position: absolute;
    font-size:1.3em;
	top: 28px;
	left: 360px;
	z-index:+3;
} 
#wineglassposn
{	position: absolute;
	top: 7px;
	left: 460px;
	z-index:+1;
}
#sourceposn
{	position: absolute;
	top: 202px;/* 230px */
	left: 0px;
	z-index:+3;
} 
#dealsaveposn
{	position: absolute;
	text-align:right;
	top: 202px;
	right: 10px;
	z-index:+3;
} 
	
#clickposn	
{	position: absolute;
	top: 200px;
	left:0px;
}
#questionposn	
	{
	position: relative;
	top: 262px;
	left:0px;
} 
	


a { text-decoration:none }

a img {border: none;}

a:link {color:#3848ba;}/* #38488a is the darkish blue used for a long time, but not very visible.  color:#2d485b this is the colour of text in the banner ?? */

a:visited {color:#38488a;}/*  #38488a   */

a:hover {color:#d3e2e7;background-color:#38488a;}/* /*  #38488a   */color:#b9d5df; this is text colour on hover. . .. . .. . .. ?? */

a:active {
	color:#38488a;/*  #38488a   */
	background-color:#CCC;
}/* color:#CCC this is . . .. . .. . .. ?? */

.bigreminder {
	text-align:center;
	font-size:large;
	font-size:medium;
	font-weight:bold;
	}


	
	
#testarea {
	width: 750px;
	float:left;
	}
#testarea500 {
	width: 480px;
	float:left;
	}
#testblockone{
	width: 380px;
	float:left;
	}

#testblocktwo{
	width: 330px;
	float:right;
	}
	
#rightblockone{
	width: 380px;
	float:left;
	}

#rightblocktwo{
	width: 330px;
	float:right;
	}

#testblock50a{
	width: 50%;
	float:left;
	}
#testblock50b{
	width: 50%;
	float:right;
	}
	
		
	

#sidebarleftouter /* CHANGE 12 MAY 2010 */
	{/* this used for sub-navigation on standard pages, not home page */
	position: relative;   /*  ADDED ON OCT 26 2010*/ 
	float: left; /* since this element is floated, a width must be given */
	width: 19%; /* was 17%    the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* height: 650px;/* */
	background:white; /* the background color (#b9d5df light blue from the logo)  will be displayed for the length of the content in the column, but no further */
	margin: 0px 0px 0px 0px; /* it's just a blank outer skin */
	padding: 0px 0px 0px 0px; /* it's just a blank outer skin */
	  }
	
		

#sidebarlefthome /* CHANGE 12 MAY 2010 */
	{/* this used for sub-navigation on standard pages, not home page */
	position: relative;   /*  ADDED ON OCT 26 2010*/ 
	float: left; /* since this element is floated, a width must be given */
	width: 100%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width.  HERE, it is envloped by another div,   sidebarleftouter    */
	/*height: 650px;/* *//* *//* *//* *//* */
	background:#eeeeee; /*     #d3e2e7 the background color (#b9d5df light blue from the logo)  will be displayed for the length of the content in the column, but no further */
	margin: 12px 12px 0 0px; /*margin: 32px 12px 0 0px; until March 2011. 32px 2px 0 0;  before left margin reduction to maincontent 42px 15px 0 0;    margin: 52px 15px 0 0; */
	padding: 0px 8px 12px 10px; /* 2px 3px 15px 10px;    padding keeps the content of the div away from the edges, it was 19px at the top, not 13px */
	font-size: 0.82em; /* font-size:12px   0.82em;*/ }
	
	#sidebarlefthome2 /* CHANGE 12 MAY 2010 */
	{/* this used for sub-navigation on standard pages, not home page */
	position: relative;   /*  ADDED ON OCT 26 2010*/ 
	float: left; /* since this element is floated, a width must be given */
	width: 100%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*height: 650px;/* *//* *//* *//* *//* */
	background: #eeeeee; /*     #d3e2e7    the background color (#b9d5df light blue from the logo)  will be displayed for the length of the content in the column, but no further */
	margin: 16px 12px 0 0px; /*margin:32px 2px 0 0;  before left margin reduction to maincontent 42px 15px 0 0;    margin: 52px 15px 0 0; */
	padding: 0px 8px 12px 10px; /* 2px 3px 15px 10px;    padding keeps the content of the div away from the edges, it was 19px at the top, not 13px */
	font-size: 0.82em; /* font-size:12px   0.82em;*/ }
	
#sidebarlefthome h1 {
	font-size: 20px;font-weight:normal;/* color: #000; */} 
#sidebarlefthome2 h1 {
	font-size: 17px;font-weight:normal;/* color: #000; */}
	
#sidebarlefthome h2 {
	font-size: 17px; /* color: #000; */} 
	#sidebarlefthome2 h2 {
	font-size: 17px; font-weight:normal; /* color: #000; */} 
	
#sidebarlefthome h3 
	{font-size: 14px;/* font-style:italic; */} 
	
#sidebarlefthome p {
	font-size: 12px;color: #111111;} 
#sidebarlefthome2 p {
	font-size: 12px;color: #111111;}
	
#sidebarlefthome li {
	font-size: 12px;} 
	
		

#sidebar1 /* CHANGE 12 MAY 2010 */
	{/* this used for sub-navigation on standard pages, not home page */
	position: relative;   /*  ADDED ON OCT 26 2010*/ 
	float: left; /* since this element is floated, a width must be given */
	width: 19%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#eeeeee; /* #d3e2e7.    the background color (#b9d5df light blue from the logo)  will be displayed for the length of the content in the column, but no further */
	margin: 32px 12px  32px 1px; /*margin:32px 2px 0 0;  before left margin reduction to maincontent 42px 15px 0 0;    margin: 52px 15px 0 0; */
	padding: 0px 8px 12px 10px; /* 2px 3px 15px 10px;    padding keeps the content of the div away from the edges, it was 19px at the top, not 13px */
	font-size: 0.82em; /* font-size:12px   0.82em;*/ }
	

#sidebar1 h1 {
	font-size: 20px;font-weight:normal;/* color: #000; */} 
#sidebar1 h2 {
	font-size: 17px;/* color: #000; */} 
#sidebar1 h3 {
	font-size: 14px;/* font-style:italic; */} 
#sidebar1 p {
	font-size: 12px;color: #111111;} 
#sidebar1 li {
	font-size: 12px;} 

 
#paddedsidebar2  {
	padding: 10px 0px 15px 10px; 
	}
	
#sidebar2 /*  2012-Jan_09 */{
	position: relative;   /*  ADDED ON OCT 25 2010*/ 
	float: right; /* since this element is floated, a width must be given */
	width: 26%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #eeeeee;  /* the background color will be displayed for the length of the content in the column, but no further */
	border: 0px solid #666; /* 1px solid #666; */
	margin: 32px 0px 10px 20px; 
	/* padding: 10px 0px 15px 10px;  put in padded area */
	font:  Arial,  Helvetica, Verdana, sans-serif;
	font-size: 0.82em; /* font-size:12px   0.82em;*/ }
	
	


#sidebar2 h3 
	{font-size: 14px;}	
 
#sidebar2quiz /*  22 Nov */
	{
	position: relative;   
	float: right; /* since this element is floated, a width must be given */
	width: 26%; 
	margin: 0px; 
	padding: 20px; 
 } 
 
 
 #align_in_centre
 
 	{
	position: relative; 
	left: 80px;
	padding: 20px; 
 } 
 
#sidebarform 
	{
	margin: 40px 0px 0px 0px;/* will this work ?  10 at the top, unlike parent margin */
	border: 1px solid #666;
	padding: 5px 5px 0px 5px;
	background: #f6f6f6; 
	font-size: 0.9em; }

#LeftSidebarHomepage /* NOT YET CHANGE 12 MAY 2010 */
	{
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
		margin: 5px 15px 0 0; 
		padding: 10px 5px 15px 10px; /* padding keeps the content of the div away from the edges */
	font-size: 0.75em;}
	
	#RightSidebarHomepage /* CHANGE 12 MAY 2010 */
	{
	position: relative;   /*  ADDED ON Jan 27 2012*/ 
	float: right; /* since this element is floated, a width must be given */
	width: 25%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* background:#ffffff; was #dfe5e9 was ebebeb  the background color will be displayed for the length of the content in the column, but no further */
	
	background: #eeeeee;
	padding: 0px 10px 15px 15px; /* 0 0 0 0 ;  padding keeps the content of the div away from the edges   */
	margin: 32px 0px 10px 20px; /* 0px 0px 10px 20px; */
	font:  Arial,  Helvetica, Verdana, sans-serif;
	font-size: 0.82em; /* 0.9em  12  font-size: 0.75em;*/ 
	}

#mainContent /* CHANGE 12 MAY 2010 */
	{
	position: relative;
	margin:  0px 28% 0 23%; /*  0px 28% 0 210px;  5px 00px 0 200px;  the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px 10px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box.  Need to keep LH padding to zero, due to rel an abs problems with the javascript elements.  Need to keep some divs relative, which puts them inside the padding ! Compensate by increasing the maging by 10 to 210, and increasing the padding on the sidebar1,*/
	height:auto !important;  /*  this would put a min-height of 200px on all browsers. all browsers except ie6 will respect the !important flag and ignore the second height property, while ie6 will still use the second height property, then expand as needed.*/
	height:500px; /*until May 2011 these were 500*/
	min-height:500px;
	} 
	

	

#mainContent h1 {font-size: 20px;font-weight:normal;/* color: #000; */} 
#mainContent h2 {font-size: 17px;font-weight:normal;/* color: #000; */} 
#mainContent h3 {font-size: 14px;font-weight:normal;/* font-style:italic; */} 
#mainContent p {font-size: 12px;font-weight:normal;/* color: #000; */} 
#mainContent li {font-size: 12px;}


#mainContent_fullwidth

	{
	position: relative;
	width:100%;
	margin:  0px 0% 0 0%; /*  0px 28% 0 210px;  5px 00px 0 200px;  the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 00px 10px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box.  Need to keep LH padding to zero, due to rel an abs problems with the javascript elements.  Need to keep some divs relative, which puts them inside the padding ! Compensate by increasing the maging by 10 to 210, and increasing the padding on the sidebar1,*/
	height:auto !important;  /*  this would put a min-height of 200px on all browsers. all browsers except ie6 will respect the !important flag and ignore the second height property, while ie6 will still use the second height property, then expand as needed.*/
	height:500px; /*until May 2011 these were 500*/
	min-height:500px;
	} 

#mainContent_fullwidth h1 {font-size: 20px;font-weight:bold; color: #444; } 
#mainContent_fullwidth h2 {font-size: 17px;font-weight:bold;color: #444; } 
#mainContent_fullwidth h3 {font-size: 14px;font-weight:normal;/* font-style:italic; */} 
#mainContent_fullwidth p {font-size: 12px;font-weight:normal;/* color: #000; */} 
#mainContent_fullwidth li {font-size: 12px;}


#mainContentQuiz /* CHANGE 16 MAY 2011 */
	{
	position: relative;
	margin:  0px 28% 0 0px; /*  0px 28% 0 210px;  5px 00px 0 200px;  the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px 10px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box.  Need to keep LH padding to zero, due to rel an abs problems with the javascript elements.  Need to keep some divs relative, which puts them inside the padding ! Compensate by increasing the maging by 10 to 210, and increasing the padding on the sidebar1,*/
	height:auto !important;  /*  this would put a min-height of 200px on all browsers. all browsers except ie6 will respect the !important flag and ignore the second height property, while ie6 will still use the second height property, then expand as needed.*/
	height:4999px; /*until May 2011 these were 500*/
	min-height:4999px;
	} 
	


#mainContentQuiz h1 {font-size: 20px;font-weight:normal;/* color: #000; */} 
#mainContentQuiz h2 {font-size: 17px;font-weight:normal;/* color: #000; */} 
#mainContentQuiz h3 {font-size: 14px;font-weight:normal;/* font-style:italic; */} 
#mainContentQuiz p {font-size: 12px;font-weight:normal;/* color: #000; */} 
#mainContentQuiz li {font-size: 12px;}


	
#mainContentLeft /* NEW 19.11, for quiz pages */{ 
	position: relative;
   /*width: 650px;*/
	margin:  0px 10% 0 210px; /*margin:  15px 270px 0 0px;  the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 20px 10px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:auto !important;  /*  this would put a min-height of 200px on all browsers. all browsers except ie6 will respect the !important flag and ignore the second height property, while ie6 will still use the second height property, then expand as needed.*/
	height:1999px; /*until May 2011 these were 500*/
	min-height:1999px;
	} 

#mainContentLeft h1 {font-size: 20px;font-weight:normal;/* color: #000; */} 
#mainContentLeft h2 {font-size: 17px;font-weight:normal;/* color: #000; */} 
#mainContentLeft h3 {font-size: 14px;font-weight:normal;/* font-style:italic; */} 
#mainContentLeft p {font-size: 12px;font-weight:normal;/* color: #000; */} 
#mainContentLeft li {font-size: 12px;}
	

#mainContentHomepage /* NOT YET CHANGE 12 MAY 2010 */
	{ 
	margin:  15px 230px 0 50px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */} 

#mainContentHomepage h1 {font-size: 20px;font-weight:normal;} 
#mainContentHomepage h2 {font-size: 17px;font-weight:normal;} 
#mainContentHomepage h3 {font-size: 14px;font-weight:normal;/* font-style:italic; */} 
#mainContentHomepage p {font-size: 12px;/* color: #000; */} 
#mainContentHomepage li {font-size: 12px;}
	
	#mainContentHomepage-zh /* NOT YET CHANGE 12 MAY 2010 */
	{ 
	margin:  15px 230px 0 50px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */} 

#mainContentHomepage-zh h1 
	{font-size: 28px;font-weight:normal;} 
#mainContentHomepage-zh h2 
	{font-size: 17px;font-weight:normal;} 
#mainContentHomepage-zh h3 
	{font-size: 14px;font-weight:normal;
	/* font-style:italic; */} 
#mainContentHomepage-zh p 
	{font-size: 12px;
	/* color: #000; */} 
	

#mainContentHomepage-zh li 
	{font-size: 12px;}
	 
#footer 
	{ 
	padding: 0 0px 0 0px; /* 0 10px 0 20px;this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;} 
#footer p 
	{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
	font:  Arial,  Helvetica, Verdana, sans-serif;}

#footersummary 
	{ padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#dddddd;
	font:  Arial,  Helvetica, Verdana, sans-serif;} 
#footersummary p 
	{ margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 9px;
	font:  Arial,  Helvetica, Verdana, sans-serif;}
	
	
#ftn p/* footnote */ 
	{font-size: 11px;
	font-style:italic;
	color:#5a70b2;}
	
	
.fltrt 
	{ /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;}
.fltlft 
	{ /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;}
.clearfloat 
	{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
	


/* Formatting for bidding menus - blue  */

	#sddmenubidding 
	{	/* this set of classes is used with pull down navigation and javascript for bidding page */
		margin: 0;
		padding: 0;
		z-index:+30;
		}

	#sddmenubidding li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 11px arial;
		z-index:+30;
		}/* font: bold 11px arial */

	#sddmenubidding li a  /* main menu  whole width, this is the heading colour and size */
	{	display: block;
		margin: 0 1px 0 0;/* margin: 0 1px 0 0; */
		padding: 6px 5px;/* padding 6, 5  padding: 4px 10px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		width: 60px;/* width: 60px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	height:29px; /* height:29px; define height of top bar, re 40/1 eslewhere   */
		background-color: #dddddd;/*  #5068aa; This is the colout of the background of the main menu #5068aa;  Dec 2011   -color:-color:-color:-color:-color:-color: background:  #aa2277;#5A70B2;  #5970B2; main bar background colour*/
		color: #333;/* co6or: #FFF; */
		text-align: center;
		text-decoration: none;
		font-size: 1.1em;
		z-index:+30;
		}

	#sddmenubidding li a:hover /* long bar background hover colour   */
	{	background-color: #d3e2e7;
		color: #333; /*  #2975DE; #49A3FF long bar background hover colour   */
	}

	#sddmenubidding div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background-color: #EAEBD8;/*     #EAEBD8;     border: 1px solid #5970B2 pulldowncolour border   -color:-color:-color:-color:-color: background: #EAEBD8; */
		border: 1px solid #5068aa;
		z-index:+30;
		}/* border: 1px solid #5970B2 pulldowncolour border */

		#sddmenubidding div a  /* pulldown segmewnts of menu except main left part */
		{	position: relative;
			display: block;
			   /*  */
			padding: 5px 10px; /*  */   
	height:12px;			/* height:12px;  control height  of pull down, all segmewnts of menu except main par */
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			background-color: #f3f3f3;/*    #f3f3f3;       -color:-color:-color:-color:-color: background:#EAEBD8 ;  pulldowncolour backgrouund*/
			color: #333;/* #38488a; = dark blue,  #2975DE; color: #2875DE; pulldown colour text */
			font: 12px arial;
			z-index:+30;}/* font: 11px arial */
	
	
		#sddmenubidding div a:hover
		{	background-color:#e0e0e0; /* EAEBD8  #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: #333;
			z-index:+30;
			}/* color: #FFF */
			
			
			
#sddmenubidding li.mainmenu  a   /* main left menu only, this is the heading colour and size */			
{	background-color: #ddddde; /*  #38488a   *//*  -color:-color:-color:-color:-color:#38488a;  */
	color:#333;
height:29px;/*29???? */	
	z-index:+30;
	}
	
#sddmenubidding li.mainmenu  a:hover 	 /* main left menu only, this is the heading colour and size */			
{	background-color: #cccccd; /*  #38488a   *//* -color:-color:-color:-color:-color: #40589a  #4460a2 */
	color:white; /* color:white; */
height:29px;	 /* height:14px; */
	z-index:+30;
	}
	
	
	#sddmenubidding li div.mainmenu a    /* main left menu only, pull down ? */	
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: blue;/* color: #FFF */
			height:14px;
			z-index:+30;
			}


	#sddmenubidding div.mainmenu a
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}

	#sddmenubidding div a.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
			
	#sddmenubidding div a:hover.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
		#sddmenubidding.mainmenu div a:hover
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}		
			



/* Formatting for beginner menus - green  */	

			
	#sddmenubeginner 
	{	/* this set of classes is used with pull down navigation and javascript for bidding page */
		margin: 0;
		padding: 0;
		z-index:+30;
		}

	#sddmenubeginner li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 11px arial;
		z-index:+30;
		}/* font: bold 11px arial */

	#sddmenubeginner li a  /* main menu  whole width, this is the heading colour and size */
	{	display: block;
		margin: 0 1px 0 0;/* margin: 0 1px 0 0; */
		padding: 6px 5px;/* padding 6, 5  padding: 4px 10px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		width: 60px;/* width: 60px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		height:29px; /* height:29px; define height of top bar, re 40/1 eslewhere   */
		background-color: #dddddd;/*  This is the colout of the background of the main menu #5068aa;  Dec 2011   -color:-color:-color:-color:-color:-color: background:  #aa2277;#5A70B2;  #5970B2; main bar background colour*/
		color: #333;/* color: #FFF; */
		text-align: center;
		text-decoration: none;
		font-size: 1.1em;
		z-index:+30;
		}

	#sddmenubeginner li a:hover /* long bar background hover colour   */
	{	background-color: #d3e2e7;
		color: #333; /*  #2975DE; #49A3FF long bar background hover colour   */
	}

	#sddmenubeginner div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background-color: #EAEBD8;/*     #EAEBD8;     border: 1px solid #5970B2 pulldowncolour border   -color:-color:-color:-color:-color: background: #EAEBD8; */
		border: 1px solid #5068aa;
		z-index:+30;
		}/* border: 1px solid #5970B2 pulldowncolour border */

		#sddmenubeginner div a  /* pulldown segmewnts of menu except main left part */
		{	position: relative;
			display: block;
			   /*  */
			padding: 5px 10px; /*  */   
	height:12px;			/* height:12px;  control height  of pull down, all segmewnts of menu except main par */
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			background-color: #f3f3f3;/*    #f3f3f3;       -color:-color:-color:-color:-color: background:#EAEBD8 ;  pulldowncolour backgrouund*/
			color: #333;/* #38488a; = dark blue,  #2975DE; color: #2875DE; pulldown colour text */
			font: 12px arial;
			z-index:+30;}/* font: 11px arial */
	
	
		#sddmenubeginner div a:hover
		{	background-color:#e0e0e0; /* EAEBD8  #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: #333;
			z-index:+30;
			}/* color: #FFF */
			
			
			
#sddmenubeginner li.mainmenu  a   /* main left menu only, this is the heading colour and size */			
{	background-color: #ddddde; /*  -color:-color:-color:-color:-color:#38488a;  */
	color:#333;
height:29px;/*29???? */	
	z-index:+30;
	}
	
#sddmenubeginner li.mainmenu  a:hover 	 /* main left menu only, this is the heading colour and size */			
{	background-color: #cccccd; /*  #38488a   *//* -color:-color:-color:-color:-color: #40589a  #4460a2 */
	color:white; /* color:white; */
height:29px;	 /* height:14px; */
	z-index:+30;
	}
	
	
	#sddmenubeginner li div.mainmenu a    /* main left menu only, pull down ? */	
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: blue;/* color: #FFF */
			height:14px;
			z-index:+30;
			}


	#sddmenubeginner div.mainmenu a
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}

	#sddmenubeginner div a.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
			
	#sddmenubeginner div a:hover.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
		#sddmenubeginner.mainmenu div a:hover
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}		
			
	
	
	
/* Formatting for playing menus - purple  */	

			
	#sddmenuplaying 
	{	/* this set of classes is used with pull down navigation and javascript for bidding page */
		margin: 0;
		padding: 0;
		z-index:+30;
		}

	#sddmenuplaying li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 11px arial;
		z-index:+30;
		}/* font: bold 11px arial */

	#sddmenuplaying li a  /* main menu  whole width, this is the heading colour and size */
	{	display: block;
		margin: 0 1px 0 0;/* margin: 0 1px 0 0; */
		padding: 6px 5px;/* padding 6, 5  padding: 4px 10px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		width: 60px;/* width: 60px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	height:29px; /* height:29px; define height of top bar, re 40/1 eslewhere   */
		background-color: #dddddd;/*  This is the colout of the background of the main menu #5068aa;  Dec 2011   -color:-color:-color:-color:-color:-color: background:  #aa2277;#5A70B2;  #5970B2; main bar background colour*/
		color: #333;/* color: #FFF; */
		text-align: center;
		text-decoration: none;
		font-size: 1.1em;
		z-index:+30;
		}

	#sddmenuplaying li a:hover /* long bar background hover colour   */
	{	background-color: #d3e2e7;
		color: #333; /*  #2975DE; #49A3FF long bar background hover colour   */
	}

	#sddmenuplaying div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background-color: #EAEBD8;/*     #EAEBD8;     border: 1px solid #5970B2 pulldowncolour border   -color:-color:-color:-color:-color: background: #EAEBD8; */
		border: 1px solid #5068aa;
		z-index:+30;
		}/* border: 1px solid #5970B2 pulldowncolour border */

		#sddmenuplaying div a  /* pulldown segmewnts of menu except main left part */
		{	position: relative;
			display: block;
			   /*  */
			padding: 5px 10px; /*  */   
	height:12px;			/* height:12px;  control height  of pull down, all segmewnts of menu except main par */
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			background-color: #f3f3f3;/*    #f3f3f3;       -color:-color:-color:-color:-color: background:#EAEBD8 ;  pulldowncolour backgrouund*/
			color: #333;/* #38488a; = dark blue,  #2975DE; color: #2875DE; pulldown colour text */
			font: 12px arial;
			z-index:+30;}/* font: 11px arial */
	
	
		#sddmenuplaying div a:hover
		{	background-color:#e0e0e0; /* EAEBD8  #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: #333;
			z-index:+30;
			}/* color: #FFF */
			
			
			
#sddmenuplaying li.mainmenu  a   /* main left menu only, this is the heading colour and size */			
{	background-color: #ddddde; /*  #38488a   *//*  -color:-color:-color:-color:-color:#38488a;  */
	color:#333;
height:29px;/*29???? */	
	z-index:+30;
	}
	
#sddmenuplaying li.mainmenu  a:hover 	 /* main left menu only, this is the heading colour and size */			
{	background-color: #cccccd; /*  #38488a   *//* -color:-color:-color:-color:-color: #40589a  #4460a2 */
	color:white; /* color:white; */
height:29px;	 /* height:14px; */
	z-index:+30;
	}
	
	
	#sddmenuplaying li div.mainmenu a    /* main left menu only, pull down ? */	
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: blue;/* color: #FFF */
			height:14px;
			z-index:+30;
			}


	#sddmenuplaying div.mainmenu a
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}

	#sddmenuplaying div a.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
			
	#sddmenuplaying div a:hover.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
		#sddmenuplaying.mainmenu div a:hover
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}		







/* Formatting for deals menus -  */	

			
	#sddmenudeals 
	{	/* this set of classes is used with pull down navigation and javascript for bidding page */
		margin: 0;
		padding: 0;
		z-index:+30;
		}

	#sddmenudeals li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 11px arial;
		z-index:+30;
		}/* font: bold 11px arial */

	#sddmenudeals li a  /* main menu  whole width, this is the heading colour and size */
	{	display: block;
		margin: 0 1px 0 0;/* margin: 0 1px 0 0; */
		padding: 6px 5px;/* padding 6, 5  padding: 4px 10px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		width: 60px;/* width: 60px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	height:29px; /* height:29px; define height of top bar, re 40/1 eslewhere   */
		background-color: #dddddd;/*  This is the colout of the background of the main menu #5068aa;  Dec 2011   -color:-color:-color:-color:-color:-color: background:  #aa2277;#5A70B2;  #5970B2; main bar background colour*/
		color: #333;/* color: #FFF; */
		text-align: center;
		text-decoration: none;
		font-size: 1.1em;
		z-index:+30;
		}

	#sddmenudeals li a:hover /* long bar background hover colour   */
	{	background-color: #d3e2e7;
		color: #333; /*  #2975DE; #49A3FF long bar background hover colour   */
	}

	#sddmenudeals div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background-color: #EAEBD8;/*     #EAEBD8;     border: 1px solid #5970B2 pulldowncolour border   -color:-color:-color:-color:-color: background: #EAEBD8; */
		border: 1px solid #5068aa;
		z-index:+30;
		}/* border: 1px solid #5970B2 pulldowncolour border */

		#sddmenudeals div a  /* pulldown segmewnts of menu except main left part */
		{	position: relative;
			display: block;
			   /*  */
			padding: 5px 10px; /*  */   
	height:12px;			/* height:12px;  control height  of pull down, all segmewnts of menu except main par */
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			background-color: #f3f3f3;/*    #f3f3f3;       -color:-color:-color:-color:-color: background:#EAEBD8 ;  pulldowncolour backgrouund*/
			color: #333;/* #38488a; = dark blue,  #2975DE; color: #2875DE; pulldown colour text */
			font: 12px arial;
			z-index:+30;}/* font: 11px arial */
	
	
		#sddmenudeals div a:hover
		{	background-color:#e0e0e0; /* EAEBD8  #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: #333;
			z-index:+30;
			}/* color: #FFF */
			
			
			
#sddmenudeals li.mainmenu  a   /* main left menu only, this is the heading colour and size */			
{	background-color: #ddddde;/*  #38488a   */ /*  -color:-color:-color:-color:-color:#38488a;  */
	color:#333;
height:29px;/*29???? */	
	z-index:+30;
	}
	
#sddmenudeals li.mainmenu  a:hover 	 /* main left menu only, this is the heading colour and size */			
{	background-color: #cccccd; /*  #38488a   *//* -color:-color:-color:-color:-color: #40589a  #4460a2 */
	color:#333; /* color:white; */
height:29px;	 /* height:14px; */
	z-index:+30;
	}
	
	
	#sddmenudeals li div.mainmenu a    /* main left menu only, pull down ? */	
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: blue;/* color: #FFF */
			height:14px;
			z-index:+30;
			}


	#sddmenudeals div.mainmenu a
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}

	#sddmenudeals div a.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
			
	#sddmenudeals div a:hover.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
		#sddmenudeals.mainmenu div a:hover
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}		















/* Formatting for quiz menus - all except beginners */			

			
	#sddmenuquiz 
	{	/* this set of classes is used with pull down navigation and javascript for bidding page */
		margin: 0;
		padding: 0;
		z-index:+30;
		}

	#sddmenuquiz li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 11px arial;
		z-index:+30;
		}/* font: bold 11px arial */

	#sddmenuquiz li a  /* main menu  whole width, this is the heading colour and size */
	{	display: block;
		margin: 0 1px 0 0;/* margin: 0 1px 0 0; */
		padding: 6px 5px;/* padding 6, 5  padding: 4px 10px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		width: 60px;/* width: 60px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		height:29px; /* height:29px; define height of top bar, re 40/1 eslewhere   */
		background-color: #dddddd;/*  This is the colout of the background of the main menu #5068aa;  Dec 2011   -color:-color:-color:-color:-color:-color: background:  #aa2277;#5A70B2;  #5970B2; main bar background colour*/
		color: #333;/* color: #FFF; */
		text-align: center;
		text-decoration: none;
		font-size: 1.1em;
		z-index:+30;
		}

	#sddmenuquiz li a:hover /* long bar background hover colour   */
	{	background-color: #d3e2e7;
		color: #333; /*  #2975DE; #49A3FF long bar background hover colour   */
	}

	#sddmenuquiz div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background-color: #EAEBD8;/*     #EAEBD8;     border: 1px solid #5970B2 pulldowncolour border   -color:-color:-color:-color:-color: background: #EAEBD8; */
		border: 1px solid #5068aa;
		z-index:+30;
		}/* border: 1px solid #5970B2 pulldowncolour border */

		#sddmenuquiz div a  /* pulldown segmewnts of menu except main left part */
		{	position: relative;
			display: block;
			   /*  */
			padding: 5px 10px; /*  */   
	height:12px;			/* height:12px;  control height  of pull down, all segmewnts of menu except main par */
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			background-color: #f3f3f3;/*    #f3f3f3;       -color:-color:-color:-color:-color: background:#EAEBD8 ;  pulldowncolour backgrouund*/
			color: #333;/*  #38488a   *//* #38488a; = dark blue,  #2975DE; color: #2875DE; pulldown colour text */
			font: 12px arial;
			z-index:+30;}/* font: 11px arial */
	
	
		#sddmenuquiz div a:hover
		{	background-color:#e0e0e0; /* EAEBD8  #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: #333;
			z-index:+30;
			}/* color: #FFF */
			
			
			
#sddmenuquiz li.mainmenu  a   /* main left menu only, this is the heading colour and size */			
{	background-color: #ddddde; /*  #38488a   *//*  -color:-color:-color:-color:-color:#38488a;  */
	color:#333;
height:29px;/*29???? */	
	z-index:+30;
	}
	
#sddmenuquiz li.mainmenu  a:hover 	 /* main left menu only, this is the heading colour and size */			
{	background-color: #cccccd; /*  #38488a   *//* -color:-color:-color:-color:-color: #40589a  #4460a2 */
	color:white; /* color:white; */
height:29px;	 /* height:14px; */
	z-index:+30;
	}
	
	
	#sddmenuquiz li div.mainmenu a    /* main left menu only, pull down ? */	
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: blue;/* color: #FFF */
			height:14px;
			z-index:+30;
			}


	#sddmenuquiz div.mainmenu a
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}

	#sddmenuquiz div a.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
			
	#sddmenuquiz div a:hover.mainmenu
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}
			
		#sddmenuquiz.mainmenu div a:hover
		{	background-color:green;/* #d3e2e7;-color:-color:-color:-color:-color:background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: yellow;/* color: #FFF */
			height:14px;
			z-index:+30;
			}		



/* Formatting for unknown menus - does not seem to be used anywhere*/	


	#sddmquestions 
	{	/* this set of classes is used with pull down navigation and javascript for bidding page */
		margin: 0;
		padding: 0;
		z-index: 30}

	#sddmquestions li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 12px arial}/*Font size for main menu font: bold 11px arial */

	#sddmquestions li a
	{	display: block;
		margin: 0 1px 0 0;/* margin: 0 1px 0 0; */
		padding: 6px 5px;/* padding 6, 5  padding: 4px 10px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		width: 65px;/* width: 60px;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		background: #5068aa;/* background:5068aa = slightly reddish blue   #aa2277;#5A70B2;  #5970B2; main bar background colour*/
		color: #FFF;/* co6or: #FFF; */
		text-align: center;
		text-decoration: none;
		font-size: 1.1em;}/* 1.1em */

	#sddmquestions li a:hover
	{	background: #2975DE;}/* background: d3e2e7 = very pale blue, from wave. #49A3FF main bar background hover colour   */

	#sddmquestions div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background: #f4f5eb;/* background: #EAEBD8; = pearl */
		border: 1px solid #5068aa;/* border: 1px solid #5970B2 pulldowncolour border */
		font: 12px arial}/* font size for text */

		#sddmquestions div a
		{	position: relative;
			display: block;
			margin: 0;
			padding: 5px 10px;
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			background: #f4f5eb;/* background:#EAEBD8 = pearl ;  pulldowncolour backgrouund*/
			color: #2975DE;/* color:#2975DE=full blue #2875DE; pulldown colour text */
			font: 12px arial}/* font size for link font: 11px arial */
	
	
#sddmquestions li.mainmenu  a 
			
{
	background: #ddddde; /*  #40589a  #4460a2 */
	color:#333;
	}

		#sddmquestions div a:hover
		{	background: #d3e2e7;;/* background: #49A3FF; pulldowncolour backgrouund, hovering */
			color: #333}/* color: #FFF */










.colourone {
	color: #419D3E;/* only used for a test */
}


			
.th2 {text-align:center;color:white; background-color:#304C8B; font:bold 10pt Arial;}
.th1 {text-align:center;color:white; background-color:#304C8B; font:bold 9pt Arial;}
.thd {text-align:center;/* color:black; */ background:#d3e2e7; font:bold 9pt Arial;}/*  background:#4064b9  */
.thdL {text-align:left;/* color:black; */ background:#d3e2e7; font: 9pt Arial;}/*  background:#4064b9  */

/*.thdL #table100 a:link {color:white}/* color:#2d485b this is the colour of text in the banner ?? */

/*.thdL #table100 a:visited {color:white}*/

/*.thdL #table100 a:hover {color:white;background-color:#464646}*/

/*.thdL #table100 a:active {color:white; background-color:#CCC} */





.thd1 {text-align:left;color:white; background:#4064b9; font:bold 6pt Arial;}


.thdLBW {text-align:left;/* color:black; */ background:white; font: 10pt Arial;}


.tha {text-align:center;color:white; background:#FA8158; font:bold 9pt Arial;}
.thb {text-align:center;color:white; background:#448dfb; font:bold 9pt Arial;}
.the {text-align:center;color:white; background:#304C8B; font:bold 9pt Arial;}
.thc {text-align:center;/* color:black; */ background:#d3e2e7; font:bold 9pt Arial;}/* background:#317CC8;   */
.thf {text-align:center;color:white; background:#304C8B; font:bold 9pt Arial;}/*    */
.thg {text-align:center;color:white; background:#5068aa; font:bold 12pt Arial;padding: 6px 5px;margin-left: 8px;}/* background:#333366;   */
.thgL {text-align:left;color:white; background:#5068aa; font:bold 12pt Arial; padding: 6px 5px;margin-left: 8px;}/*  background:#333366;  */
.thgdarker {text-align:center;color:white; background:#5068aa; font:bold 10pt Arial;}/* background:#333366;   */
.th7 {text-align:center;color:white; background:blue; font:bold 9pt "Arial";}
.th8 {text-align:center;color:white; background:blue; font:bold 9pt "Arial";}
.big {text-align:justify;letter-spacing:.005em;text-indent:0pt; /* color:black; */ background:white;
font: 14pt "Verdana","Myriad Roman";}




 .superscript{font-size:xx-small; vertical-align:top;color:#5a70b2;} 
.subscript{font-size:xx-small; vertical-align:bottom;} 





.tsh {text-align:center;color:white; background:#FA8158; border: 5px solid #000000; font:bold 9pt Arial;}



#standardtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%;
border-collapse:collapse;
}
#standardtable td, #standardtable th 
{
font-size:0.8em;
border:1px solid #666;
padding:3px 7px 2px 7px;
}
#standardtable th 
{
font-size:1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#5068aa;
color:#fff;
}
#standardtable tr.alt td 
{
/* color:#000; */
background-color:#d3e2e7 ;  /*  d3e2e7    b9d5df;  */     
}

#standardtable tr.invite td 
{
/* color:#000; */
background-color:#ffc;  /*  ffa = yellow    d3e2e7    b9d5df;  */     
}

#standardtable tr.strong td 
{
/* color:#000; */
background-color:#ff8 ;  /*  ff4 = yellow    d3e2e7    b9d5df;  */               
}

#standardtable tr.game td 
{
/* color:#000; */
background-color:#fe2 ;  /*  fc2 = orangy    d3e2e7    b9d5df;  */     
}

#standardtable tr.slam td 
{
/* color:#000; */
background-color:#fb1 ;  /*  fa8 = very orangy     d3e2e7    b9d5df;  */     
}

#standardtable tr.hot td 
{
/* color:#000; */
background-color:#fb1 ;  /*  f91 = more orangy still   d3e2e7    b9d5df;  */     
}


border-collapse:collapse;

#biddinglisttable{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%;
border-collapse:collapse;
text-align:center;
}

#biddinglisttable tr.rowline 
{
background-color:#b9d5df; 
}

#biddinglisttable td, #biddinglisttable th 
{
font-size:0.9em;
text-align:center; 

}


#dealtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%;
border-collapse:collapse;
}	

#dealtable td, #dealtable th 
{
font-size:0.8em;
/*padding-top:4px;border:1px solid #666;*/
text-align:left; 
/*padding:2px 7px 2px 7px;*/
/*added  background-color:#d3e2e7; */
}
#dealtable th 
{
font-size:1em;
text-align:left;  /*was center;*/
padding:0px 2px 0px 3px;/*padding-top:4px;*/
/*padding-bottom:3px;*/
background-color:#5068aa;
color:#fff;
}
#dealtable tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}

#dealtable tr.redcard td 
{
color:red; /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}
#dealtable tr.yellowback td 
{
/*color:white; /*alignment the main question etc */
background-color:#ff9; 
text-align:left; 
font-size:0.8em;
}
#dealtable tr.greenhead td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}
.greenheader {
	background-color:#090;
	font:bold 50pt Arial;
	color: #FFF;
}
.yellowtable {
	font: 59pt Arial;
	background-color:#FF9;
	text-align: center;
}
.redcard {
color:red; /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}

#container #mainContent #testarea #testblockone #dealtable tr td  {text-align: left;}
#tableborder	{border:1px solid #666;} 



#handtableside /* THIS IS FOR SIDEBAR@ only */
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:82px;/*25*/
border:0px solid #666;
border-collapse:collapse;
}

#handtableside td, #handtable th 
{
font-size:0.9em;
/*padding-top:4px;border:1px solid #666;*/
text-align:left; 
/*padding:2px 7px 2px 7px;*/
background-color:#d3e2e7; /*background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   */
}
#handtableside th 
{
font-size:1em;
text-align:left;  /*was center;*/
padding:0px 2px 0px 3px;/*padding-top:4px;*/
/*padding-bottom:3px;*/
background-color:#5068aa;
color:#fff;
}
#handtableside tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}

#handtableside tr.redcard td 
{
color:red; /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}
#handtableside tr.yellowback td 
{
/*color:white; /*alignment the main question etc */
background-color:#ff9; 
text-align:left; 
font-size:0.9em;
}

 
#quizlinkposn
{
	position: absolute;
	font-size: 0.65em;
	top: 12px;
	left: 5px; /*  */
	width: 204px;
	}

#quizdealposn
{	font-size: 0.85em;
	width: 100%;
	position: absolute;
	top: 00px;
	left: 720px;/*   was 620   */
	z-index: 19;
	/*  */
	}

#quizhandtable
{
left:150px;/*   is this seen ?   */
width:125px;/*   95%;   25*/
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border:0px solid #666;
border-collapse:collapse;
}	

#quizhandtable td, #quizhandtable th 
{
font-size:1em; /*was 0.9em;*/
/*padding-top:4px;border:1px solid #666;*/
text-align:left; 
/*padding:2px 7px 2px 7px;*/
background-color:#d3e2e7; /*background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   */
}
#quizhandtable th 
{
font-size:1em;
text-align:left;  /*was center;*/
padding:0px 2px 0px 3px;/*padding-top:4px;*/
/*padding-bottom:3px;*/
background-color:#5068aa;
color:#fff;
}
#quizhandtable tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}

#quizhandtable tr.yellowback td 
{
/*color:white; /*alignment the main question etc */
background-color:#ff9; 
text-align:left; 
font-size:1.2em;
}

.center
{
margin-left:auto;
margin-right:auto;
width:70%;
text-align:left;
}

#showhand
{width:100%	;  
   vertical-align: top;

}

#showpair
{width:100%	; vertical-align: top;
}


#showhandbids
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    position: relative;
	top: 0px;
	left: 275px;
	
width:42%;
font-size:0.8em;
border:0px solid #666;
border-collapse:collapse;
text-align:center; 	

}	

#showhandbids th 
{
font-size:1em;
background-color:#5068aa;
color:#fff;
}
	

#pairhandtablewords
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
/*width:100%;   95%;   25*****************/
border:0px solid #666;
border-collapse:collapse;

}	
#pairhandtablewords td  
{
font-size:0.9em;
/*padding-top:4px;border:1px solid #666;*/
text-align:left;/*******************************************************/ 
/*padding:2px 7px 2px 7px;*/
background-color:#d3e2e7; /*background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   */
}

 #pairhandtablewords th  
{
font-size:0.9em;
/*padding-top:4px;border:1px solid #666;*/
/*text-align:left;******************************************************/ 
/*padding:2px 7px 2px 7px;*/
background-color:#d3e2e7; /*background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   */
}

#pairhandtablewords tr.yellowback td 
{
/*color:white; /*alignment the main question etc */
background-color:#ff9; 
text-align:left; 
font-size:0.9em;
}




#onehandtablewords
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
/*width:100%;   95%;   25*******************************/
border:0px solid #666;
border-collapse:collapse;
}	
#onehandtablewords td, #onehandtablewords th 
{
font-size:0.9em;
/*padding-top:4px;border:1px solid #666;*/
text-align:left;/*******************************************************/ 
/*padding:2px 7px 2px 7px;*/
background-color:#d3e2e7; /*background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   */
}

#onehandtablewords tr.yellowback td 
{
/*color:white; /*alignment the main question etc */
background-color:#ff9; 
text-align:left; 
font-size:0.9em;
}



#onehandtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:20%;/*   95%;   25*/
border:0px solid #666;
border-collapse:collapse;
}	

#onehandtable td, #onehandtable th 
{
font-size:0.9em;
/*padding-top:4px;border:1px solid #666;*/
text-align:left; 
/*padding:2px 7px 2px 7px;*/
background-color:#d3e2e7; /*background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   */
}

#onehandtable tr.yellowback td 
{
/*color:white; /*alignment the main question etc */
background-color:#ff9; 
text-align:left; 
font-size:0.9em;
}

 
 
#handtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%;/*   95%;   25*/
border:0px solid #666;
border-collapse:collapse;
}	

#handtable td, #handtable th 
{
font-size:0.9em;
/*padding-top:4px;border:1px solid #666;*/
text-align:left; 
/*padding:2px 7px 2px 7px;*/
background-color:#d3e2e7; /*background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   */
}
#handtable th 
{
font-size:1em;
text-align:left;  /*was center;*/
padding:0px 2px 0px 3px;/*padding-top:4px;*/
/*padding-bottom:3px;*/
background-color:#5068aa;
color:#fff;
}
#handtable tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}

#handtable tr.redcard td 
{
color:red; /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}
#handtable tr.yellowback td 
{
/*color:white; /*alignment the main question etc */
background-color:#ff9; 
text-align:left; 
font-size:0.9em;
}



 

#commentdealtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%; 
border-collapse:collapse;
}
#commentdealtable td
{
font-size:0.8em;
border:1px solid #666;
text-align:left; 
padding:2px 7px 2px 7px;
background-color:white;/*added  #d3e2e7    e3eaec #b9d5df   d3e2e7*/
}



#commentdealtable tr.alt td
{
color:white; /* */
background-color:#5068aa;   /* #5068aa */
text-align:left;
padding:2px 7px 2px 7px;
font-size:0.8em;
}


#showhandtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%;/*   95%;   25*/
border:0px solid #666;
border-collapse:collapse;
}	

/*#showhandtable td, #handtable th 
{
font-size:0.9em;
/*padding-top:4px;border:1px solid #666;
text-align:left; 
/*padding:2px 7px 2px 7px;
background-color:#d3e2e7; /*background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   
}*/
#showhandtable th 
{
font-size:1em;
text-align:left;  /*was center;*/
padding:0px 2px 0px 3px;/*padding-top:4px;*/
/*padding-bottom:3px;*/
background-color:#5068aa;
color:#fff;
}
#showhandtable tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}

#showhandtable tr.redcard td 
{
color:red; /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}
#showhandtable tr.yellowback td 
{
/*color:white; /*alignment the main question etc */
background-color:#ff9; 
text-align:left; 
font-size:0.9em;
}







 

#biddingtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%; /*  75 */
border-collapse:collapse;
}
#biddingtable td, #biddingtable th 
{
font-size:0.9em;
border:1px solid #666;
text-align:center; 
padding:2px 7px 2px 7px;
background-color:#d3e2e7;/*added  e3eaec #b9d5df   d3e2e7*/
}
#biddingtable th 
{
font-size:1em;
text-align:left; /* alignement etc for top line */
padding-top:4px;
padding-bottom:3px;
background-color:#5068aa;
color:#fff;
}
#biddingtable tr.alt td 
{
color:white; /*alignment for suit header etc */
background-color:#5068aa; 
text-align:center; 
font-size:0.9em;
}



 
#questiontable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%;
border-collapse:collapse;
}
#questiontable td, #questiontable th 
{
font-size:0.8em;
border:1px solid #666;
text-align:center; 
padding:2px 7px 2px 7px;
background-color:#d3e2e7;/*added*/
}
#questiontable th 
{
font-size:1em;
text-align:left; /* alignement etc for top line */
padding-top:4px;
padding-bottom:3px;
background-color:#5068aa;
color:#fff;
}
#questiontable tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}


#playtablesideposn
{
width:98%;  /* 97   Jan 2012        95, 100,  */
}

#playtableposn
{
 /* width:100%;  */
}
#playtable
{
/*position: relative;/*   relative   BEWARE NOV 14 2010  */
/*left:0px;*/
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
text-align:left;
z-index: +0; /*  was 10, but this obscures answers to questions in the RH block */
}
#playtable td, #playtable th 
{
font-size:0.9em;
border:1px solid #666;
text-align:left; 
padding:2px 7px 2px 7px;
background-color:white;/*#d3e2e7; pale blue*/
}
#playtable th 
{
font-size:0.72em; 
font-style:normal;
color: #777;
text-align:left; /* alignement etc for top line */
padding-top:4px;
padding-bottom:3px;
padding-right:3px;
background-color:white;

}
#playtable tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left;
font-size:0.8em;
}

#playtable tr.alt2 td 
{
/* color:black; */ /*alignment the main question etc */
background-color:#d3e2e7; 
padding:2px 7px 2px 7px;
/*font-size:0.8em;*/

}






#commenttable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%;
border-collapse:collapse;
text-align:left;
}
#commenttable td, #commenttable th 
{
font-size:0.9em;
border:1px solid #666;
text-align:left; 
padding:2px 7px 2px 7px;
background-color:#d3e2e7;/*added*/
}
#commenttable th 
{
font-size:1em;
text-align:left; /* alignement etc for top line */
padding-top:4px;
padding-bottom:3px;
background-color:#5068aa;
color:#fff;
}
#commenttable tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.8em;
}


#biddingsystemtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#biddingsystemtable td, #biddingsystemtable th 
{
font-size:0.9em;
border:1px solid #666;
text-align:left; 
padding:2px 7px 2px 7px;
background-color:#d3e2e7;/*added*/
}
#biddingsystemtable th 
{
font-size:1em;
text-align:left; /* alignement etc for top line */
padding-top:4px;
padding-bottom:3px;
background-color:#5068aa;
color:#fff;
}
#biddingsystemtable tr.alt td 
{
/* color:black; */ /*alignment the main question etc */
background-color:white; 
text-align:left; 
font-size:0.9em;
}
#biddingsystemtable tr.alt2 td 
{
/* color:black; */ /*alignment the main question etc */
 
text-align:centre; 

}



#dealtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#dealtable td, #dealtable th 
{
font-size:0.7em;
border:1px solid #666;
padding:2px 5px 1px 5px;
}
#dealtable th 
{
font-size:0.8em;
text-align:left;
padding-top:3px;
padding-bottom:2px;
background-color:#5068aa;
color:#fff;
}
#dealtable tr.alt td 
{
/* color:#000; */
background-color:#d3e2e7 ;  /*  d3e2e7    b9d5df;  */     
}

#dealtable tr.invite td 
{
/* color:#000; */
background-color:#ffc;  /*    #ffa   d3e2e7    b9d5df;  */     
}

#dealtable tr.strong td 
{
/* color:#000; */
background-color:#ffa ;  /*    #ff4   d3e2e7    b9d5df;  */     
}

#dealtable tr.game td 
{
/* color:#000; */
background-color:#fe2 ;  /*    #fc2   d3e2e7    b9d5df;  */     
}

#dealtable tr.slam td 
{
/* color:#000; */
background-color:#fb1 ;  /*     #f91   d3e2e7    b9d5df;  */     
}















#cribsheettable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:93%;
border-collapse:collapse;
}
#cribsheettable td, #cribsheettable th 
{
font-size:0.7em;
border:1px solid #666;
padding:2px 5px 1px 5px;
}
#cribsheettable th 
{
font-size:0.8em;
text-align:left;
padding-top:3px;
padding-bottom:2px;
background-color:#5068aa;
color:#fff;
}
#cribsheettable tr.alt td 
{
/* color:#000; */
background-color:#d3e2e7 ;  /*  d3e2e7    b9d5df;  */     
}

#cribsheettable tr.invite td 
{
/* color:#000; */
background-color:#ffc;  /*    #ffa   d3e2e7    b9d5df;  */     
}

#cribsheettable tr.strong td 
{
/* color:#000; */
background-color:#ffa ;  /*    #ff4   d3e2e7    b9d5df;  */     
}

#cribsheettable tr.game td 
{
/* color:#000; */
background-color:#fe2 ;  /*    #fc2   d3e2e7    b9d5df;  */     
}

#cribsheettable tr.slam td 
{
/* color:#000; */
background-color:#fb1 ;  /*     #f91   d3e2e7    b9d5df;  */     
}


#hcptable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:99%;
border-collapse:collapse;
}
#hcptable td, #hcptable th 
{
font-size:0.9em;
border:0px solid #666; /* 1px solid #666; */
text-align:left; 
padding:2px 3px 2px 3px;
background-color:#d3e2e7;/*d3e2e7 = very pale blue, from wave  e3eaec #b9d5df   */
}
#hcptable th 
{
font-size:0.75em;
text-align:left; /* alignement etc for top line */
padding-top:0px;
padding-bottom:0px;
background-color:#5068aa;/* d3e2e7 = very pale blue, from wave.  #5068aa = nav bar background colour, dark blue*/
color:#fff;
}
#hcptable tr.alt td 
{
color:white; /*alignment for suit header etc */
background-color:#5068aa;/* d3e2e7 = very pale blue, from wave.  #5068aa = nav bar background colour, dark blue*/ 
text-align:center; 
font-size:0.9em;
}

#aquo
   {
   font: bold 20px Times New Roman;
   
   line-height: .8em;}
   
   #relative_envelope
   
      {
   position: relative;
   
  }
  
#technique_summary   {
   width:100%;
   border-width:0;
   border-collapse: collapse;
   /* text-decoration:underline;
   font:bold;*/
   } 
   
#technique_summary  tr.even td    {
   background:   #fff; /*  eee */
   ;/*  color:#222 */
   } 
   
   
#technique_summary  th    {
   background:   #eee;
   color:#222;
   text-align:left;
   }