/*========================================================================================*/
/*============================== /vaccsbookCSSs/vb_all.css  ==============================*/
/*========================================================================================*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*	Standard Colors:
		"Vaccsbook" in header:	 	rgb(200,20,40)	
		Prompts						rgb(240,102,104)
		Borders for errors etc		rgb(222,189,214)
	
*/

/*	CONTENTS:
		Body					
		DIVs
		Headers/Footers
		NAVs
		SECTIONS
		Buttons
		Links - Pseudo Buttons
		Forms
		Inputs
		Headers (html)
		IMGs
		Links
		Lists
		Paragraphs
		Spans
		Tables
		Table Header (cells)
		Table Rows
		Table Cells
		
*/		
/*	
@viewport	{	width				: device-width					;
			}	
*/			
		
/* ----------------------------------- BODY, Re-Set, Defaults ----------------------------- */
body		{		font-family			:	"Verdana"									;
				font-weight			:	normal										;
/*				font-size			:	16px										;	2018-01-23 */
				color				:	black										;
				-moz-box-sizing		:	border-box									;	
				-webkit-box-sizing	:	border-box									;				
				-ms-box-sizing		:	border-box									;				
				box-sizing			:	border-box									;
		}


/* get rid of blank lines between paragraphs */
p		{		margin-top			:	0											;
				margin-bottom		:	0											;
		}


/* ---------------------------------- DIVS  ----------------------------- 	*/
div						{
						margin-top		:	0		;
						margin-bottom	:	0		;
						}
div.div_align_centre		{	text-align			:	center						;
						}											
div.div_align_left		{	text-align			:	left						;
						}						
div.div_debug			{	text-align			:	left						;
						}
						
div.div_error_wrapper	{	width				: 	90%							;	/* prev 96% */
							margin				:	.5em auto .5em auto			;
							border				:	solid 2px rgb(222,189,214)	;
							border-radius		:	1.2em						;
/*							border-radius		:	20px						;	*/
							background-color	:	#fdedf2						;
						}

div.div_for_button_contents	
						{	
							font-size			:	1.1em									;
							text-align			:	center									;
							width				:	60%										;
							margin				: 	.3em auto .5em auto						;
/*							border				:	1px	rgb(222,189,214) solid				; 
							border-radius		:	1em										; as of 2019-01-20 */
						}	
						
div.div_for_button_1		{	color				:	navy									;	/*	used by "CONTINUE", color overwritten by sp_tahoma */ 
							font-size			:	1.1em									;
							text-align			:	center									;
							width				:	60%										;
							padding				:	.5em 0px .5em 0px						;
							margin				: 	.3em auto .5em auto						;
/*							border				:	1px	rgb(222,189,214) solid				; 
							border-radius		:	1em										;	*/
/*							background-image	: 	url(../covid/faint-west-nile.jpg)	;
							background-repeat	:	repeat									;
*/						}	

div.div_for_button_tryit	{		text-align			:	center									;	/* used by TRY IT ! (in about_02)*/	
								color				:	navy									;	 
								font-size			:	1.1em									;
								text-align			:	center									;
								width				:	40%										;  /* 40% of <nav monkeypox> */
								padding				:	.5em 0px .5em 0px						;
								margin				: 	.1em auto .3em auto						;
							/*	border				:	2px	green solid							; */
								}	

div.div_for_button_view		{	
								text-align			:	center									;	/* used by VIEW (in about_05)*/	
								color				:	navy									;	 
								font-size			:	1.1em									;
								text-align			:	center									;
								width				:	60%										; 
								padding				:	.2em 0px .2em 0px						;
								margin				: 	.2em auto .2em auto						;
							/*	border				:	2px	green solid							; */
								}	
								
div.div_for_button_2, div.div_for_button_2_narrow		
							{	text-align			:	center									;	/* eg submit or cancel, and special sign-up message */	
								font-size			:	1em										;		
								width				:	60%										; 	/* 2017-11-06 changed from 70% to improve messages */
								margin				: 	.3em auto .3em auto						;
								padding				:	.5em 0px .5em 0px						;
								border-radius		:	1em										;
							/*	border				:	1px	rgb(222,189,214) solid				;	*/
								background-image	: 	url(../covid/faint-pneumococcus-3.jpg)	; 
								background-repeat	:	repeat									;
							}
div.div_for_button_2	{	width				:	90%										; 	}

div.div_sign		{	width				:	90%						;	/* 2018-01-24 prev 98% */
							margin				:	.1em auto				;	/* 2018-01-24 prev 2px auto */
/*							font-size			: 	1.5em					;	/* size of font in actual input box */
							padding				:	.1em					;
/*							border				:	1px	red solid			;				*/
						}
						
div.div_for_input_1p5	{	width				:	98%						;	/* width is within form_ */
							margin				:	.3em auto				;
							font-size			: 	1.3em					;	/* 2016-10-23, added */
						}						

div.div_for_checkbox		{	color				:	black					;
							font-size			:	1.0em					;
							font-weight			:	bold					;
							width				:	98%						;	/* width is within sect_mayne */
							margin				:	.3em auto .3em .3em		;
							border				:	1px solid silver		;
							background			:	#fff8f8					;
						}

div.div_for_cut_and_paste	{	font-family			:	courier					;
								font-size			: 	1.5em					;
								text-align			:	left					;		
								width				:	80%						;
								margin				: 	1.5em auto 1.5em auto	;
								padding				:	0 0 0 1.5em				;
								border				:	1px silver solid		;
								background-color	:	white					;
						}
						
div.div_for_dummy_email	{	text-align		:	left							;	/* 2016-10-02, in ccfn_send_email */	
							width			:	50%								;
							margin			: 	1px auto 10px auto				;
							border			:	1px silver solid				;
							padding			:	4px 							;
							border-radius	:	10px							;
							line-height		:	1.5em							;
						}

						
div.div_for_faq_answer	{	text-align		:	left							;		
							color			:	#83002C							;
							width			:	80%								;
							margin			: 	.2em auto .5em auto				;
							padding			:	.2em	1em						;
							border			:	.1em solid #f9c7c2				;	
							border-radius	:	1em								;
							background		: 	white							;
						}
						
div.div_for_manuals		{	text-align			:	left						;	
							margin				: 	10px auto					;
							padding				:	8px							;
							width				:	70%							;
							border				:	0px solid blue				;	
							border-radius		:	20px						;
							font-size			:	1.4em						;
						/*	background			: 	white						;	*/
							font-family			:	"arial"						;
						}						
@media screen 	and (max-width	: 	1000px) 
{
div.div_for_manuals		{	margin				: 	2px auto					;
							padding				:	4px							;
							width				:	90%							;
/*							border				:	6px double green			;	*/	
							font-size			:	14px						;
						}						
}						
div.div_for_sign_in			{
							margin				:	1em auto						;
							border				:	1px solid silver				;
							border-radius		:	16em/8em						;
							width				:	40%								;
/*							background-color	:	#fdedf2							;	*/
							background-image	: 	url(../covid/faint-west-nile.jpg)	;
							background-repeat	:	repeat									;
							}
						
						
nav.nav_for_start_flag	{	text-align		:	center							;
							margin			:	8em auto 0px auto				; /* 2019-04-11, needs 6em for top menu */
							width			:	54%								; /* 2018-01-27, prev 48% */	
						}	
@media screen 	and (max-width	: 	1000px)
{				
nav.nav_for_start_flag	{	margin			:	6em auto 0 auto					;	}					
}
@media screen 	and (max-width	: 	500px)
{				
nav.nav_for_start_flag	{	margin			:	3em auto 0 auto					;	}					
}			

div.div_to_clear			{	clear			:	both							;	
							padding 		:	.5em								;
							border			:	.1em solid blue					;	
						}
						
div.div_for_text_left	{	text-align		:	left										;
						
						}
						
div.div_for_infoway		{	text-align			:	left										;	/* div for the .txts (except the manuals which are wider - no ads) */
							font-size			:	1.2em										;
							margin				: 	1em auto									;
							padding				:	1.5em 2em									;
							width				:	72%											;
							border				:	.1em solid white							;	
							border-radius		:	3em											;
						/*	font-weight			:	bold										;	*/
							background			: 	white		;
							font-family			:	"arial"										;
						}							
						
div.div_for_ppp			{	text-align			:	left										;	/* div for the .txts with no ads) */
							margin				: 	1em auto									;
							padding				:	2em  0em									;
							width				:	68%											; 
							border				:	.2em solid #f9c7c2							;	
							border-radius		:	1.5em										;
							font-weight			:	bold										;
							background-image	: 	url(../covid/faint-pneumococcus.jpg)		;
							font-family			:	"arial"										;
						}	
div.div_for_ppp_60		{	text-align			:	left										;	/* div for the .txts WITH ads) */
							margin				: 	1em auto									;
							padding				:	2em 0em										;
							width				:	60%											; /* inside the padding */
							border				:	.2em solid #f9c7c2							;	
							border-radius		:	1.5em										;
							font-weight			:	bold										;
							background-image	: 	url(../covid/faint-pneumococcus.jpg)		;
							font-family			:	"arial"										;
						}	
						
div.div_for_sign_up_in	{	min-height			:	16em										;	/* 2020, changed for newer signup*/	
							text-align			:	center										;
							margin				:	4px auto									;
							border				:	2px solid lime								;
						}
					
div.div_for_texts		{	text-align			:	left										;	/* div for the .txts (except the manuals which are wider - no ads) */
							margin				: 	1em auto									;
							padding				:	1em 3em 1em 3em								;
							width				:	56%											;
							border				:	3px solid #f9c7c2							;	
							border-radius		:	1.5em										;
							font-size			:	1.3em										; /* 2023-Jul-05, changed from 1.4em */
							line-height			:	125%										;
							background-image	: 	url(../covid/faint-pneumococcus.jpg)		; /* ??overwritten by next line */
							background			:	#ffffee									;
							font-family			:	"arial"										;
						}

						
