body
{
	background-color: white;
	color: black;
	font-family: arial, sans-serif;
	font-size: 75%;
	margin: 0em;
}
pre { font-family: monospace; }

.code
{
	font-family: monospace;
	font-weight: bold;
}
.codeBox
{
	background-color: rgb(204, 204, 240);
	border-style: none;
	font-family: monospace;
	padding: 0.5em;
}
div.codeBox
{
	background-color: rgb(204, 204, 240);
	border-style: none;
	font-family: monospace;
	padding: 0.5em;
}

ul
{
	list-style: disc;	/* use same disc for all levels */
	margin-top: 0em;	/* remove unnecessary padding */
}

div.box
{
	border-style: solid;
	border-width: thin;
	padding: 0.5em;
	width: 100%;
}
div.colorBox
{
	background-color: rgb(204, 204, 240);
	border-style: none;
	padding: 0.5em;
}

p.changed
{
	border-color: red;
	border: none;
	border-left: solid;
	border-left-width: thin;
	padding-left: 0.2em;
}

h2, h3, h4, h5, h6
{
	margin-bottom: 0em;
	text-align: left;
	font-weight: bold;
}
/* increase header spacing by 12.5% starting from h6 */
h6 { margin-top: 0.56em; font-size: 112% }
h5 { margin-top: 0.63em; font-size: 129% }
h4 { margin-top: 0.71em; font-size: 145.8% }
h3 { margin-top: 0.80em; font-size: 162% }
h2 { margin-top: 0.90em; font-size: 180% }
h1 { margin-top: 1.01em; font-size: 200%; }

.cdhtSiteName
{
	padding-left: 3px;
	margin-top: 0.5em;
}

.cdhtPage
{
	border: none;
	width: 100%;
}

.cdhtHeader
{
	/* dark blue on light blue */
	background-color: rgb(85, 127, 255);
	color: rgb(51,77,155);
	vertical-align: bottom;
}

.cdhtSearch, .cdhtSearch td { padding-right: 3px; }

/* Menu
*  Graduated blue background - each level slightly darker than previous.
*  First menu rgb((cdhtHeaderBlue-25)/3, (cdhtHeaderBlue-25)/2, (cdhtHeaderBlue-25)).
*  Each menu that follows is rgb((cdhtMenu(n-1)-25)/3, (cdhtMenu(n-1)-25)/2, (cdhtMenu(n-1)-25)).
*  Selected items have the same colour as the next level.
*/
.cdhtMenu, .cdhtMenu td
{
	text-align: center;
	vertical-align: center;
	padding: 2, 4, 2, 4;
	color: white;
}
.cdhtMenu tr { font-size: 75%; }
.cdhtMenu0 { background-color: rgb(77, 115, 230); }
.selected { font-weight: bold; } 
.cdhtMenu0 .selected, .cdhtMenu1 { background-color: rgb(68, 103, 205); }
.cdhtMenu1 .selected, .cdhtMenu2 { background-color: rgb(60, 90, 180); }
.cdhtMenu2 .selected, .cdhtMenu3 { background-color: rgb(52, 78, 155); }
.cdhtMenu3 .selected, .cdhtMenu4 { background-color: rgb(43, 65, 130); }
.cdhtMenu4 .selected, .cdhtMenu5 { background-color: rgb(35, 53, 105); }

.cdhtMenu0 td { border-top-style:solid; border-top-width:1px; border-top-color:black;}
.cdhtMenu td { border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:black;}
.cdhtMenu .selected { border-bottom-style:none; }

/*.cdhtMenu td { margin-top:2px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:black;}
.cdhtMenu .selected { border-top-style:solid; border-top-width:1px; border-top-color:black; border-left-style: solid; border-left-width:1px; border-left-color:black; border-right-style:solid; border-right-width:1px; border-right-color:black; border-bottom-style:none;}*/

.cdhtMenu A { color: white; }
.cdhtMenu A:hover
{
	background-color: white;
	color: blue;
}

.cdhtContent
{
	text-align: left;
	vertical-align: top;
	padding: 0.5em;
}
.cdhtContent tr { font-size: 75%; }

.cdhtLinks
{
	border-style: none;
	padding: 0.5em;
}
.cdhtlinks tr { font-size: 75%; }
.cdhtLinks A { color: blue; }

.cdhtFooter
{
	background-color: rgb(68, 102, 205);
	color: white;
	text-align: center;
	padding: 0.5em;
}
.cdhtFooter tr { font-size: 75%; }
.cdhtFooter A { color: white; }

/* Favourites specific */
span.foldopened, span.foldclosed, span.foldspecial
{
	color: black;
	font-size: xx-small;
	border-style: solid;
	border-width: 1;
	border-color: silver;
	padding: 0em 0.25em 0em 0.25em;
	cursor:hand;
}
span.foldopened
{
	font-family: monospace;
	visibility: visible;
}
span.foldclosed
{
	font-family: monospace;
	visibility: hidden;
}

/* Amazon Buy Link */
.cdhtbuy { color: #CC6600; }
.cdhtbuy A { color: #CC6600; }

.tableViewer td { vertical-align: top; }

.cdhtNationalBloodService { }
.cdhtNationalBloodService A { color: #D40139; }

