/* Classes used by CGI scripts:
 * a.changeChoice
 * a.editpen
 * div.blanche
 * div.fresh
 * div.full_answer
 * div.item_top_edge
 * div.mainpg
 * div.pale
 * div.qcom_set
 * div.qcom_sub
 * div.rdg_brd_wid
 * div.rowpad_withimg101
 * div.summ_row
 * fieldset.quantities
 * fieldset.sub_chk
 * h1.qtitle
 * h2.ptitle
 * img.logo
 * input.chk_item
 * input.chk_subitem
 * label.chk_lbl_item
 * legend.chk_subitem
 * legend.sub_title
 * p.chk_choice
 * p.error_colour_text
 * p.food_sideAnswer
 * p.food_underAnswer
 * p.outerbottom
 * p.sink
 * p.sub_chk_choice
 * p.tight
 * p.welback
 * span.answer
 * span.catchphrase
 * span.choice
 * span.ptitle
 * span.slash
 * span.summ_item_side
 * span.summ_item_under
 * ul.sel_item 
*/

body
        {
        font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0em;
	margin: 0em;
        }

@media only screen and (max-width: 640px) 
	{
	body, p
		{
		-moz-text-size-adjust: auto;
		-webkit-text-size-adjust: auto;
		-ms-text-size-adjust: auto;
		}
	}

h1
	{
	font-size: 140%;
	}
input
	{
	font-size: 100%;
	margin: 0em;
	padding: 0em;
	}
input[type="submit"], input[type="button"], button, a.link_as_butt
	{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	border: solid 1px;
	border-radius: 5px;	
	/*padding: 4px 10px 4px 10px;*/
	padding: 0.25em 0.65em;
	cursor: pointer;	
	}
a.link_as_butt
	{
	text-decoration: none;
	white-space: nowrap;
	}
@media only screen and (max-width: 35em) 
{
	input[type="submit"], input[type="button"], button, a.link_as_butt
		{
		padding: 0.1em 0.3em;		
		}
}

select
	{
	font-size: 100%;
	}
button
	{
	font-size: 100%;
	}
textarea
	{
	font-size: 100%;
	}
p
	{
	font-size: 100%;
	}

#top
	{
	height: 117px; 
	width: 100%; 
	padding: 0em; 
	margin: 0em;
	}

h3.jtitle
	{
	font-size: 1.4em; 
	margin: 0.1em 0em 0.9em 0em; 
	padding: 0em; 
	text-align: left;
	}

h3.group_division
	{
	font-size: 100%;
	margin: 0em;
	padding: 0.6em 0.1em 0.1em 0.1em;
	font-decoration: underline;
	}

h2.guide
	{
	font-size: 155%;
	text-align: center;
	padding-bottom: 0.4em;
	}
h3.guide
	{
	padding-top: 0.2em;
	font-size: 120%;
	margin-top: 0em;
	}

@-moz-document url-prefix() 
	{
    	#mainbod { margin-top: 0.3em; }
	}

div.mainpg
	{
	padding: 1.3em 0.5em 0em 1.6em; 
	margin: 0em;
	max-width: 50em;
	}

h1.qtitle
	{
	margin: 0em; 
	padding: 5px 0px 3px 0px; 
	line-height: 70%;
	}
h1.qtitle img
	{
	margin: 0em 0em 0em 0.7em;
	padding: 0em;
	}

img.logo
	{
	height: 75px;
	margin: 0px 0px 10px 15px; 
	padding: 0px;
	vertical-align: middle;
	position: relative;
	z-index: 10;
	}

h2.ptitle
	{
	margin: 0em; 
	padding: 15px 0px 0px 25px; 
	font-size: 1.6em; 
	border: none;
	}
h2.ptitle span.ptitle
	{
	-webkit-border-radius: 1em 1em 0em 0em;
	-moz-border-radius: 1em 1em 0em 0em;	
	border-radius: 1em 1em 0em 0em; 
	border: none;	

	white-space: nowrap;
	padding: 0.2em 1.1em 5px 1.1em;
       	margin: 0em;
	}
div.qtitle
	{
	margin: 0em;
	padding: 0em;
	}

img.pagepic
	{
	vertical-align: middle;
	margin-right: 0.5em;
	position: absolute;
	top: 8px;
	right: 4px;
	z-index: 1;
	height: 90px;
	}

@media only screen and (max-width: 700px) 
	{
	h1.qtitle
		{
		padding-top: 15px;
		padding-bottom: 10px;
		}
	img.logo
		{
		height: 60px;
		}
	h2.ptitle
		{
		padding-top: 14px;
		}
	}
@media only screen and (max-width: 640px) 
	{
	div.mainpg
		{
		padding: 0.5em 1.0em 0em 1.0em;
		}
	h1.qtitle
		{
		padding-top: 20px;
		padding-bottom: 15px;
		}
	img.logo
		{
		height: 50px;
		}
	h2.ptitle
		{
		padding-top: 13px;
		}
	}