/* dummy div to give vertical spacing, e.g. in start page (2015-12-31)	*/							
div.div_pad_25px			{	
							height				:	1.5em				;
							text-align			:	left				;
						}
div.div_pad_50px			{	height				:	3.5em				;	}

div.div_pad_60px			{	height				:	4em				;	}							
div.div_pad_75px			{	height				:	5em				;	}													
div.div_pad_100px		{	height				:	7em				;	}							
	

						
div.div_wallet_column_heading	{	display			:	inline-block		;
									width			:	1.5em				; /* 2018-01-23 16px	*/
									border-left		:	1px solid silver	;
									border-right	:	1px solid silver	;
									margin			:	0					;
									text-align		:	center				;
									font-size		:	0.9em				;
									color			:	navy				;
								}
								
div.div_wallet_text_left			{	display					:	inline-block		;
									vertical-align			:	bottom				;
									text-align				:	right				;
									width					:	8em					; /* 2018-01-23 100PX */
									padding					: 	0 .5em 0 0			;
									font-size				:	0.9em				;
									color					:	black				;
								}
								
div.div_wallet_legend			{	text-align				:	left				;
									margin					:	0 0 0 4em			;
									line-height				:	1.1em				;
/*									padding					: 	0 0 0 20px			;	*/
									font-size				:	0.8em				;
									color					:	black				;
								}						
div.div_wallet_text_right		{	display					:	inline-block		;
									vertical-align			:	bottom				;
									text-align				:	left				;
									width					:	30em				;	
									padding					: 	0 0 0 5px			;
									font-size				:	0.7em				;
									color					:	black				;
								}
						
div.div_wallet_tick		{	display					:	inline-block		;
							width					:	1.5em				;
							border-left				:	1px solid silver	;
							border-right			:	1px solid silver	;
							text-align				:	center				;
							font-size				:	0.9em				;
							color					:	red				;
						}						


/*	++++++++++++++++++++++++++++	Headers and Footers	+++++++++++++++++++++++++++++++		*/						
footer.my_copyright	{	clear				:	both				;
						color				:	white				;
						background-color	:	black				;
						font-size			:	1.2em				;
						padding				:	.5em auto			;
						border				:	2px solid purple	;
						border-radius		: 	5px					;
						margin				:	0px	auto 			;
						width				:	98%					;
						text-align			:	center				;
				}
				
footer.my_footer	{	clear				:	both					;	/* 2016-10-02; used in body_end clear the sidebars and space the "copyright"	*/ 
					margin				:	1em	auto				;
				}
				
header.my_header	{	text-align			:	center					;
					margin				:	.3em					;
				/*	border				:	1px solid silver		;
					border-radius		:	.5em					;	tremoved 2202-07-21 */
					color				:	black					;
					}
@media screen 	and (max-width	: 	1000px) 
{					
header.my_header	{	padding				: 0 0 .8em 0				;	}
}
				
/* +++++++++++++++++++++++++++++++++ NAVs ++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/* used in  ccfn_display_menu_general */
nav.nav_top, nav.measles		{	padding				:	5px 0 5px 0			;	/* 2020 don't need top */
							}
/* declare nav for the "top 2" abouts								*/
nav.monkeypox
					{	display				:	inline-block				;
						font-size			:	1.2em						;
						width				:	80%							; 
					/*	height				:	12em						;	*/
						text-align			:	left						;
						margin				:	.1em auto 1em auto			;
						padding				: 	.5em 2em 1em 2em			;
						border				:	3px solid silver			;	/* s/b silver 1px */
						border-radius		:	.5em						;
					}
nav.polio, nav.ebola
					{	font-size			:	1em						; /* 2024-05-25 */
						float				:	left						;
						width				:	44%							; 
					/*	min-height			:	8em							;	*/
						height				:	13em						;	
						text-align			:	left						;
						margin				:	4px 0px 4px 0px				; /* bottom previously .1 */
						padding				: 	0 1em 0 1em					;
						border				:	1px solid silver			;
						border-radius		:	.5em						;
						
					}

/*	pre-2024-May-25
				
nav.polio, nav.ebola
					{	float				:	left						;
						width				:	46%							; 
					
						height				:	12em						;	
						text-align			:	left						;
						margin				:	.2em .1em 1em .1em			; 
						padding				: 	0 1em 0 1em					;
						border				:	2px solid silver			;
						border-radius		:	.5em						;
					}
*/					
nav.ebola
					{	float				:	right				;
					}	

div.div_for_mores		{	text-align			:	left										; 
							font-family			:	Verdana										;
							width				:	50%											;	
							min-height			:	24em										;	 	
							margin				:	0px auto									;  	
							padding				:	3em	5em										;
							border				:	.3em double silver							;	
							border-radius		:	1em											;
							background-image	: 	url(../covid/faint-bacteria-2.jpg)		;
							background-repeat	:	repeat										;
							}
section.sect_content_narrow	
					{	width				:	98%					; 
						text-align			:	center				;
						min-height			:	44em				;	
						margin				:	1em auto			;
						border				:	.2em solid teal	;
						border-radius		:	1em
					}							
section.sect_content_whole	
					{	width				:	66%					; 
						text-align			:	center				;
						min-height			:	50em				;		
						margin				:	0 auto				;
					/*	border				:	.01em solid purple	;	
						border-radius		:	1em						*/
					}

					
nav.nav_ads_leader, nav.nav_ads_trailer	
					{	width				:	60%					; /* for max 394x92 (x2) = 788 - to fit on laptop at 1366 */
						min-height			:	106px				;	
						text-align			:	center				;
						margin				:	1px auto			;
/*						border				:	3px solid yellow	; */
					}
					
nav.nav_ads_left	, nav.nav_ads_right	
					{	float				:	left				;
						width				:	16%					;
					/*	min-height			:	50em				;	2020-04-11	*/ 
					/*	margin				:	1px 				;	 */
					/*	border				: 	1px solid 			;	*/
					}

nav.nav_ads_right	{	float				:	right				;
					}


/*	2016-05-20: used by index.php, displays the index page text  */						
section.sect_index_php	{	font-size			:	1.3em				;
							font-family			:	tahoma				;
							text-align			:	center				;
							margin				:	.5em 3.5em			;	/* 2018-01-23 5px 50px */
						}	
						
@media screen 	and (max-width	: 	1000px) 
{
section.sect_index_php	{	font-size			:	1.1em				;
							font-family			:	tahoma				;
							text-align			:	center				;
							margin				:	.5em 				;	
						}
}						

section.sect_signup		{	font-size			:	1.4em					;
							font-family			:	tahoma					;
							text-align			:	left					;
/*							margin				:	2px 50px 10px 50px	;	*/
							margin				:	.2em  2.5em .5em 2.5em	;
							color				:	#800000					;							
						}
@media screen 	and (max-width	: 	1000px) 
{	
section.sect_signup		{	font-size			:	.8em					;	}
}
@media screen 	and (max-width	: 	500px) 
{	
section.sect_signup		{	font-size			:	.6em					;	}
}
					
section.sect_for_button	{	text-align			:	center				;	}

section.sect_mayne_narrow	{	text-align			:	center										; 
							font-family			:	Verdana										;
							width				:	70%											;	
							width				:	1024px										;
							min-height			:	48em										;	
							margin				:	0px auto									;  	
							padding				:	0											;
							border				:	.3em double silver							;	
							border-radius		:	1em											;
							background-image	: 	url(../covid/faint-bacteria-2.jpg)		;
							background-repeat	:	repeat										;
							}

section.sect_mayne_1366	{	text-align			:	center										; 
							font-family			:	Verdana										;
						/*	width				:	70%											;	2017-08-27 try on multiple OS and screens */
						/*	min-width			:	1024px										;	2017-08-28 */
							min-height			:	96em										;	/* prev 1536px ****** Adjust this when home page ads finalized */ 	
							margin				:	0px auto									;  	
							padding				:	0											;
							border				:	2px solid grey								;	
							border-radius		:	1em											;
/*							background-image	: 	url(../covid/faint-bacteria.jpg)			;	prior to 2018-11-29	*/
							background-image	: 	url(../covid/faint-bacteria-2.jpg)		;
							background-repeat	:	repeat										;
							}


							
/*	2017-01-31,	for MADS, SADS, HSS */							
section.sect_mayne_1920	{	text-align			:	center										;
							font-family			:	Verdana										;
							margin				:	0px auto 									;	
							min-height			:	72em										;	//* prev 1080px	*/
							border				:	.3em double green							;	
							border-radius		:	1em											;
							padding				:	.4e,										;
							background-image	: 	url(../covid/faint-pneumococcus-3.jpg)	;	
							background-repeat	:	repeat										;
						}							
					
section.sect_signedin_user	{	font-family			:	"Arial"					;	/* still used in both body_start_* to display user id banner */
								font-size			:	1.1em					;
								color				:	black					;
/*								background-color	:	#E0EDC5					;	*/
								text-align			:	center					;
								border				:	1px solid purple		;
								margin				:	4px						;
								padding				:	.1em 0px .1em 0px		;
/*								padding				:	.3em 0px .3em 0px		;	pre-2018-09-05 type 15 debugging */
								border-radius		:	.5em					;
							}


section.sect_path_and_sessions	{	font-family			:	"Arial"					;	/* still used in both body_start_* to display user id banner */
								font-size			:	1.1em					;
								color				:	black					;
								background-color	:	#E0EDC5					;	
								text-align			:	center					;
								border				:	1px solid purple		;
								margin				:	4px						;
								padding				:	.1em 0px .1em 0px		;
/*								padding				:	.3em 0px .3em 0px		;	pre-2018-09-05 type 15 debugging */
								border-radius		:	.5em					;
							}							
