/* 1. The background colour of the topmost banner. */
#top
	{
	/* #1a4ea8 #343399 */
	background-color: #1a4ea8;
	background-color: var(--OQS_COL1, #1a4ea8);
	}
p.outerbottom
	{
	background-color: #1a4ea8;
	background-color: var(--OQS_COL1, #1a4ea8);
	}

/* 2. The background colour of the mid-upper and lower banners. */
h2.ptitle
	{
	background-color: #1a4ea8;
	background-color: var(--DIET_COL1, #1a4ea8);
	}
p.outerbottom
	{
	border-color: #1a4ea8;
	border-color: var(--DIET_COL1, #1a4ea8);
	}

/* 3. The background colour to the main question block and help section. */
div.wholequestionA, div.question_infoA
	{
	/* #b5d7f7 #c3d9f1  */
	background-color: #c3d9f1;
	background-color: var(--DIET_COL2, #c3d9f1);
	
/*	background: -webkit-linear-gradient(-20deg, #d0e6fa, #eff7fd, #c3d9f1, #eff7fd, #c3d9f1) fixed; /* For Safari 5.1 to 6.0 *
	background: -o-linear-gradient(-20deg, #d0e6fa, #eff7fd, #c3d9f1, #eff7fd, #c3d9f1) fixed; /* For Opera 11.1 to 12.0 *
	background: -moz-linear-gradient(-20deg, #d0e6fa, #eff7fd, #c3d9f1, #eff7fd, #c3d9f1) fixed; /* For Firefox 3.6 to 15 *
	background: linear-gradient(-20deg, #d0e6fa, #eff7fd, #c3d9f1, #eff7fd, #c3d9f1) fixed; /* Standard syntax (must be last) */
	}

/* 4. Text colour of main question, the help section and question tip (if applicable). */
/* N.B. 2 and 3 should strongly contrast each other to conform to accessibility guidelines. */
div.wholequestionA, div.question_infoA, a.linfoA:link, a.linfoA:visited, p.extra_info
	{
	color: #001953;
	color: var(--DIET_COL3, #001953);
	}

/* 5. Text colour of the tab describing the page. */
h2.ptitle
	{
	color: #001953;
	color: var(--OQS_COL4, #001953);
	}

/* 6. The text colour of the bottom right tag line inside the lower banner. Only visible if text has been provided. */
/* N.B. 1 and 5 should strongly contrast each other to conform to accessibility guidelines. */
p.outerbottom
	{
	color: white;
	color: var(--OQS_COL2, white);
	}

/* 7. The background colour to appear after the end of the questionnaire. Will only be visible to desktop browsers on short pages. */
body.underbelly
	{
	background-color: #cde0f3;
	background-color: var(--OQS_COL3, #cde0f3);
	}