body {
	font-size: 12pt;
	font-family: "Myriad Roman", Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}
/*
html, body, div.metacanvas, div.canvas {
	height: 100%;
}
*/
div.metacanvas {
	padding: 0px 1em;
}
div.canvas {
	background-color: #e2e8ff;
	border: medium solid #003366;
	border-top: none;
	border-bottom: thin solid #003366;
	width: 85ex;
	margin: 0px auto;
	position: relative;
	padding: 2em 1em;
}
.small { font-size: 10pt }
p.image {
	text-align: center;
	font-weight: bold;
	margin-bottom: 2em;
}

div.spacer {
	float: right;
	width: 1px;
	height: 6in;
}
div.footer {
	clear: both;
	margin-top: 3em;
}

div.menu {
	position: absolute;
	top: 0ex;
	left: -4ex;
	width: 8em;
	background: #ffffff;
	border: thin solid #000000;
	margin: 1em;
	padding: 1ex;
}
div.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div.menu li {
	margin: 1ex 0.5ex;
}
div.menu li li {
	margin: 0.25ex 0.5ex 0.25ex 1ex;
}
div.content {
	margin-left: 10em;
}
h1.title {
	margin-left: 5em; /* because font-size is twice is large as div.content */
}

h1	{ margin-top: 0px; font-weight: bold; font-size: 24pt; }
h2  { font-weight: bold; font-size: 18pt }
h3  { font-weight: bold; font-size: 14pt }
div.footer { color: gray; font-size: 9pt; margin-right: 36pt; margin-left: 156pt }
p.addendum {
	color: gray;
	font-size: 9pt;
	margin: 2em 4em 0 4em;
}
p.addendum:before {
	content: "Addendum:";
}
p.addendum > a {
	color: gray;
}
p.addendum > a:hover {
	color: maroon;
}


img.floatleft {
	float: left;
	margin-right: 1em;
}
img.floatright {
	float: right;
	margin-left: 1em;
}

p.quote {
	margin: 0px 2em;
	font-style: italic;
}

a {
	color: #0000CC;
	text-decoration: underline;
}
a:hover {
	color: #663366;
}
a.herelink {
	color: inherit;
	text-decoration: inherit;
	cursor: inherit;
}
a.homelink, a.parentlink {
	color: inherit;
	text-decoration: inherit;
	cursor: inherit;
}
a.homelink:hover, a.parentlink:hover {
	color: #663366;
	text-decoration: underline;
	cursor: pointer;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1em;
    margin-right: 3em;
}

/*

td {}
img { margin-right: 1ex; margin-left: 1ex }
a  { color: blue; text-decoration: underline }
a:hover { color: blue; text-decoration: underline }
a:active { color: maroon; text-decoration: underline }
a:visited { color: blue }
#navigation { font-size: 12pt; background-color: white; padding: 1ex; border: solid thin black; position: fixed; top: 12pt; left: 12pt; width: 108pt }
div.title  { margin-right: 36pt; margin-left: 156pt }
div.title > h1 { margin: 0px; padding: 0px }
div.content  { margin-right: 36pt; margin-left: 156pt; right: 36pt }
div.block { clear: both }
span.checkbox { background-color: white; border: solid thin black; position: relative; width: 24pt; height: 12pt; overflow: hidden }
.center { text-align: center }
.left { text-align: left }
td { text-align: center }
ul  { list-style-type: none; margin: 0px; padding: 0px 0px 0px 1ex }
li   { color: black; margin: 1ex 0px; padding: 0px }
p.nospace { margin: 2ex 0px 1ex }
ul.nospace { margin: 0px }
li.nospace { margin: 0px }
*/

table {
	border: thin solid #CCCCCC;
}
td, th {
	text-align: left;
	vertical-align: top;
	padding-right: 1ex;
}
td.seats, th.seats {
	text-align: right;
}
td.votes, th.votes {
	text-align: right;
}
td.percentage, th.percentage {
	text-align: right;
}
tr.party td {
	font-weight: bold;
	font-style: italic;
	padding-top: 1ex;
}
table.summary {
	border: none;
}
table.summary td, table.summary th {
	font-size: smaller;
}
table.summary tr.Unelected td {
	background-color: #CCCCCC;
}
table.summary tr.Liberal td {
	background-color: #ff6666;
}
table.summary tr.NDP td {
	background-color: #ff9900;
}
table.summary tr.Green td {
	background-color: #99cc00;
}
table.summary tr.Even {
	background-color: #99CCCC;
}
table.summary tr.Odd {
	background-color: #CCFFFF;
}
table.summary tr.Change td {
	border-top: 0.5ex solid #444444;
}
table.summary tr.Contending {
	color: #666666;
}
table.summary tr.Elected {
	font-weight: bold;
}
table.summary tr.Elected td.district {
	font-weight: normal;
}
table.summary tr.Liberal td.spacer, 
table.summary tr.NDP td.spacer, 
table.summary tr.Green td.spacer {
	background-color: #e2e8ff; /* the light blue canvas color */
}

div.zooxm {
	position: absolute;
	top: 8em;
	left: -5em;
	width: 100%;
	height: 100%;
}
div.zoom img {
	border: thin solid #003366;
	position: absolute;
	top: 8em;
	left: -5em;
}
p.backlink {
	float: right;
}
table#districts {
	border: none;
}
table#thresholds {
	font-size: smaller;
	border: none;
	float: right;
	margin: 0px 2em;
}
table#districts em {
	font-size: smaller;
	font-style: normal;
	padding-top: 0.5ex;
	padding-left: 1em;
}
table#districts td {
	padding-top: 1ex;
}

table#transcript, table#transcriptGrid {
	background-color: #99FFCC;
	padding: 1em;
	border: thin solid #666666;
	margin-right: 1em;
	margin-bottom: 1em;
	font-size: smaller;
}
table#transcript tr.newRound td,
table#transcript tr.newRound th {
	padding-top: 1ex;
}
table#transcript td.roundDetails {
	white-space: nowrap;
}
table#transcript th {
	white-space: nowrap;
}
table#transcriptGrid td {
	border-top: thin dotted #999999;
	height: 3em;
}
table#transcriptGrid td.Elected {
    color: #9900CC;
	font-weight: bold;
}
table#transcriptGrid td.Rejected {
    color: #666666;
	font-weight: normal;
	font-style: italic;
}
table#transcriptGrid td.Change {
	border-top: 0.5ex solid #444444;
}
table#transcriptGrid td.Even,
table#transcriptGrid th.Even {
	background-color: #66cccc;
}
table#transcriptGrid td.OutAndEven,
table#transcriptGrid th.OutAndEven { /* halve saturation, double brightness */
	background-color: #ace5e5;
}
table#transcriptGrid td.WinAndEven,
table#transcriptGrid th.OutAndEven { /* double saturation */
	background-color: #00cccc;
}
table#transcriptGrid td.Odd,
table#transcriptGrid th.Odd {
	background-color: #CCFFFF;
}
table#transcriptGrid td.OutAndOdd,
table#transcriptGrid th.OutAndOdd { /* halve saturation, double brightness */
	background-color: #e5ffff;
}
table#transcriptGrid td.WinAndOdd,
table#transcriptGrid th.WinAndOdd { /* double saturation */
	background-color: #99ffff;
}

ul#changes li {
	margin-top: 1ex;
}

p.inset {
	font-size: smaller;
	margin: 0.5em 2em;
}