@media screen 	and (max-width	: 	1000px)	
{
section.sect_signedin_user	{	font-size			:	12px					;	/* 'ok' at 12px */
								border				:	2px solid green			;
							}
}

@media screen 	and (max-width	: 	500px)	
{
section.sect_signedin_user	{	font-size			:	10px					;
								border				:	2px solid red			;
							}

}


/*	2016-10-02;	both sect_wallet_* needed */	

section.sect_wallet_entry	{	/*	display					:	inline-block		;	*/
								font-size				:	1.1em				;
								margin					: 	1em auto 1em auto	;
								width					:	98%					; 
								color					:	green				;
								background-color		:	yellow				;
								border					:	1px solid grey		;
							}
					
section.sect_wallet_headings	{	/*	display				:	inline-block		;	*/
								font-size				:	0.9em				;
								margin					: 	1em auto 0 auto		; /* 2018-01-23, the '0' is correct */
								line-height				:	1.5em				;
								width					:	90%					;
								color					:	green				;
								background-color		:	yellow				;
								border					:	1px solid grey		;
							}

section.sect_wallet_matrix	{	/*	display					:	inline-block		;	*/
								font-size				:	0.9em					;
								margin					: 	-.3em auto 1em auto		;
								width					:	90%						; 
								line-height				:	1.2em					;
								color					:	black					;
								background-color		:	yellow					;
								border					:	1px solid grey			;
							}

					


/* =============================== BUTTONS ==================================	*/	
/*	"Buttons":
				Submit		-> action-script in <form> with $_POST values
				Repeat		-> action-script in <form>, but $_POST ignored (so could be a plain link ??? 2015-05-29)
				Continue	-> links to $CCC_next_link
				Cancel		-> links to start_page for thus user type
				Signout		-> links to PHP/Home Page
*/
/* need to specify full size of b/g graphic or defaults to size of text			*/



button					{	color				:	white					;
							font-family			:	Tahoma					;
							font-weight			:	bold					;
							font-size			:	1.5em					;	/* 2018-01-23 <= 1.5 	div previously 1.1	*/
							margin				:	.2em .6em .5em .6em		; 	/* 2018-01-23 <= 2px 15px 7px 15px			*/
							height				:	3.75em					; 	/* 2018-01-23 <= 100px 						*/
							width				:	6em						; 	/* 2018-01-23 <= 162px 						*/
						}
						
button:hover				{	color				:	yellow					;
						}
							
/* "Real" buttons, i.e. trigger a submit of the form and trapped by path_or_cancel */	

/* access viloation button */
button.button_access		{	text-align			:	center												;	/* 2016-10-02; used in body_start when access violation */
							font-size			:	1.1em												;	
							color				:	black												;
							margin				:	.2em	1.5em	.7em	1.5em						;
							height				:	16em												;
							width				:	20em												;
							background-image	:	url(../covid/fainter-hpv-162x100.jpg)			;
							box-shadow			:	.5em .5em .5em  #c790b9								;	
						}
		
button.button_cancel		{	background-image	:	url(../covid/162x100-west-nile.jpg)				;
							box-shadow			:	.3em .3em .3em  #c790b9								;	
						}
button.button_cancel_small	{	background-image	:	url(../covid/81x50-west-nile.jpg)			;
								box-shadow			:	.3em .3em .3em  #c790b9							;	
								font-size			:	1.1em											;	
								margin				:	.2em .6em .5em .6em								; 	
								height				:	3em												; 	
								width				:	5em												; 	
							}								
button.button_confirm	{	background-image	:	url(../covid/162x100-e-coli-01.jpg)				; /* 2018-01-26 this is a real button */
							box-shadow			:	.3em .3em .3em   #c790b9							;	
						}						

/* for sign-up ? */						
button.button_family		{	background-image	:	url(../covid/162x100-pneumococcus-blue.jpg)		;
							box-shadow			:	.3em .3em .3em   #6ec6f1							;
							
						}								
button.button_hcp		{	background-image	:	url(../covid/162x100-flu-fuchsia.jpg)				;
							box-shadow			:	.3em .3em .3em  #c790b9								;	
						}


						
button.button_other		{	background-image	:	url(../covid/162x100-tetanus.jpg)				;
							box-shadow			:	.3em .3em .3em  #c790b9								;	
						}
						
button.button_sign-up	{	background-image	:	url(../covid/162x100-tetanus.jpg)				;
							box-shadow			:	.3em .3em .3em  #c790b9								;	
						}

button.button_signout	{	font-size			:	2em													;
							margin				:	2em auto											;
							height				:	16em												;
							width				:	20em												;
							background-image	:	url(../covid/fainter-hpv-162x100.jpg)				;
							box-shadow			:	.3em .3em .3em   #c790b9							;	
							text-align			:	center												;	
						}
						
						
button.button_submit		{	background-image	:	url(../covid/162x100-hpv-green.jpg)					;
							box-shadow			:	5px 5px 5px #00782b									;	
						}
						
button.button_submit_small	{	background-image	:	url(../covid/81x50-hpv-green.jpg)				;
								box-shadow			:	5px 5px 5px #00782b								;	
								font-size			:	1.1em											;	
								margin				:	.2em .6em .5em .6em								; 	
								height				:	3em												; 	
								width				:	5em												; 	
							}		
												
a.a_all_topics				{	display				:	inline-block		;
								color				:	Blue				;
								background			:	#e0edc5				;
								text-align			:	center				;
								border				:	1px	solid grey		;	
								border-radius		:	8px					;
								padding				:	2px 0px 0px 2px		;
								margin				:	2px 1px 4px 1px		;
								font-size			:	.9em				;
								text-decoration		:	underline			;
								height				:	1.4em				; 	
								width				:	90%					;

							}								
												
												
a.a_psewdo_button_back_to_faqs	{	display				:	inline-block										;
									text-decoration		:	none												;	
									text-align			:	center												;
									font-family			:	Tahoma												;
									font-weight			:	bold												;
									color				:	white												;
									font-size			:	28px												; 
									width				:	162px												; 
									height				:	80px												; 
									margin				:	5px 50px 5px 50px									;
									padding				:	12px 0px 0px 0px 									;	
									box-shadow			:	5px 5px 5px #f49f9c									;							
									background-image	:	url(../covid/162x100-tetanus.jpg)				;		
							}							
						
/* leave the sizing etc. as is, these don't work the same as real buttons									*/	

							
a.a_psewdo_button_continue	{	display				:	inline-block										;
								text-decoration		:	none												;	
								text-align			:	center												;
								font-family			:	Tahoma												;
								font-weight			:	bold												;
								color				:	white												;
								font-size			:	28px												; 
								width				:	162px												; 
								height				:	56px												; 
								margin				:	5px 50px 5px 50px									;
								padding				:	38px 0px 0px 0px 									;	
								box-shadow			:	5px 5px 5px #f49f9c									;							
								background-image	:	url(../covid/162x100-pneumococcus-blue.jpg)		;		
							}	
							
a.a_psewdo_button_main_menu		{	display				:	inline-block										;
									text-decoration		:	none												;	
									text-align			:	center												;
									font-family			:	Tahoma												;
									font-weight			:	bold												;
									color				:	white												;
									font-size			:	28px												; 
									width				:	162px												; 
									height				:	80px												; 
									margin				:	5px 50px 5px 50px									;
									padding				:	16px 0px 0px 0px 									;	
									box-shadow			:	5px 5px 5px #f49f9c									;
								/*	background			:	aqua												;	*/
									background-image	:	url(../covid/162x100-flu-blue.jpg)				;		
								}								

a.a_psewdo_button_menu		{	display				:	inline-block										;
								text-decoration		:	none												;	
								text-align			:	center												;
								font-family			:	Tahoma												;
								font-weight			:	bold												;
								color				:	white												;
								font-size			:	28px												; 
								width				:	162px												; 
								height				:	56px												; 
								margin				:	5px 50px 5px 50px									;	
								padding				:	38px 0px 0px 0px 									;	
								box-shadow			:	5px 5px 5px #f49f9c									;							
								background-image	:	url(../covid/162x100-flu-blue.jpg)				;		
							}	
							
a.a_psewdo_button_repeat	{	display				:	inline-block										;
								text-decoration		:	none												;	
								text-align			:	center												;
								font-family			:	Tahoma												;
								font-weight			:	bold												;
								color				:	white												;
								font-size			:	28px												;	/* 2016-12-21, from 32 */
								width				:	162px												;
								height				:	56px												;	
								margin				:	5px 50px 5px 50px									;
								padding				:	38px 0px 0px 0px 									;	
								box-shadow			:	5px 5px 5px #f49f9c									;							
								background-image	:	url(../covid/162x100-tetanus.jpg)				;		
							}	

a.a_psewdo_button_small		{	display				:	inline-block										;
								text-decoration		:	none												;	
								text-align			:	center												;
								font-family			:	Tahoma												;
								font-weight			:	bold												;
								color				:	white												;
								font-size			:	1em												;	
								width				:	96px												;
								height				:	32px												;	
								margin				:	5px 50px 5px 50px									;
								padding				:	16px 0px 0px 0px 									;	
								box-shadow			:	5px 5px 5px #f49f9c									;							
								background-image	:	url(../covid/corona2.jpg)						;		
							}


@-moz-keyframes	tryit		{	 0%		{	opacity 		:	.25		;	
											width			:	15%		;	/* width within upper element*/
											box-shadow		:	3px 3px 3px #FAC6AA							;												
										}
								100%	{	opacity			:	.85		;	
											width			:	35%		;
											box-shadow		:	5px 5px 5px #F39E77								;												
										}
							}	
							
@-webkit-keyframes	tryit	{	 0%		{	opacity 		:	.25		;	
											width			:	15%		;	/* width within upper element*/
											box-shadow		:	3px 3px 3px #FAC6AA							;												
										}
								100%	{	opacity			:	.85		;	
											width			:	35%		;
											box-shadow		:	5px 5px 5px #F39E77								;												
										}
							}	