@media only screen and (max-width: 500px) 
	{
	h1.qtitle
		{
		padding-top: 25px;
		padding-bottom: 20px;
		}
	img.logo
		{
		height: 40px;
		}
	img.pagepic
		{
		height: 80px;
		}
	h2.ptitle
		{
		padding-top: 13px;
		}
	}
@media only screen and (max-width: 400px) 
	{
	h1.qtitle
		{
		/*border: solid thin fuchsia;*/
		padding: auto;
		margin: auto;
		vertical-align: bottom;
		line-height: 60px;
		}
		
	div.qtitle
		{height: 85px;
		}
	img.logo
		{
		padding-left: 0px;
		width: 99%;
		height: auto;
		}
	img.pagepic
		{display: none;
		}
	h1.qtitle img
		{margin: 0px;
		}
	}


input[type=number]
	{
	text-decoration: none;
	}

/* welback is used by CGI */
p.welback
	{
	font-weight: bold;
	}
p.plsAnswer
	{
	font-weight: bold;
	font-size: 110%;
	margin: 0em;
	padding: 0.1em 0em 0.6em 0em;
	}
p.outerbottom
        {
	margin: 0em;
        padding: 0.3em 0.9em 0.3em 1.2em;
        text-align: right;
        border-left: none;
        border-right: none;
        border-top: solid 0.8em;
        border-bottom: solid 0em;
        }

span.catchphrase
	{
	font-weight: bold;
	font-size: smaller; 
	}
*.commonfont
	{
	font-size: 100%;
	}
input.fnext, input.fnonf
	{
	margin: 0.1em 0.5em 0.1em 0em;
	/*padding: 0.1em 0.05em;*/
	min-width: 4.0em;
	}
input.fnext
	{
	float: right;
	}
@media only screen and (max-width: 35em) 
{
	input.fnext, input.fnonf
		{
		min-width: 0.5em;
		/*padding: 0em;*/
                margin-top: 0.5em;
                margin-bottom: 0.5em;		
		}
}
*.fleft
	{
	float: left;
	margin-right: 1em;
	}
*.fright
	{
	float: right;
	margin-left: 1em;
	}


*.jus
	{text-align: justify;
	}

input[type="radio"]:checked+label
	{
	font-weight: bold;
	}
	
@media only screen and (max-width: 30em) 
{
	span.slash:after
		{
		content: " ";
		font-size: xx-small;
		}
}


p.prog
	{
	font-size: 85%;
	float: left;
	padding: 0em;
	margin: 0% 0.5% 0% 0%;
	}
div.prog
	{
	clear: both;
	float: none;
	padding: 0em;
	margin: 0em 0em 0.05em 0em;
	}
p.progtxt
	{
	font-size: 80%;
	font-variant: small-caps;
	padding: 0em 0em 0em 0.3em;
	margin: 0em;
	position: relative;
	top: 1.25em;
	}


div.qcom_set
	{
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0.3em;
	padding: 0em 0.8em 0em 0.2em;
	border: solid 1px;
	text-align: left;
	}
div.qcom_set:hover
	{
	border: solid 1px;
	}
div.qcom_sub
	{
	width: 26.0em;
	margin-top: 0.3em;
	margin-left: 4.2em;
	margin-bottom: 0em;
	padding-bottom: 0em;

	border: solid 1px;
	}
span.oth_rdg_no_chk
	{
	display: block;
	margin: 0em 0.4em 0em 2em;
	padding: 0.3em 0.5em 0.4em 0.3em;
	}


@media only screen and (max-width: 650px) 
{
	div.qcom_sub
		{
		margin-right: 0.4em;
		width: auto;
		margin-left: 0.2em;
		}
}


fieldset.quantities
	{
	margin: 0em;
	padding: 0em;
	border: none;
	}
fieldset.sub_chk
	{
	border: dotted 1px;
	margin: 0.3em 0em 0em 0em;
	padding: 0.2em 0.1em 0.1em 0.1em;
	}
fieldset.sub_chk:hover
	{
	border: solid 1px;
	}
legend.chk_subitem
	{
	text-align: center;
	font-size: 95%;
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	}
legend.sub_title
	{
	text-align: center;
	font-size: 95%;
	padding-left: 5px;
	padding-right: 5px;
	width: 95%;

	font-weight: bold;
	}
legend.main_title
	{
	text-align: left;
	font-size: 105%;
	padding: 0.3em 0.5em 0em 0.9em;
	margin-bottom: 0em;

	font-weight: bold;
	}

div.blanche, div.pale
	{
	border-bottom: dotted 1px;
	border-left: dotted 1px;
	border-right: dotted 1px;	
	}
div.item_top_edge
	{border-top: dotted 1px;
	}
div.item_gap_edge
	{
	border-top: dotted 1px;
	margin-top: 0.3em;
	}

input.chk_item
	{
	margin: 0em 0em 0em 0.8em;
	}

label.chk_lbl_item
	{
	margin: 0em;
	}
img.food
	{
	vertical-align: middle;
	margin: 0em;
	}

div p>input[type="checkbox"].chk_item, div p>input[type="checkbox"].chk_subitem
	{
	display: none;
	}

input[type="checkbox"]:checked+label, input[type="checkbox"]:checked+label~span.choice
	{
	font-weight: normal;
	}