@-ms-keyframes	tryit		{	 0%		{	opacity 		:	.25		;	
											width			:	15%		;	/* width within upper element*/
											box-shadow		:	3px 3px 3px #FAC6AA							;												
										}
								100%	{	opacity			:	.85		;	
											width			:	35%		;
											box-shadow		:	5px 5px 5px #F39E77								;												
										}
							}	
							
@-o-keyframes	tryit		{	 0%		{	opacity 		:	.25		;	
											width			:	15%		;	/* width within upper element*/
											box-shadow		:	3px 3px 3px #FAC6AA							;												
										}
								100%	{	opacity			:	.85		;	
											width			:	35%		;
											box-shadow		:	5px 5px 5px #F39E77								;												
										}
							}								

							
a.a_animate_button_view	{	display				:	inline-block								;	 /* previously "button_small" */
								text-decoration		:	none										;	
								text-align			:	center										;
								font-family			:	Tahoma										;
								font-weight			:	bold										;
								color				:	white										;
								font-size			:	1.5em										;	
							/*	width				:	6em											 ineffective */
								height				:	1.5em										;	
								margin				:	1px 0px 1px 0px								;	/* between background and <div> border */
								padding				:	20px 40px 10px 40px 						;	/* padding increases size of background image */
								box-shadow			:	5px 5px 5px #f49f9c							;							
								background-image	:	url(../covid/corona2.jpg)					;
							-moz-animation-name					:	tryit						;
							-moz-animation-duration				:	2s							;
							-moz-animation-timing-function		:	linear						;
							-moz-animation-iteration-count		:	1							;
							-moz-animation-fill-mode			:	forwards					;
							-webkit-animation-name				:	tryit						;
							-webkit-animation-duration			:	2s							;
							-webkit-animation-timing-function	:	linear						;
							-webkit-animation-iteration-count	:	1							;
							-webkit-animation-fill-mode			:	forwards					;
							-o-animation-name					:	tryit						;
							-o-animation-duration				:	2s							;
							-o-animation-timing-function		:	linear						;
							-o-animation-iteration-count		:	1							;
							-o-animation-fill-mode				:	forwards					;
							-ms-animation-name					:	tryit						;
							-ms-animation-duration				:	2s							;
							-ms-animation-timing-function		:	linear						;
							-ms-animation-iteration-count		:	1							;
							-ms-animation-fill-mode				:	forwards					;
	
							}
							
							
/* this is within div_for_button_1_small, width 80%, no height , ?? so must fit in the <nav> ?? */							
a.a_animate_button_tryit	{	display				:	inline-block										;
								text-decoration		:	none												;	
								text-align			:	center												;
								font-family			:	Tahoma												;
								font-weight			:	bold												;
								color				:	white											;
								font-size			:	1.4em													;	
							/*	width				:	42px												; /* width not effective */
								height				:	1.5em										;	
								margin				:	1px 0px 1px 0px								;	/* between background and <div> border */
								padding				:	20px 40px 10px 40px 						;	/* padding increases size of background image */
							/*	height				:	64px												;	
								margin				:	0px 0px 0px 0px										;
								padding				:	20px 70px 0px 70px 									; */		
								box-shadow			:	5px 5px 5px #f49f9c									;							
								background-image	:	url(../covid/corona2.jpg)							; 
								/* wid=212, ht=118, but will auto adjust and tile to fill containing element */
							-moz-animation-name					:	tryit						;
							-moz-animation-duration				:	2s							;
							-moz-animation-timing-function		:	linear						;
							-moz-animation-iteration-count		:	1							;
							-moz-animation-fill-mode			:	forwards					;
							-webkit-animation-name				:	tryit						;
							-webkit-animation-duration			:	2s							;
							-webkit-animation-timing-function	:	linear						;
							-webkit-animation-iteration-count	:	1							;
							-webkit-animation-fill-mode			:	forwards					;
							-o-animation-name					:	tryit						;
							-o-animation-duration				:	2s							;
							-o-animation-timing-function		:	linear						;
							-o-animation-iteration-count		:	1							;
							-o-animation-fill-mode				:	forwards					;
							-ms-animation-name					:	tryit						;
							-ms-animation-duration				:	2s							;
							-ms-animation-timing-function		:	linear						;
							-ms-animation-iteration-count		:	1							;
							-ms-animation-fill-mode				:	forwards					;
	
							}							
							
/* ++++++++++++++++++++++++++++++ FORMS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/						
					
form					{	text-align			:	left										;
						margin 				:	0em auto .5em auto							;
						font-family			:	Geneva, Arial								;
						color				:	#404040										;	/* almost black */
						padding				:	0 .5em 0 .5em									;
/*						border				:	.4em double #f9c7c2							;	pre 2018-11-29 */
						border-radius		:	1.5em										;
/*						background-color	:	#dbdbdb										;		*/
/*						background-image	: 	url(../covid/faint-pneumococcus.jpg)		;		*/
					/*	background-image	: 	url(../covid/faint-pneumococcus-3.jpg)		;		
						background-repeat	:	repeat										;	2020 */ 
					}
					
form.form_40			{	width				:	40%											;	}
form.form_60			{	width				:	60%											;	}
form.form_70			{	width				:	70%											;	}
form.form_80			{	width				:	80%											;	}
form.form_90			{	width				:	90%											;	}
form.form_100		{	width				:	98%											;	}					
	
form.form_signup		{	width				:	50%											;	
					
						text-align			:	left										;
					/*	background-color	:	#fffdfd										;	*/
						margin 				:	1em auto 0px auto							;
						font-family			:	Geneva, Arial								;
						color				:	#404040										;	/* almost black */
						padding				:	0 .5em 0 .5em								;
					/*	background-image	: 	url(../covid/faint-pneumococcus-2.jpg)		;
						background-repeat	:	repeat										;	*/
					}
	
/* +++++++++++++++++++++++ INPUTS, Selects, Labels ++++++++++++++++++++++++++++++++++++++++++++	*/
				
						
/* use Attribute Selectors (72) for <input> tags . . .  doesn't seem to work @ 2015-04-30*/	
/*	??? maybe all need to be ?descendent of <form> tag						*/
					
input[type="email"]		{	font-family			: System						;
							background-color	: silver						;
						}		
					
input[type="password"]			{ 	color				:	olive				;	
									font-size			:	1.2em				;
									padding				: 	none				;
									background-color	:	rgb(249,235,235)	;
								}						
input[type="password"]:focus		{	background-color	:	lime				;
								}
						
input[type="radio"]		{	font-family			: "Times New Roman"		;
							background-color	: Teal					;
							font-size			: 2em					;
						}

select					{	font-family			: 	Helvetica				;
							font-size			:	1.0em					;
							width				:	60%						;
							background-color	: 	#fff5e8					;
						}
	
select.sel_10				{	width				:	10%						;	}
select.sel_20				{	width				:	20%						;	}
select.sel_30				{	width				:	30%						;	}
select.sel_35				{	width				:	35%						;	}
select.sel_40				{	width				:	40%						;	}
	
select:focus				{	background-color	:	#fffbc6					;
						}

					
input[type="text"]		{	color				: 	Black					;
						/*	width				:	60%						;	2018-03-11 */
							font-family			: 	System					;
							font-size			:	1.1em					;
							padding				: 	0px .2em 0px .4em		;
							background-color	: 	#fff5e8				;
/*							border				:	1px solid purple		;	*/
						}
input.inp_text_10[type="text"]	{	width		:	10%						;	}	
input.inp_text_12[type="text"]	{	width		:	12%						;	}	
input.inp_text_15[type="text"]	{	width		:	15%						;	}	
input.inp_text_20[type="text"]	{	width		:	20%						;	}	
input.inp_text_30[type="text"]	{	width		:	30%						;	}	
input.inp_text_35[type="text"]	{	width		:	35%						;	}	
input.inp_text_40[type="text"]	{	width		:	40%						;	}	
input.inp_text_50[type="text"]	{	width		:	50%						;	}	
input.inp_text_60[type="text"]	{	width		:	60%						;	}	
input.inp_text_90[type="text"]	{	width		:	90%						;	}	
				
input[type="text"]:focus	{	background-color	:	yellow					;	}


						
label						{	display				:	inline-block			;
							margin				:	.3em auto 0 x 0 		;
							padding				:	0 .5em 0  0 			;
							vertical-align		:	top						;
							text-align			:	right					;
							font-weight			:	bold					;
							color				:	#800000					;
						}
						
label.lbl_basic			{	width				:	32%						;	
							font-size			:	1.1em					; /* 2018-07-04 previously 0.9em */
						}
/*
@media screen 	and (max-width	: 	1000px)						
{
label.lbl_basic			{	width				:	28%						;	
							font-size			:	0.9em					;
						}
}						

@media screen 	and (max-width	: 	500px)						
{
label.lbl_basic			{	width				:	24%						;	
							font-size			:	0.8em					;
						}
}						
*/
/* ++++++++++++++++++++++++ HEADERS	(HTML) +++++++++++++++++++++++++++++++++++	*/	
					
h1.h1_vaccsbook_name	{	display		:	inline-block				;
							color		:	rgb(200,20,40)				;
							font-family	:	Tahoma						;
							font-size	:	5em							;
							width		:	50%							;
							margin		:	.03em 0 .03em  0			;
/*							border		:	.02em solid blue			;	/* => 4-5 pixels in PC ! */
						}

@media screen 	and (max-width	: 	1000px) 
{
h1.h1_vaccsbook_name	{	font-size	:	3.5em						;
							width		:	60%							;
/*							border		:	.02em solid green			;	*/
						}
}
@media screen 	and (max-width	: 	500px) 
{
h1.h1_vaccsbook_name	{	font-size	:	2.5em						;
							width		:	60%							;
/*							border		:	.02em solid red				;	*/
						}
}
			