input[type="checkbox"]+label:before
	{
	content: "\00a0\00a0\00a0";
	border: solid thin;
	font-family: monospace;
	font-size: 120%;
	font-weight: bold;

	/*position: absolute;
	width: 1.6em;
	height: 1.0em;
	text-align: center;
	padding: 0em 0em 0.4em 0em ! important;
	vertical-align: middle;*/
	
	background-position: center center;
        background-repeat: no-repeat; 
	}
input[type="checkbox"].chk_item+label:before, input[type="checkbox"].chk_subitem+label:before
	{
	margin-left: 0.2em;
	padding: 0em;	
	/*background-image: url('ticked_no.gif');*/
	}
input[type="checkbox"].chk_item:checked+label:before
	{
	background-image: url('ticked_yes.gif');	
	}
input[type="checkbox"].chk_subitem:checked+label:before
	{
	/*background-image: url('ticked_sub_yes.gif');*/
	background-image: url('ticked_yes.gif');
	}
input[type="checkbox"].chk_item:checked+label:before, input[type="checkbox"].chk_subitem:checked+label:before
	{
	/*content: "\00a0\25ba\00a0";*/
	/*content: "\00a0\25cf\00a0";*/
	/*content: "\00a0>\00a0";*/
	content: "\00a0/\00a0";
	}


div.rowpad_noimg p.chk_choice input[type="checkbox"]+label:before
	{margin-right: 0.5em;
	}

div.rowpad_withimg101 p.chk_choice input[type="checkbox"]+label:before, div.rowpad_withimg110 p.chk_choice input[type="checkbox"]+label:before
	{margin-right: 0em;
	}

div p.chk_choice
	{
	margin: 0em;
	}

div p.sub_chk_choice
	{
	}
div p.sub_chk_choice input[type="checkbox"]+label:before
	{
	margin: 0em 0.2em 0em 0.2em;
	}


p.extra_info
	{
	font-size: 90%;
	margin-left: 3.3em;
	}

div p span.choice
	{
	display: block;
	font-weight: bold ! important;
	}
div p.choice, div p span.choice
	{
	padding-top: 0em;
	font-size: 95%;
	}
div p.choice, div.rowpad_noimg p span.choice
	{
	margin: 0em 0em 0em 5.0em;
	}
div p.choice, div.rowpad_withimg101 p span.choice, div.rowpad_withimg110 p span.choice
	{
	position: relative;
	bottom: 0.2em;
	}
div p.choice, div.rowpad_withimg101 p span.choice
	{
	margin: 0px 0px 0px 126px;
	}
div.rowpad_withimg110 p span.choice
	{
	margin: 0px 0px 0px 138px;
	}
a.changeChoice
	{
	margin-left: 1.1em;
	text-decoration: none;
	font-size: 95%;
	}
a.changeChoice:hover
	{
	text-shadow: 0px 0px 4px;
	cursor: pointer;
	}

@media only screen and (max-width: 650px) 
{
	div.rowpad_noimg p span.choice, div.rowpad_withimg101 p span.choice, div.rowpad_withimg110 p span.choice
		{
		position: static;
		bottom: 0em;
		}
	div.rowpad_noimg p span.choice
		{
		margin-left: 2.6em;
		}
	div.rowpad_withimg101 p span.choice, div.rowpad_withimg110 p span.choice
		{
		margin-left: 3.3em;
		}
	a.changeChoice
		{
		margin-left: 0.7em;
		}
	img.food
		{
		width: 70px;
		height: 35px;
		}
	span.long_option
		{
		display: block;
		}
	div.rowpad_noimg p span.long_option
		{
		padding-left: 2.55em;
		}
	div.rowpad_withimg101 p span.long_option, div.rowpad_withimg110 p span.long_option
		{
		padding-left: 2.7em;
		}
	p.extra_info
		{
		margin-left: 3.0em;
		}
}	

*.staytogether
	{
	white-space: nowrap;
	}
@media only screen and (max-width: 25em) 
{
	span.staytogether
		{
		white-space: normal;
		}
}

p.welstart
	{
	margin-bottom: 0em;
	padding-bottom: 0em;
	}

p.signoff
	{
	margin-top: 3em;
	}
@media only screen and (max-width: 42em) 
	{
	p.signoff
		{
		margin-top: 0.5em;
		}
	}

p.made_at_ceu
	{
	font-size: smaller;
	margin-top: 1em;
	padding-top: 0em;
	font-style: italic;	
	}
	
div.inline_chkboxes_rel
	{
	position: relative; 
	height: 2.9em;
	}
div.inline_chkboxes_abs
	{
	position:absolute; 
	top: -2.2em; 
	left: 2.5em; 
	width: 13em; 
	margin-left: 0.8em; 
	}
	
em.covid
	{
	font-style: normal;
	text-decoration: underline;
	text-decoration-color: brown;
	text-decoration-style: double;
	}

input[type="text"].num3box
	{
	width: 3em;
	}
div.bott_gap
	{
	padding-bottom: 1.1em;
	}
div.top_gap
	{
	padding-top: 0.9em;
	}
	