h2, h3, h4, h5, h6, h7	{	color		:	black						;
							font-family	:	Tahoma						;
							font-size	:	1.9em						;
							text-align	:	center						;
							width		:	98%							;
							margin		:	.1em auto 0px auto			;
							padding		:	.1em						;
/*							border		:	.1em dotted blue			;	*/
						}
						
h2.h2_for_content	{	text-align	:	left							;
						font-size	:	1.3em							;
						color		:	maroon							;
						margin		:	.1em auto .1em auto				;
					}
h3.h3_for_content	{	text-align	:	left							;
						font-size	:	1.2em							;
						color		:	maroon							;
						margin		:	.1em auto .1em auto				;
					}						
h3.h3_left			{	text-align	:	left							;	}
h4,h4.h4				{	font-size	:	1.5em							;	}
h4.h4_left			{	text-align	:	left							;
						font-size	:	1.5em							;	}
						
h4.h4_leftish		{	text-align	:	left							;
						margin		:	.3em auto 0em 5em				;
						font-size	:	1.5em							;	}
						
h5,h5.h5				{	font-size	:	1.3em							;	}

h5.h5_left			{	font-size	:	1.3em							;
						margin		:	.3em auto .3em 0em				;
						text-align	:	left							;	
						padding		:	0px								;	}
						
h5.h5_leftish		{	font-size	:	1.3em							;
						margin		:	.3em auto 0em 5em				;
						text-align	:	left							;	}
						
h5.h5_for_alert		{	font-size	:	1.3em							;	
						color		:	red								;	}
				
h6, h6.h6			{	font-size	:	1.1em							;	}	
h6.h6_left			{	font-size	:	1.1em							;
						text-align	:	left							;	
						margin		:	.3em auto .1em 0em				; /* R prev "auto" */
						padding		:	0px								;	}
						
h6.h6_leftish		{	font-size	:	1.1em							;
						text-align	:	left							;	
						margin		:	.3em auto 0em 10em				;
						padding		:	0px								;	}						
						
h6.h6_for_alert		{	font-size	:	1.1em							;	
						color		:	red								;	}					
h6.h7_left			{	font-size	:	1.0em							;
						text-align	:	left							;	
						margin		:	.3em auto 0em auto				;
						padding		:	0px								;
					}

@media screen 	and (max-width	: 	1000px) 
{
h3, h4, h5, h6, h7	
/*				{	border		:	.1em dotted green				;	}	*/
h4.h4			{	font-size	:	1.0em							;	}
h4.h4_left		{	font-size	:	1.0em							;	}
h5.h5			{	font-size	:	0.9em							;	}
h5.h5_left		{	font-size	:	0.9em							;	}
h5.h5_for_alert	{	font-size	:	0.9em							;	}
h6.h6			{	font-size	:	0.8em							;	}	
h6.h6_left		{	font-size	:	0.8em							;	}
h6.h7_left		{	font-size	:	0.7em							;	}
}								
					
@media screen 	and (max-width	: 	500px) 
{
h3, h4, h5, h6, h7	
/*				{	border		:	.1em dotted red					;	}*/
h4.h4			{	font-size	:	.8em							;	}
h4.h4_left		{	font-size	:	.8em							;	}
h5.h5			{	font-size	:	.6em							;	}
h5.h5_left		{	font-size	:	.6em							;	}
h5.h5_for_alert	{	font-size	:	.6em							;	}
h6.h6			{	font-size	:	.4em							;	}	
h6.h6_left		{	font-size	:	.4em							;	}
h6.h7_left		{	font-size	:	.3em							;	}
}


/* =========================	IMAGES	=============================	*/

img.img_topic_list		
						{	margin		:	0px 1px						;
							width		:	16%							; /* 16% of sect_mayne */
							height		:	9.6em						;
							padding		: 	0px							;	/* pre-2020 = 1px */
							border		:	1px solid red				;	
						}

img.img_advert_left_rep_1, img.img_advert_right_rep_1, img.img_advert_topic		
						{	margin		:	0px 1px						;
							width		:	98%							; /* 98% of nav_ads_left */
							height		:	9.6em						;
							padding		: 	0px							;	/* pre-2020 = 1px */
							border		:	1px solid silver			;	
						}
img.img_advert_leader_rep_1
						{	margin		: 	1px							;	/* don't specify width, images will be precisely sized */
							width		:	98%							;
							border		:	1px solid #f6b3ad			;	
						}
						
img.img_advert_leader_rep_2
						{	margin		: 	1px							;	/* don't specify width, images will be precisely sized */
							width		:	49%							;
/*							border		:	1px solid silver			;	*/
						}						

img.img_advert_trailer_rep_1
						{	margin		: 	1px							;	
							width		:	98%							;
							border		:	1px solid #f6b3ad			;
						}

img.img_advert_trailer_rep_2
						{	margin		: 	1px							;	
							width		:	49%							;
/*							border		:	1px solid #f6b3ad			;	*/
						}												
						
/* -----------------------------------------------------------------------	*/
/*	Animation for the Flags													*/						

/* 2017-01-15	FIREFOX is not picking up 'moz'	*/
@-moz-keyframes		fadein	{	 0%		{	opacity 	:	.25		;	
											width		:	25%		;
										}
								100%	{	opacity		:	.85		;	
											width		:	75%		;
										}
							}
							
/* 2017-01-15	FIREFOX is picking up 'webkit'	*/
@-webkit-keyframes	fadein	{	 0%		{	opacity 	:	.25		;	
											width		:	25%		;
										}
								100%	{	opacity		:	.85		;	
											width		:	85%		;
										}
							}

					
@-ms-keyframes		fadein	{	 0%		{	opacity 	:	.25		;	
											width		:	25%		;
										}
								100%	{	opacity		:	.75		;	
											width		:	75%		;
										}
							}


@-o-keyframes		fadein	{	 0%		{	opacity 	:	.25		;	
											width		:	25%		;
										}
								100%	{	opacity		:	.75		;	
											width		:	75%		;
										}
							}							
							

img.img_start_page_flag	{	/* width							:	90%							;	*/
							text-align						:	center						;
						/*	max-width						:	800px						;	removed 2018-01-10, controlled by the nav */
							
							-moz-animation-name				:	fadein						;
							-moz-animation-duration			:	5s							;
							-moz-animation-timing-function	:	linear						;
							-moz-animation-iteration-count	:	1							;
							-moz-animation-fill-mode		:	forwards					;
							
							-webkit-animation-name				:	fadein						;
							-webkit-animation-duration			:	5s							;
							-webkit-animation-timing-function	:	linear						;
							-webkit-animation-iteration-count	:	1							;
							-webkit-animation-fill-mode			:	forwards					;


							-o-animation-name				:	fadein						;
							-o-animation-duration			:	5s							;
							-o-animation-timing-function	:	linear						;
							-o-animation-iteration-count	:	1							;
							-o-animation-fill-mode			:	forwards					;	

							-ms-animation-name				:	fadein						;
							-ms-animation-duration			:	5s							;
							-ms-animation-timing-function	:	linear						;
							-ms-animation-iteration-count	:	1							;
							-ms-animation-fill-mode			:	forwards					;
							
							
						
/*							-moz-animation-iteration-count	:	infinite					;
							-moz-animation-direction		:	alternate					;
*/							
						}

/* ==========================	<a> LINKs	=========================	*/
/* Defaults */
a					{	color				:	blue					;
						font-size			:	1.0em					; /* pre-2018-11-29 =< 0.9 */
						font-weight			:	normal					;
						text-decoration		:	none					;
						text-align			:	left					;

					}
a.a_link_regular	{	display			:	inline					;
						font-size		:	1.1em					;
						text-decoration	:	underline				;
					}
					
a.a_mailto			{	display			:	inline					;
						font_family		:	courier					;
						font-size		:	1.1em					;
						text-decoration	:	underline				;
					}					
		
/* 'link' = un-visited */
a:link		{			}
a:active	{			}
a:visited	{			}
			
			
/* =========================	LISTs	============================== 	*/


/* ----------------------------------------------------------------	*/
/*	defaults for all lists											*/
ul				{	list-style		:	none						;
				}

/* ---------------------------------------------------------------		*/
/* 	Unordered list for TOP/horizontal navigation links 					*/
ul.ul_nav_top_horiz	{	text-align			:	center					; /* centres the list as a whole */
						padding-left		:	0						;
						margin				:	.4em						;
						border				:	none					;
						position			:	relative				;	/* 2016-05-05 */
					}
					
ul.ul_ppp			{	margin				: 	0 0 0 2em 				;
						font-size			:	2em						;
					}
.ul_ppp li			{	margin				:	1em 0 0 0 				;
						padding				:	0 2em 0 0				;
					}
ul.ul_ppp_less		{	margin				: 	0 0 0 4em				;
						font-size			:	1.6em					; /* 2018-11-06 previously 1.8 */
					}
.ul_ppp_less li		{	margin				:	.6em 0 0 0 				;
						padding				:	0 3em 0 0				;
					}
					
.div_for_texts li		{	padding				:	.2em .5em 0 0				;
					}
 
ol 
ol.ol_square			{	list-style-type		:	square					;
					}
 
ol.ol_circle			{	list-style-type		:	circle					;
						margin				:	0 2em					;
						padding				:	0						;
					}
.ol_circle li			{	line-height			:	1.1em					;
					}

ol.ol_number			{	list-style-type		:	decimal					;
						margin				:	0 2em					;
						padding				:	0						;

					}

ul					{	margin				:	0 3em 0 3em				;
					}

					
.ul_nav_top_horiz li 	{	display				:	inline-block				;	/*(so no line breaks, but can format) 											*/	
						font-size			:	1.1em						;	/* 2016-05-30, 1.2 works on all 4 browsers for FAM start page, not for SADs 	*/
						margin				:	0 .2em .5em .2em			;	/* 2018-01-07 previously 0px tiop and bottom 									*/
						width				:	8em							;	/* 2017-10-08, changed from 148px to get more tabs on 							*/
						border				: 	1px solid #f49f9c			;	/* (5,12) 	*/
						border-radius		:	1em							;		
						box-shadow			:	.4em .4em .4em #f28500		;	/* tangerine */
						background-image	:	-ms-linear-gradient(left, #fffab2, #f9c7c2)		;	/* IE */
						background-image	:	-moz-linear-gradient(left, #fffab2, #f9c7c2)	; 	/* firefox */
						background-image	:	-webkit-linear-gradient(left, #fffab2, #f9c7c2)	;	/* chrome, safari */
						background-image	:	-o-linear-gradient(left, #fffab2, #f9c7c2))		;	/* Opera ? */
					}
					
@media screen 	and (max-width	: 	1000px) 
{
.ul_nav_top_horiz li 	{	width				:	6.5em											;	
					}	
}

@media screen 	and (max-width	: 	500px) 
{
.ul_nav_top_horiz li 	{	width				:	5.5em											;	
					}	
}

.ul_nav_top_horiz li:hover	{	text-align			:	center											;
								width				:	9em												;
								font-weight			:	bold											;
								background-image	:	-moz-linear-gradient(left, yellow, #ffa500)		;	/* yellow to oramge */
								background-image	:	-ms-linear-gradient(left, yellow, #ffa500)		;	/* yellow to oramge */
								background-image	:	-webkit-linear-gradient(left, yellow, #ffa500)	;	/* yellow to oramge */
								font-style			:	italic											;						
								box-shadow			:	.4em .4em .4em  #ff8080		; 	/* redd-ish */
							}	/* !! changes the whole element, not just the text in the <a></a> link	*/		
									
					
.ul_nav_top_horiz  a			{	display				:	inline-block			;
								text-align			:	center					;	/*text-align, color must go here or browser will override	*/
								color				:	Navy					;
							}	
					
.ul_nav_top_horiz  a:hover	{	text-decoration		:	underline				;
								color				:	blue					;
							}	

ul.ul_sub_menu				{	padding-left	:	0							;
								margin-left		:	0							;
							}
/*							
@media screen 	and (max-width	: 	1000px) 
{
ul.ul_sub_menu				{	font-size		:	5em							;	}
}
*/

li							{	/* margin				:	.2em 2em .7em 10em		; /* ? margin ignored in li elements */
								line-height			:	1.3em					;
							}

							
li.li_faq_sub_heading		{	font-size			:	1.2em					;
								text-decoration		: 	underline				;
							}
li.li_for_why				{
								font-size			: 	0.9em					;
								margin				:	.2em 2em .7em 2em		;
								line-height			:	1.3em					;
							}

li.li_page_break				{	page-break-before	:	always					;
				
							}
							
li.li_sub_menu				{	margin			:	.3em 0 0 -48px				;
								width			:	16em						;
								z-index			:	100							;	/* stack above 'something'*/
								font-size		:	1.1em						;
								padding			:	0							;
								display			:	block						;
								font-style		:	normal						;
								font-weight		:	normal						;	
								border-radius	:	.5em						;
								box-shadow		:	.4em .5em .4em  #ff8080		; 	/* redd-ish */
								
							}
							
@media screen 	and (max-width	: 	1000px) 
{							
li.li_sub_menu				{	margin			:	.6em 0 0 -4em				;
								font-size		:	1.5em						;
								width			:	12em						;
							}
}	
@media screen 	and (max-width	: 	500px) 
{							
li.li_sub_menu				{	margin			:	.6em 0 0 -4em				;
								font-size		:	1.5em						;
								width			:	12em						;
							}
}								
			

						
li.li_sub_menu:hover			{	width			:	16em					;	 
								display			:	block					;
								font-style		:	none					;
								font-weight		:	bold					;
								
							}
#div_menu_1, 	#div_menu_2, 	#div_menu_3, 	#div_menu_4, 	#div_menu_5, 	#div_menu_6, 	#div_menu_7, 	#div_menu_8, 	#div_menu_9, 	#div_menu_10, 	
#div_menu_11, 	#div_menu_12, 	#div_menu_13, 	#div_menu_14, 	#div_menu_15, 	#div_menu_16,	#div_menu_17, 	#div_menu_18, 	#div_menu_19,	#div_menu_20, 
#div_menu_21, 	#div_menu_22, 	#div_menu_23, 	#div_menu_24, 	#div_menu_25, 	#div_menu_26, 	#div_menu_27, 	#div_menu_28, 	#div_menu_29
							{	display			:	none					;
								position		:	absolute				;
							}	
		
/* ----------------------------------  PARAGRAPHS----------------------------- */
						
p.p_for_input	{	margin				:	1em 					;
				}
						
p.p_index		{	width			:	65%						;	/* 2019-01-16, prev 55% */
					margin			: 	1em auto				;
					text-align		:	centre					;
					font-family		:	Tahoma					;
					font-size		:	1.2em					;
					color			:	#400000					;
/*					border			:	.1em solid  blue		;	*/
					border-radius	:	2em						;
					background-image	: 	url(../covid/faint-pneumococcus-2.jpg)		;
					background-repeat	:	repeat										;
				}

@media screen 	and (max-width	: 	1000px) 
{
p.p_index		{	width			:	100%					;
					margin			: 	.8em auto .8em auto		;
					font-size		:	1em						;
					border			:	.1em solid  green		;
				}
}
@media screen 	and (max-width	: 	500px) 
{
p.p_index		{	width			:	100%					;
					margin			: 	.6em auto .6em auto		;
					font-size		:	.8em					;
					border			:	.1em solid  red			;
				}
}


/* ------------------------------- SPANS -------------------------------------- */

mark					{	color				:	maroon				;
							font-style			:	normal				;
							background			:	#fffbc6				;
						}
						
span.sp_data				{	color				: #bb0000					;	
							font-size			: 1.1em					;	}
@media screen and (max-width:1000px) 
{
span.sp_data				{	color				:	green				;	}
}
@media screen 	and (max-width	: 	500px) 
{
span.sp_data				{	color				:	blue				;	}
}
/*
span.sp_faq_question	{	color				:	purple				;
							font-size			:	1.1em				;
							font-style			:	italic				;
						}
*/
span.sp_lh_75			{	line-height			:	75%					;	}
span.sp_lh_100			{	line-height			:	100%				;	}
span.sp_lh_125			{	line-height			:	125%				;	}
span.sp_lh_150			{	line-height			:	150%				;	}
span.sp_lh_175			{	line-height			:	175%				;	}
span.sp_lh_200			{	line-height			:	200%				;	}

span.sp_italic			{	font-style			:	italic				;	}

span.sp_about			{	font-family			:	Tahoma				;
						/*	font-style			:	italic				;	*/
							font-size			:	1.05em				;	
						}

span.sp_nav_message		{	font-family			:	Tahoma				;	/* 2016-12-05;	used for submit/cancel/repeat etc */
							font-size			:	1.2em				;
						}
span.sp_page_break		{	page-break-before	:	always				;
						}

						
span.sp_txt				{	color				:	#5e0023				;	/* used in /TXTs/ */
							font-family			:	"Arial"				;
							font-weight			:	600					;
						}
span.sp_text_1em			{	font-size	: 1em							;
							font-family	: "arial"						;	
						}

span.sp_text_1p2em		{	font-size	: 1.2em							;
							font-family	: "arial"						;	
							color		: #83002C						;
						}
span.sp_text_1p3em		{	font-size	: 1.3em							;
							font-family	: "arial"						;	
						}
span.sp_text_bold_red	{	font-size	: 1em						;
							font-weight	: bold							;
							font-family	: "arial"						;	
							color		: #BD0043						;
						}												
						
span.sp_text_1p1em_bold	{	font-size	: 1.1em						;
							font-weight	: bold							;
							font-family	: "arial"						;	
							color		: #980034						;
						}						
span.sp_text_1p2em_bold	{	font-size	: 1.2em							; /* used in topics */
							font-weight	: bold							;
							font-family	: "arial"						;	
							color		: #6E0023						;
						}						
span.sp_text_1p5em		{	font-size	: 1.5em							;
							font-family	: "arial"						;	
						}
						
span.sp_text_2em			{	font-size	: 2em							;
							font-family	: "arial"						;	
						}						

span.sp_text_2p5em		{	font-size	: 2.5em							;
							font-family	: "arial"						;
							color		: #83002C						;
						}												
span.sp_text_p6em		{	font-size	: 0.6em							;
							font-family	: "arial"						;	
						}

						
span.sp_text_p7em		{	font-size	: 0.7em							;
							font-family	: "arial"						;
						}
span.sp_block_p7em		{	font-size	: 0.7em							;
							line-height	: 40%							;	
							font-family	: "arial"						;
						}
						

span.sp_text_p8em		{	font-size	: 0.8em							;
							font-family	: "arial"						;
						}						
span.sp_text_p9em		{	font-size	: 	0.9em						;
							font-family	: 	"arial"						;
						}
						
						
span.sp_blue				{	color				:	#0000CC				;	}
span.sp_green			{	color				:	#008800				;	}
span.sp_maroon			{	color				:	#800000				;	}	/* => maroon */
span.sp_orange			{	color				:	#dc9000				;	}	
span.sp_purple			{	color				:	#ff00ff				;	}	/* => fucksia */
span.sp_red				{	color				:	#DD0000				;	}						
span.sp_red_big			{	color				:	#DD0000				;	
							font-size			: 	1.2em				;	}						
span.sp_red_p7			{	color				:	#DD0000				;	
							font-size			: 	0.7em				;	}						
span.sp_olive			{	color				:	#808000				;	}						
span.sp_bg_yellow		{	background-color	:	#ffff00				;	}						
					
						
/* 2016-12-21, used to display the '*' for required field */						
span.sp_error_message 	{	color				: 	red					;

							font-family			: 	"times new roman"	;
						}



span.sp_text_bold		{	font-weight	:	bold			;
							font-family	: "arial"			;
						}

span.sp_tahoma_1p15		{	font-family			:	Tahoma			;	/* 2021-04-23: for PPEs */
							font-size			:	1.15em			;
						}
						
span.sp_tahoma_1p2		{	font-family			:	Tahoma			;	/* 2016-12-05;	being replaced by sp_nav_message in places */
							font-size			:	1.2em			;
						/*	color				:	rgb(128,00,24)	;	 2018-01-09 temp out ? */
						}
						
span.sp_tahoma_1p5		{	font-family			:	Tahoma			;	/* 2016-12-05 	used ????s */
							text-decoration		: 	underline		;	
							font-size			:	1.5em			;
							color				:	rgb(128,00,24)	;
						}						
											
span.sp_for_link			{	color				: 	blue				;
							text-decoration		: 	underline			;
						}
						
span.sp_underline		{	text-decoration		: 	underline		;	/* 2017-02-01, previously sp_und	*/
						}												

span.sp_bold_italic		{	font-style			: 	italic			;	
							font-size			:	1.0em			;
							font-weight			:	550				;
						}												
					

						
/* ------------------------------- TABLES -------------------------------------- */

table						{	font-family			:	arial							;
							border-spacing		: 	0								;	/* removes space browsers put between cells and rows */
							border-collapse		: 	collapse						;	/* eliminates doubling-up of borders between cells */
							margin				:	.2em auto 						;
							border				:	.2em double silver				;
							border-radius		:	.5em							;
							background-color	:	#ffeedd							;	
							font-size			:	1em								;
							}

/* 2018-01-23 ?not used						
table.tbl_for_wallet_card	{	width				: 	50%								; 
							margin				: 	auto							;
							font-size			:	0.9em							;
							line-height			:	18px							;
							color				:	black							;
							background-color	:	yellow							;
							border				:	1px solid grey					;
							padding				: 	10px							;
						}
*/
						
table.tbl_for_errors 		{	width				: 	94%								; /* used by ccfn_err_user_display */
							margin				: 	.4em 1.5em						;
							border				: 	none							;
						}
						
table.tbl_for_legend		{	width				:	40%								;
							margin				: 	.2em 0 .2em 2em					;
							font-size			:	0.9em							;
							border-radius		:	1em								;
						}
						
table.tbl_for_log_errors 	{	width				: 	94%								; /* used in ccfn_log_query/system_error */
							margin				: 	1.5em auto						;
							border				: 	.4em solid red					;
							padding				: 	1em								;
						}
table.tbl_for_report_hard_copy_100
						{	width				:	98%								;
							margin				:	2px auto 2px auto				;
							border				: 	2px solid grey					;
							page-break-after	:	always							;
						}
table.tbl_20				{	width				:	20%								;		}						
table.tbl_30				{	width				:	30%								;		}						
table.tbl_40				{	width				:	40%								;		}						
table.tbl_50				{	width				:	50%								;		}						
table.tbl_60				{	width				:	60%								;		}						
table.tbl_70				{	width				:	70%								;		}						
table.tbl_80				{	width				:	80%								;		}						
table.tbl_90				{	width				:	90%								;		}						
table.tbl_100				{	width				:	98%								;		}

/* ???? 2018-01-25 leave table widths as above => better when pinched	*/					
@media screen 	and (max-width	: 	1000px) 
{
table						{	border				:	.3em double green				;	}
table.tbl_40				{	width				:	70%								;		
							border				:	.3em double green				;	}						
table.tbl_50				{	width				:	75%								;	}						
table.tbl_60				{	width				:	80%								;		
							border				:	.3em double green				;	}						
table.tbl_70				{	width				:	85%								;	}						
table.tbl_80				{	width				:	90%								;	}						
table.tbl_90				{	width				:	95%								;	}
}

@media screen 	and (max-width	: 	500px) 
{
table						{	border				:	.3em double red					;	}
table.tbl_40				{	width				:	85%								;	}						
table.tbl_50				{	width				:	85%								;	}						
table.tbl_60				{	width				:	90%								;	}						
table.tbl_70				{	width				:	90%								;	}						
table.tbl_80				{	width				:	95%								;	}						
table.tbl_90				{	width				:	95%								;	}
}
*/							
/* ++++++++++++++++++++++++++++++ Table ROWs ++++++++++++++++++++++++++++++++++++++++++++++++	*/
					
tr						{	color				:	#404040						;
							font-family			: 	courier						;
						}
/* 2016-11-19,	in vb_user_view_profile											*/
tr.tr_em_1p2				{	font-size			:	1.2em						;
							font-weight			:	bold						;
						}	

						
table  tr:nth-child(3n)			{	background-color	:	#ffecec		;	}
table  tr:nth-child(3n+1)		{	background-color	:	#fff0f0		;	}
table  tr:nth-child(3n+2)		{	background-color	:	#fff4f4		;	}

table.tbl_wallet  tr:nth-child(3n)		{	background-color	:	#fef76e		;	}
table.tbl_wallet  tr:nth-child(3n+1)	{	background-color	:	#fffab2		;	}
table.tbl_wallet  tr:nth-child(3n+2)	{	background-color	:	#fffdda		;	}	

																	
/* ------------------------------- Table Headers-------------------------------------- */

/* 2018-01-23 ?not used anywhere						
col						{	width				: 50px							;
							background-color	: silver						;
						}
*/						
							
th						{	font-family			:	"verdana"					;
							font-size			:	1.em						;
							color				:	#606060						;	/* Gray */
							text-decoration		:	none						;
							text-align			: 	center						; 
							background-color	:	#feedea						;
							border				: 	1px solid maroon			;
						}
th.th_light				{
							font-size			:	0.9em						;
							color				:	#808080						;	/* Gray */
						}							
th.th_print				{	font-family			:	"courier new"				;
							font-size			:	1em							;
							color				:	gray						;	
							text-decoration		:	none						;
							text-align			: 	center						; 
							background-color	:	white						;
							padding				: 	0px 2px						;
							border				: 	1px solid gray				;
						}
						
th.th_middle_1			{	background-color	:	#fff5e8						; 
							font-size			:	1.1em						;
						}
th.th_middle_2			{	background-color	:	#fed5d8						; 
							font-size			:	1.1em						;
						}					
th.th_middle_3			{	background-color	:	#d4ecfb						; 
							font-size			:	1.1em						;
						}
th.th_middle_4			{	background-color	:	#e0edc5						; 
							font-size			:	1.1em						;
						}
th.th_middle_5			{	background-color	:	#d4cae2						; 
							font-size			:	1.1em						;
						}						
						
th.th_1p1				{	font-size			:	1.3em						;
							text-align			:	center						;
							color				:	#606060						;	
						}
th.th_1p2				{	font-size			:	1.2em						;
							color				:	#404040						;
						}

/* ------------------------------- Table Cells -------------------------------------- */
						
td						{	font-family			:	verdana						;
							color				:	black						;
							text-align			:	left						;
							border-top			:	1px solid white				;
							border-left			:	1px solid #dddddd			;
							border-right		:	none						;
							padding				:	.2em .2em .1em .5em			;	
						/*	padding				:	.3em .2em .2em .5em			;	*/
						}	
/* 2016-10-02, deleted until found						
td.td_align_top			{	vertical-align		:	top						;	}
*/

td.td_centre_1p2			{	text-align	:	center	;	font-size	:	1.2em	;	}

td.td_centre				{	text-align	:	center								;	}

td.td_centre_p7			{	text-align	:	center	;	font-size	:	0.7em	;	}
td.td_centre_p8			{	text-align	:	center	;	font-size	:	0.8em	;	}
td.td_centre_p9			{	text-align	:	center	;	font-size	:	0.9em	;	}

td.td_centre_3			{	text-align	:	center	;	width	:	3%		;	}
td.td_centre_3_p9		{	text-align	:	center	;	width	:	3%		;	font-size	:	0.9em	;	}
td.td_centre_4			{	text-align	:	center	;	width	:	4%		;	}
td.td_centre_5			{	text-align	:	center	;	width	:	5%		;	}
td.td_centre_5_p8		{	text-align	:	center	;	width	:	5%		;	font-size	:	0.8em	;	}
td.td_centre_6			{	text-align	:	center	;	width	:	6%		;	}
td.td_centre_7			{	text-align	:	center	;	width	:	7%		;	}
td.td_centre_7_p8		{	text-align	:	center	;	width	:	7%		;	font-size	:	0.8em	;	}
td.td_centre_7_p9		{	text-align	:	center	;	width	:	7%		;	font-size	:	0.9em	;	}
td.td_centre_8			{	text-align	:	center	;	width	:	8%		;	}
td.td_centre_8_p9		{	text-align	:	center	;	width	:	7%		;	font-size	:	0.9em	;	}

td.td_centre_10			{	text-align	:	center	;	width	:	10%		;	}
td.td_centre_10_p8		{	text-align	:	center	;	width	:	10%		;	font-size	:	0.8em	;	}
td.td_centre_10_p9		{	text-align	:	center	;	width	:	10%		;	font-size	:	0.9em	;	}
td.td_centre_12			{	text-align	:	center	;	width	:	12%		;	}
td.td_centre_12_p8		{	text-align	:	center	;	width	:	12%		;	font-size	:	0.8em	;	}
td.td_centre_12_p9		{	text-align	:	center	;	width	:	12%		;	font-size	:	0.9em	;	}
td.td_centre_15_p8		{	text-align	:	center	;	width	:	15%		;	font-size	:	0.8em	;	}
td.td_centre_15_p9		{	text-align	:	center	;	width	:	15%		;	font-size	:	0.9em	;	}

td.td_centre_15			{	text-align	:	center	;	width	:	15%		;	}
td.td_centre_20			{	text-align	:	center	;	width	:	20%		;	}
td.td_centre_20_p9		{	text-align	:	center	;	width	:	20%		;	font-size	:	0.9em	;	}
td.td_centre_25_p9		{	text-align	:	center	;	width	:	25%		;	font-size	:	0.9em	;	}
td.td_centre_25			{	text-align	:	center	;	width	:	25%		;	}						
td.td_centre_30			{	text-align	:	center	;	width	:	30%		;	}

td.td_centre_dob			{	text-align	:	center	;	width	:	14%		;	}


td.td_centre_turq		{	text-align	:	center	;	color	:	#00AEED		;	}	
td.td_centre_green		{	text-align	:	center	;	color	:	green		;	}	
td.td_centre_navy		{	text-align	:	center	;	color	:	navy		;	}	
td.td_centre_purple		{	text-align	:	center	;	color	:	fuchsia		;	}	
td.td_centre_red			{	text-align	:	center	;	color	:	red			;	}	


/* following used in shots_needed BY DATE*/					
td.td_centre_overdue		{	text-align	:	center							;	
							padding		:	.3em .5em .2em .2em				;
							color		:	#FF0000							;	/* red */
							width		:	8%								;
							font-size	:	0.9em							;
							}
						
td.td_centre_now			{	text-align	:	center							;	
							padding		:	.3em .5em .2em .2em				;
							color		:	#cc00cc							; 
							width		:	8%								;
							font-size	:	0.9em							;
						}
						
td.td_centre_future		{	text-align	:	center							;	
							padding		:	.3em .5em .2em .2em				;
							color		:	#0000cc							;
							width		:	8%								;
							font-size	:	0.9em							;
						}	

td.td_left_1p2			{	font-size	:	1.2em							;
						}

td.td_left_1p1			{	font-size	:	1.1em							;
						}
						
td.td_left_1p4			{	font-size	:	1.4em							;
						}
						
td.td_left_5				{	text-align	:	left	;	width		:	5%		;	}
td.td_left_6				{	text-align	:	left	;	width		:	6%		;	}
td.td_left_7				{	text-align	:	left	;	width		:	7%		;	}
td.td_left_7_p8			{	text-align	:	left	;	width		:	7%		;	font-size	:	0.8em	;	}
ttd.td_left_8			{	text-align	:	left	;	width		:	8%		;	}

td.td_left_10			{	text-align	:	left	;	width		:	10%		;	}
td.td_left_10_p8			{	text-align	:	left	;	width		:	10%		;	font-size	:	0.8em	;	}
td.td_left_10_p9			{	text-align	:	left	;	width		:	10%		;	font-size	:	0.9em	;	}

td.td_left_12_p9			{	text-align	:	left	;	width		:	12%		;	font-size	:	0.9em	;	}
td.td_left_12_p8			{	text-align	:	left	;	width		:	12%		;	font-size	:	0.8em	;	}

td.td_left_15			{	text-align	:	left	;	width		:	15%		;	}
td.td_left_15_p8			{	text-align	:	left	;	width		:	15%		;	font-size	:	0.8em	;	}	
td.td_left_15_p9			{	text-align	:	left	;	width		:	15%		;	font-size	:	0.9em	;	}
	
td.td_left_16			{	text-align	:	left	;	width		:	16%		;	}

td.td_left_20			{	text-align	:	left	;	width		:	20%		;	}
td.td_left_20_p8			{	text-align	:	left	;	width		:	20%		;	font-size	:	0.8em	;	}
td.td_left_20_p9			{	text-align	:	left	;	width		:	20%		;	font-size	:	0.9em	;	}

td.td_left_25			{	text-align	:	left	;	width		:	25%		;	}
td.td_left_25_p8			{	text-align	:	left	;	width		:	25%		;	font-size	:	0.8em	;	}
td.td_left_25_p9			{	text-align	:	left	;	width		:	25%		;	font-size	:	0.9em	;	}

td.td_left_30			{	text-align	:	left	;	width		:	30%		;	}
td.td_left_30_p9			{	text-align	:	left	;	width		:	30%		;	font-size	:	0.9em	;	}
td.td_left_35			{	text-align	:	left	;	width		:	35%		;	}
td.td_left_35_p9			{	text-align	:	left	;	width		:	35%		;	font-size	:	0.9em	;	}
td.td_left_40			{	text-align	:	left	;	width		:	40%		;	}
td.td_left_40_p9			{	text-align	:	left	;	width		:	40%		;	font-size	:	0.9em	;	}
td.td_left_45_p9			{	text-align	:	left	;	width		:	45%		;	font-size	:	0.9em	;	}
td.td_left_50			{	text-align	:	left	;	width		:	50%		;	}
td.td_left_50_p9			{	text-align	:	left	;	width		:	50%		;	font-size	:	0.9em	;	}

td.td_left_p7			{	text-align	:	left	;	font-size	:	0.7em	;	}
td.td_left_p8			{	text-align	:	left	;	font-size	:	0.8em	;	}
td.td_left_p9			{	text-align	:	left	;	font-size	:	0.9em	;	}

td.td_line				{	background	:	#f9c8d8	;	line-height	:	1px		;	}

td.td_right				{	text-align	:	right								;	
							padding		:	.3em .7em .2em .2em 				;	/* 2018-01-23  from 2px 10px 2px 2px	*/
						}
						
td.td_right_p9			{	text-align	:	right							;	
							font-size	:	0.9em							;
							padding		:	.2em .7em .2em .2em				;
						}

td.td_right_p8			{	text-align	:	right							;	
							font-size	:	0.8em							;
							padding		:	.2em .7em .2em .2em				;
						}						
						
td.td_right_3			{	text-align	:	right							;	
							width		:	3%								;
							padding		:	.2em .7em .2em .2em				;
						}
						
td.td_right_5			{	text-align	:	right							;	
							width		:	5%								;
							padding		:	2px 10px 2px 2px				;
						}
						
td.td_right_7			{	text-align	:	right							;	
							width		:	7%								;
							padding		:	.2em .7em .2em .2em				;
						}						
td.td_right_10			{	text-align	:	right							;	
							width		:	10%								;
							padding		:	.2em .7em .2em .2em				;
						}												
td.td_right_30_p8		{	text-align	:	right							;	
							width		:	30%								;
							font-size	:	0.8em							;	
							padding		:	.2em .7em .2em .2em				;
						}						
td.td_right_20_p8		{	text-align	:	right							;	
							width		:	20%								;
							font-size	:	0.8em							;	
							padding		:	.2em .7em .2em .2em				;
						}	

/* following used in: shots_needed BY DISEASE, and Status by Disease */	
td.td_right_asterisk		{	text-align	:	right							;	
							font-size	:	0.9em							;	
							padding		:	4px 6px 2px 2px					;
							color		:	#dc9000							;	/* orange */
							width		:	14%								;	/* back to 14% when live */
						}
						
td.td_right_overdue		{	text-align	:	right							;	
							font-size	:	0.9em							;	
							padding		:	4px 6px 2px 2px					;
							color		:	#FF0000							;	/* red */
							width		:	14%								;	/* back to 14% when live */
						}
						
td.td_right_received		{	text-align	:	right							;	
							font-size	:	0.9em							;	
							padding		:	.3em .5em .2em .2em				;	/*	2018-01-23	<= 4px 6px 2px 2px	*/
							color		:	#008000							; 	/* green */
							width		:	14%								;
						}
						
td.td_right_now			{	text-align	:	right							;	
							font-size	:	0.9em							;	
							padding		:	.3em .5em .2em .2em				;
							color		:	#cc00cc							; 
							width		:	14%								;
						}
						
td.td_right_future		{	text-align	:	right							;	
							font-size	:	0.9em							;	
							padding		:	.3em .5em .2em .2em				;
							color		:	#0000cc							;
							width		:	14%								;
						}	

						
td.td_right_not_on_schedule	{	text-align	:	right						;	/* 2017-01-13 ?obsolete */
								font-size	:	0.9em						;	
								padding		:	.3em .5em .2em .2em			;
								color		:	#808000						;	/* olive */
								width		:	14%							;
							}
						
						
td.td_right_no_more			{	text-align	:	right						;	
								font-size	:	0.9em						;	
								padding		:	.3em .5em .2em .2em			;
								color		:	#a52a2a						;	/* brown */
								width		:	14%							;
							}	

td.td_right_not_at_this_age	{	text-align	:	right						;	
								font-size	:	0.9em						;	
								padding		:	.3em .5em .2em .2em			;
								color		:	#a52a2a						;	/* brown */
								width		:	14%							;
							}																		
@media screen 	and (max-width	: 	1000px) 
{
td.td_right_overdue			{	width		:	18%							;	}
td.td_right_received			{	width		:	18%							;	}
td.td_right_now				{	width		:	18%							;	}
td.td_right_future			{	width		:	18%							;	}
td.td_right_not_on_schedule	{	width		:	18%							;	}
td.td_right_no_more			{	width		:	18%							;	}
td.td_right_not_at_this_age	{	width		:	18%							;	}																	
}
@media screen 	and (max-width	: 	500px) 
{
td.td_right_overdue			{	width		:	18%							;	}
td.td_right_received			{	width		:	18%							;	}
td.td_right_now				{	width		:	18%							;	}
td.td_right_future			{	width		:	18%							;	}
td.td_right_not_on_schedule	{	width		:	18%							;	}
td.td_right_no_more			{	width		:	18%							;	}
td.td_right_not_at_this_age	{	width		:	18%							;	}																	
}