body
{
	font-family: sans-serif;
}


.float-left
{
	float: left;
	margin-right: 1em;
}
.float-right
{
	float: right;
	margin-left: 1em;
}
.float-clear
{
	clear: both;
}


.no-wrap
{
	white-space: nowrap;
}
.underline
{
	text-decoration: underline;
}
.overline
{
	text-decoration: overline;
}
.smaller-text
{
	font-size: smaller;
}
.larger-text
{
	font-size: larger;
}
.big-text
{
	font-size: 2em;
}
.yellow
{
	color: #ffe000;
}
.silver
{
	color: silver;
}
.red
{
	color: #e00000;
}
.pink
{
	color: #ff8080;
}
.outlined
{
	-webkit-text-stroke-width: 0.015625em;
	-webkit-text-stroke-color: #404040;
	text-stroke-width: 0.015625em;
	text-stroke-color: #404040;
}


h1.center,
h2.center,
h3.center,
h4.center,
h5.center,
h6.center,
p.center,
div.center
{
	text-align: center;
}
h1.right,
h2.right,
h3.right,
h4.right,
h5.right,
h6.right,
p.right,
div.right
{
	text-align: right;
}


img
{
	border-style: none;
}


p,
table,
ol,
ul,
dl,
pre,
blockquote,
form,
div.navigation,
div.list-item
{
	margin-top: 0;
	margin-bottom: 1em;
}
th > p,
td > p,
li > p,
dt > p,
dd > p,
th > div > p,
td > div > p,
li > div > p,
dt > div > p,
dd > div > p
{
	margin-bottom: 0.5em;
}
th > p:last-child,
th > table:last-child,
th > ol:last-child,
th > ul:last-child,
th > dl:last-child,
th > pre:last-child,
th > blockquote:last-child,
th > form:last-child,
th > div.navigation:last-child,
td > p:last-child,
td > table:last-child,
td > ol:last-child,
td > ul:last-child,
td > dl:last-child,
td > pre:last-child,
td > blockquote:last-child,
td > form:last-child,
td > div.navigation:last-child,
li > p:last-child,
li > table:last-child,
li > ol:last-child,
li > ul:last-child,
li > dl:last-child,
li > pre:last-child,
li > blockquote:last-child,
li > form:last-child,
li > div.navigation:last-child,
button > p:last-child,
button > table:last-child,
button > ol:last-child,
button > ul:last-child,
button > dl:last-child,
button > pre:last-child,
button > blockquote:last-child,
button > form:last-child,
button > div.navigation:last-child,
th > div > p:last-child,
th > div > table:last-child,
th > div > ol:last-child,
th > div > ul:last-child,
th > div > dl:last-child,
th > div > pre:last-child,
th > div > blockquote:last-child,
th > div > form:last-child,
th > div > div.navigation:last-child,
td > div > p:last-child,
td > div > table:last-child,
td > div > ol:last-child,
td > div > ul:last-child,
td > div > dl:last-child,
td > div > pre:last-child,
td > div > blockquote:last-child,
td > div > form:last-child,
td > div > div.navigation:last-child,
li > div > p:last-child,
li > div > table:last-child,
li > div > ol:last-child,
li > div > ul:last-child,
li > div > dl:last-child,
li > div > pre:last-child,
li > div > blockquote:last-child,
li > div > form:last-child,
li > div > div.navigation:last-child,
button > div > p:last-child,
button > div > table:last-child,
button > div > ol:last-child,
button > div > ul:last-child,
button > div > dl:last-child,
button > div > pre:last-child,
button > div > blockquote:last-child,
button > div > form:last-child,
button > div > div.navigation:last-child,
table.no-margin,
div.list-item.secondary
{
	margin-bottom: 0;
}


li
{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}


h1
{
	font-size: 2em;
	font-weight: bold;
	margin-top: 0.75em;
	margin-bottom: 0.5em;
}
h2
{
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1.0em;
	margin-bottom: 0.67em;
}
h3
{
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 1.2em;
	margin-bottom: 0.8em;
}
h4
{
	font-size: 1.12em;
	font-weight: bold;
	margin-top: 1.34em;
	margin-bottom: 0.89em;
}
h5
{
	font-size: 1.06em;
	font-weight: bold;
	margin-top: 1.42em;
	margin-bottom: 0.94em;
}
h6
{
	font-size: 1.03em;
	font-weight: bold;
	margin-top: 1.46em;
	margin-bottom: 0.97em;
}
h1 + h2,
h1 + div > h2,
h1 + li:first-child > h2
{
	margin-top: 0.67em;
}
h1 + h3,
h2 + h3,
h1 + div > h3,
h2 + div > h3,
h1 + li:first-child > h3,
h2 + li:first-child > h3
{
	margin-top: 0.8em;
}
h1 + h4,
h2 + h4,
h3 + h4,
h1 + div > h4,
h2 + div > h4,
h3 + div > h4,
h1 + li:first-child > h4,
h2 + li:first-child > h4,
h3 + li:first-child > h4
{
	margin-top: 0.89em;
}
h1 + h5,
h2 + h5,
h3 + h5,
h4 + h5,
h1 + div > h5,
h2 + div > h5,
h3 + div > h5,
h4 + div > h5,
h1 + li:first-child > h5,
h2 + li:first-child > h5,
h3 + li:first-child > h5,
h4 + li:first-child > h5
{
	margin-top: 0.94em;
}
h1 + h6,
h2 + h6,
h3 + h6,
h4 + h6,
h5 + h6,
h1 + div > h6,
h2 + div > h6,
h3 + div > h6,
h4 + div > h6,
h5 + div > h6,
h1 + li:first-child > h6,
h2 + li:first-child > h6,
h3 + li:first-child > h6,
h4 + li:first-child > h6,
h5 + li:first-child > h6
{
	margin-top: 0.97em;
}
/***********************************************************************
* navigation and list-item inline-block margin-bottom doesn't collapse *
***********************************************************************/
div.navigation + h1,
div.list + h1
{
	margin-top: 0.25em;
}
div.navigation + h2,
div.list + h2
{
	margin-top: 0.33em;
}
div.navigation + h3,
div.list + h3
{
	margin-top: 0.4em;
}
div.navigation + h4,
div.list + h4
{
	margin-top: 0.45em;
}
div.navigation + h5,
div.list + h5
{
	margin-top: 0.47em;
}
div.navigation + h6,
div.list + h6
{
	margin-top: 0.49em;
}


table
{
	border-style: none;
	border-spacing: 0;
}
table.center
{
	margin-left: auto;
	margin-right: auto;
}
th,
td
{
	vertical-align: middle;
	padding: 0.25em 0.5em;
	border-style: dashed none none dashed;
	border-width: thin;
	border-color: silver;
}
th.left,
td
{
	text-align: left;
}
th,
td.center
{
	text-align: center;
}
th.right,
td.right
{
	text-align: right;
}
th.top,
td.top
{
	vertical-align: top;
}
th.bottom,
td.bottom
{
	vertical-align: bottom;
}
th > img,
td > img,
th > span > img,
td > span > img
{
	vertical-align: middle;
}
th.vertical-text,
td.vertical-text
{
	writing-mode: sideways-lr;
}
thead > th,
thead > td
{
	border-top-style: none;
	border-bottom-style: dashed;
}
tr:first-child > th,
tr:first-child > td
{
	padding-top: 0;
	border-top-style: none;
}
thead + tbody > tr:first-child > th,
thead + tbody > tr:first-child > td,
tbody + tbody > tr:first-child > th,
tbody + tbody > tr:first-child > td
{
	padding-top: 0.25em;
}
tbody + tbody > tr:first-child > th,
tbody + tbody > tr:first-child > td
{
	border-top-style: double;
	border-top-width: medium;
}
tr:last-child > th,
tr:last-child > td
{
	padding-bottom: 0;
}
thead > tr:last-child > th,
thead > tr:last-child > td,
tbody:not(:last-child) > tr:last-child > th,
tbody:not(:last-child) > tr:last-child > td
{
	padding-bottom: 0.25em;
}
thead > tr:last-child > th,
thead > tr:last-child > td,
thead > tr > th[rowspan],
thead > tr > td[rowspan]
{
	border-bottom-style: double;
	border-bottom-width: medium;
}
th:first-child:not(.not-first),
td:first-child:not(.not-first)
{
	padding-left: 0;
	border-left-style: none;
}
th:last-child:not(.not-last),
td:last-child:not(.not-last)
{
	padding-right: 0;
}
th.no-horizontal-border,
td.no-horizontal-border
{
	border-top-style: none;
}
th.no-vertical-border,
td.no-vertical-border
{
	border-left-style: none;
}
th.more-padding,
td.more-padding
{
	padding: 1em 2em !important;
}


table.layout > tr > th,
table.layout > tr > td,
table.layout > thead > tr > th,
table.layout > thead > tr > td,
table.layout > tbody > tr > th,
table.layout > tbody > tr > td
{
	padding: 0;
	border-style: none;
	vertical-align: top;
}
table.layout > tr > th.middle,
table.layout > tr > td.middle,
table.layout > thead > tr > th.middle,
table.layout > thead > tr > td.middle,
table.layout > tbody > tr > th.middle,
table.layout > tbody > tr > td.middle
{
	vertical-align: middle;
}
table.layout > tr > th.bottom,
table.layout > tr > td.bottom,
table.layout > thead > tr > th.bottom,
table.layout > thead > tr > td.bottom,
table.layout > tbody > tr > th.bottom,
table.layout > tbody > tr > td.bottom
{
	vertical-align: bottom;
}


table.diagram
{
	border-style: solid;
	border-width: medium;
	border-color: black;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #a0a090;
}
table.diagram > tr > th,
table.diagram > tr > td,
table.diagram > thead > tr > th,
table.diagram > thead > tr > td,
table.diagram > tbody > tr > th,
table.diagram > tbody > tr > td
{
	vertical-align: middle;
	text-align: center;
	padding: 0;
	border-style: none;
	border-width: thin;
	border-color: black;
}
table.diagram > tr > th.dark,
table.diagram > tr > td.dark,
table.diagram > thead > tr > th.dark,
table.diagram > thead > tr > td.dark,
table.diagram > tbody > tr > th.dark,
table.diagram > tbody > tr > td.dark
{
	background-color: #909080;
}
table.diagram > tr > th.light,
table.diagram > tr > td.light,
table.diagram > thead > tr > th.light,
table.diagram > thead > tr > td.light,
table.diagram > tbody > tr > th.light,
table.diagram > tbody > tr > td.light
{
	background-color: #e0e0d0;
}
table.diagram > tr > th.dark.light,
table.diagram > tr > td.dark.light,
table.diagram > thead > tr > th.dark.light,
table.diagram > thead > tr > td.dark.light,
table.diagram > tbody > tr > th.dark.light,
table.diagram > tbody > tr > td.dark.light
{
	background-color: #d0d0c0;
}
table.diagram > tr > th.border-top-left-right,
table.diagram > tr > td.border-top-left-right,
table.diagram > thead > tr > th.border-top-left-right,
table.diagram > thead > tr > td.border-top-left-right,
table.diagram > tbody > tr > th.border-top-left-right,
table.diagram > tbody > tr > td.border-top-left-right
{
	border-style: solid solid none solid;
}
table.diagram > tr > th.border-bottom-left-right,
table.diagram > tr > td.border-bottom-left-right,
table.diagram > thead > tr > th.border-bottom-left-right,
table.diagram > thead > tr > td.border-bottom-left-right,
table.diagram > tbody > tr > th.border-bottom-left-right,
table.diagram > tbody > tr > td.border-bottom-left-right
{
	border-style: none solid solid solid;
}
table.diagram > tr > th.border-left-top-bottom,
table.diagram > tr > td.border-left-top-bottom,
table.diagram > thead > tr > th.border-left-top-bottom,
table.diagram > thead > tr > td.border-left-top-bottom,
table.diagram > tbody > tr > th.border-left-top-bottom,
table.diagram > tbody > tr > td.border-left-top-bottom
{
	border-style: solid none solid solid;
}
table.diagram > tr > th.border-right-top-bottom,
table.diagram > tr > td.border-right-top-bottom,
table.diagram > thead > tr > th.border-right-top-bottom,
table.diagram > thead > tr > td.border-right-top-bottom,
table.diagram > tbody > tr > th.border-right-top-bottom,
table.diagram > tbody > tr > td.border-right-top-bottom
{
	border-style: solid solid solid none;
}
table.diagram > tr > th.border-all,
table.diagram > tr > td.border-all,
table.diagram > thead > tr > th.border-all,
table.diagram > thead > tr > td.border-all,
table.diagram > tbody > tr > th.border-all,
table.diagram > tbody > tr > td.border-all
{
	border-style: solid;
}
table.diagram > tr > th.border-top,
table.diagram > tr > td.border-top,
table.diagram > thead > tr > th.border-top,
table.diagram > thead > tr > td.border-top,
table.diagram > tbody > tr > th.border-top,
table.diagram > tbody > tr > td.border-top
{
	border-top-style: solid;
}
table.diagram > tr > th,
table.diagram > tr > td,
table.diagram > thead > tr > th,
table.diagram > thead > tr > td,
table.diagram > tbody > tr > th,
table.diagram > tbody > tr > td
{
	width: 12px;
	height: 12px;
}
table.diagram > tr > th.width-24,
table.diagram > tr > td.width-24,
table.diagram > thead > tr > th.width-24,
table.diagram > thead > tr > td.width-24,
table.diagram > tbody > tr > th.width-24,
table.diagram > tbody > tr > td.width-24
{
	width: 24px;
}
table.diagram > tr > th.width-48,
table.diagram > tr > td.width-48,
table.diagram > thead > tr > th.width-48,
table.diagram > thead > tr > td.width-48,
table.diagram > tbody > tr > th.width-48,
table.diagram > tbody > tr > td.width-48
{
	width: 48px;
}
table.diagram > tr > th.height-24,
table.diagram > tr > td.height-24,
table.diagram > thead > tr > th.height-24,
table.diagram > thead > tr > td.height-24,
table.diagram > tbody > tr > th.height-24,
table.diagram > tbody > tr > td.height-24
{
	height: 24px;
}
table.diagram > tr > th.height-48,
table.diagram > tr > td.height-48,
table.diagram > thead > tr > th.height-48,
table.diagram > thead > tr > td.height-48,
table.diagram > tbody > tr > th.height-48,
table.diagram > tbody > tr > td.height-48
{
	height: 48px;
}
table.diagram > tr > th > img.margin--8,
table.diagram > tr > td > img.margin--8,
table.diagram > tr > th > span > img.margin--8,
table.diagram > tr > td > span > img.margin--8,
table.diagram > thead > tr > th > img.margin--8,
table.diagram > thead > tr > td > img.margin--8,
table.diagram > thead > tr > th > span > img.margin--8,
table.diagram > thead > tr > td > span > img.margin--8,
table.diagram > tbody > tr > th > img.margin--8,
table.diagram > tbody > tr > td > img.margin--8,
table.diagram > tbody > tr > th > span > img.margin--8,
table.diagram > tbody > tr > td > span > img.margin--8
{
	margin: -8px;
}
table.diagram > tr > th > img.margin--4,
table.diagram > tr > td > img.margin--4,
table.diagram > tr > th > span > img.margin--4,
table.diagram > tr > td > span > img.margin--4,
table.diagram > thead > tr > th > img.margin--4,
table.diagram > thead > tr > td > img.margin--4,
table.diagram > thead > tr > th > span > img.margin--4,
table.diagram > thead > tr > td > span > img.margin--4,
table.diagram > tbody > tr > th > img.margin--4,
table.diagram > tbody > tr > td > img.margin--4,
table.diagram > tbody > tr > th > span > img.margin--4,
table.diagram > tbody > tr > td > span > img.margin--4
{
	margin: -4px;
}


dt
{
	font-weight: bold;
}
dt,
dd
{
	margin-left: 0;
	margin-right: 0;
}
dd > table
{
	margin-top: 0.25em;
}
dd + dt
{
	margin-top: 1em;
}


input[type="text"],
input[type="password"],
textarea,
.text-input-label
{
	font-family: monospace;
	font-size: 1.5em;
	padding: 0.125em 0.25em;
}


span.box
{
	display: inline-block;
	font-family: monospace;
	padding: 0.125em 0.25em;
	border-style: solid;
	border-width: thin;
	border-color: silver;
	background-color: #f0f0f0;
	white-space: nowrap;
}
span.error
{
	display: inline-block;
	padding: 0.125em 0.25em;
	border-style: solid;
	border-width: thin;
	border-color: #f00000;
	background-color: #f0c0c0;
}
span.inline-block
{
	display: inline-block;
	vertical-align: top;
}


div.bar
{
	white-space: nowrap;
}
div.bar > div.a
{
	display: inline-block;
	height: 16px;
	background-color: #404040;
}
div.bar > div.b
{
	display: inline-block;
	height: 16px;
	background-color: #e0e0e0;
}
div.bar.value-0 > div.a			{ width: 0px; }
div.bar.value-1-25 > div.a	{ width: 1px; }
div.bar.value-2-5 > div.a		{ width: 2px; }
div.bar.value-3-75 > div.a	{ width: 3px; }
div.bar.value-5 > div.a			{ width: 4px; }
div.bar.value-6-25 > div.a	{ width: 5px; }
div.bar.value-7-5 > div.a		{ width: 6px; }
div.bar.value-8-75 > div.a	{ width: 7px; }
div.bar.value-10 > div.a		{ width: 8px; }
div.bar.value-11-25 > div.a	{ width: 9px; }
div.bar.value-12-5 > div.a	{ width: 10px; }
div.bar.value-13-75 > div.a	{ width: 11px; }
div.bar.value-15 > div.a		{ width: 12px; }
div.bar.value-16-25 > div.a	{ width: 13px; }
div.bar.value-17-5 > div.a	{ width: 14px; }
div.bar.value-18-75 > div.a	{ width: 15px; }
div.bar.value-20 > div.a		{ width: 16px; }
div.bar.value-21-25 > div.a	{ width: 17px; }
div.bar.value-22-5 > div.a	{ width: 18px; }
div.bar.value-23-75 > div.a	{ width: 19px; }
div.bar.value-25 > div.a		{ width: 20px; }
div.bar.value-26-25 > div.a	{ width: 21px; }
div.bar.value-27-5 > div.a	{ width: 22px; }
div.bar.value-28-75 > div.a	{ width: 23px; }
div.bar.value-30 > div.a		{ width: 24px; }
div.bar.value-31-25 > div.a	{ width: 25px; }
div.bar.value-32-5 > div.a	{ width: 26px; }
div.bar.value-33-75 > div.a	{ width: 27px; }
div.bar.value-35 > div.a		{ width: 28px; }
div.bar.value-36-25 > div.a	{ width: 29px; }
div.bar.value-37-5 > div.a	{ width: 30px; }
div.bar.value-38-75 > div.a	{ width: 31px; }
div.bar.value-40 > div.a		{ width: 32px; }
div.bar.value-41-25 > div.a	{ width: 33px; }
div.bar.value-42-5 > div.a	{ width: 34px; }
div.bar.value-43-75 > div.a	{ width: 35px; }
div.bar.value-45 > div.a		{ width: 36px; }
div.bar.value-46-25 > div.a	{ width: 37px; }
div.bar.value-47-5 > div.a	{ width: 38px; }
div.bar.value-48-75 > div.a	{ width: 39px; }
div.bar.value-50 > div.a		{ width: 40px; }
div.bar.value-51-25 > div.a	{ width: 41px; }
div.bar.value-52-5 > div.a	{ width: 42px; }
div.bar.value-53-75 > div.a	{ width: 43px; }
div.bar.value-55 > div.a		{ width: 44px; }
div.bar.value-56-25 > div.a	{ width: 45px; }
div.bar.value-57-5 > div.a	{ width: 46px; }
div.bar.value-58-75 > div.a	{ width: 47px; }
div.bar.value-60 > div.a		{ width: 48px; }
div.bar.value-61-25 > div.a	{ width: 49px; }
div.bar.value-62-5 > div.a	{ width: 50px; }
div.bar.value-63-75 > div.a	{ width: 51px; }
div.bar.value-65 > div.a		{ width: 52px; }
div.bar.value-66-25 > div.a	{ width: 53px; }
div.bar.value-67-5 > div.a	{ width: 54px; }
div.bar.value-68-75 > div.a	{ width: 55px; }
div.bar.value-70 > div.a		{ width: 56px; }
div.bar.value-71-25 > div.a	{ width: 57px; }
div.bar.value-72-5 > div.a	{ width: 58px; }
div.bar.value-73-75 > div.a	{ width: 59px; }
div.bar.value-75 > div.a		{ width: 60px; }
div.bar.value-76-25 > div.a	{ width: 61px; }
div.bar.value-77-5 > div.a	{ width: 62px; }
div.bar.value-78-75 > div.a	{ width: 63px; }
div.bar.value-80 > div.a		{ width: 64px; }
div.bar.value-81-25 > div.a	{ width: 65px; }
div.bar.value-82-5 > div.a	{ width: 66px; }
div.bar.value-83-75 > div.a	{ width: 67px; }
div.bar.value-85 > div.a		{ width: 68px; }
div.bar.value-86-25 > div.a	{ width: 69px; }
div.bar.value-87-5 > div.a	{ width: 70px; }
div.bar.value-88-75 > div.a	{ width: 71px; }
div.bar.value-90 > div.a		{ width: 72px; }
div.bar.value-91-25 > div.a	{ width: 73px; }
div.bar.value-92-5 > div.a	{ width: 74px; }
div.bar.value-93-75 > div.a	{ width: 75px; }
div.bar.value-95 > div.a		{ width: 76px; }
div.bar.value-96-25 > div.a	{ width: 77px; }
div.bar.value-97-5 > div.a	{ width: 78px; }
div.bar.value-98-75 > div.a	{ width: 79px; }
div.bar.value-100 > div.a		{ width: 80px; }
div.bar.value-0 > div.b			{ width: 80px; }
div.bar.value-1-25 > div.b	{ width: 79px; }
div.bar.value-2-5 > div.b		{ width: 78px; }
div.bar.value-3-75 > div.b	{ width: 77px; }
div.bar.value-5 > div.b			{ width: 76px; }
div.bar.value-6-25 > div.b	{ width: 75px; }
div.bar.value-7-5 > div.b		{ width: 74px; }
div.bar.value-8-75 > div.b	{ width: 73px; }
div.bar.value-10 > div.b		{ width: 72px; }
div.bar.value-11-25 > div.b	{ width: 71px; }
div.bar.value-12-5 > div.b	{ width: 70px; }
div.bar.value-13-75 > div.b	{ width: 69px; }
div.bar.value-15 > div.b		{ width: 68px; }
div.bar.value-16-25 > div.b	{ width: 67px; }
div.bar.value-17-5 > div.b	{ width: 66px; }
div.bar.value-18-75 > div.b	{ width: 65px; }
div.bar.value-20 > div.b		{ width: 64px; }
div.bar.value-21-25 > div.b	{ width: 63px; }
div.bar.value-22-5 > div.b	{ width: 62px; }
div.bar.value-23-75 > div.b	{ width: 61px; }
div.bar.value-25 > div.b		{ width: 60px; }
div.bar.value-26-25 > div.b	{ width: 59px; }
div.bar.value-27-5 > div.b	{ width: 58px; }
div.bar.value-28-75 > div.b	{ width: 57px; }
div.bar.value-30 > div.b		{ width: 56px; }
div.bar.value-31-25 > div.b	{ width: 55px; }
div.bar.value-32-5 > div.b	{ width: 54px; }
div.bar.value-33-75 > div.b	{ width: 53px; }
div.bar.value-35 > div.b		{ width: 52px; }
div.bar.value-36-25 > div.b	{ width: 51px; }
div.bar.value-37-5 > div.b	{ width: 50px; }
div.bar.value-38-75 > div.b	{ width: 49px; }
div.bar.value-40 > div.b		{ width: 48px; }
div.bar.value-41-25 > div.b	{ width: 47px; }
div.bar.value-42-5 > div.b	{ width: 46px; }
div.bar.value-43-75 > div.b	{ width: 45px; }
div.bar.value-45 > div.b		{ width: 44px; }
div.bar.value-46-25 > div.b	{ width: 43px; }
div.bar.value-47-5 > div.b	{ width: 42px; }
div.bar.value-48-75 > div.b	{ width: 41px; }
div.bar.value-50 > div.b		{ width: 40px; }
div.bar.value-51-25 > div.b	{ width: 39px; }
div.bar.value-52-5 > div.b	{ width: 38px; }
div.bar.value-53-75 > div.b	{ width: 37px; }
div.bar.value-55 > div.b		{ width: 36px; }
div.bar.value-56-25 > div.b	{ width: 35px; }
div.bar.value-57-5 > div.b	{ width: 34px; }
div.bar.value-58-75 > div.b	{ width: 33px; }
div.bar.value-60 > div.b		{ width: 32px; }
div.bar.value-61-25 > div.b	{ width: 31px; }
div.bar.value-62-5 > div.b	{ width: 30px; }
div.bar.value-63-75 > div.b	{ width: 29px; }
div.bar.value-65 > div.b		{ width: 28px; }
div.bar.value-66-25 > div.b	{ width: 27px; }
div.bar.value-67-5 > div.b	{ width: 26px; }
div.bar.value-68-75 > div.b	{ width: 25px; }
div.bar.value-70 > div.b		{ width: 24px; }
div.bar.value-71-25 > div.b	{ width: 23px; }
div.bar.value-72-5 > div.b	{ width: 22px; }
div.bar.value-73-75 > div.b	{ width: 21px; }
div.bar.value-75 > div.b		{ width: 20px; }
div.bar.value-76-25 > div.b	{ width: 19px; }
div.bar.value-77-5 > div.b	{ width: 18px; }
div.bar.value-78-75 > div.b	{ width: 17px; }
div.bar.value-80 > div.b		{ width: 16px; }
div.bar.value-81-25 > div.b	{ width: 15px; }
div.bar.value-82-5 > div.b	{ width: 14px; }
div.bar.value-83-75 > div.b	{ width: 13px; }
div.bar.value-85 > div.b		{ width: 12px; }
div.bar.value-86-25 > div.b	{ width: 11px; }
div.bar.value-87-5 > div.b	{ width: 10px; }
div.bar.value-88-75 > div.b	{ width: 9px; }
div.bar.value-90 > div.b		{ width: 8px; }
div.bar.value-91-25 > div.b	{ width: 7px; }
div.bar.value-92-5 > div.b	{ width: 6px; }
div.bar.value-93-75 > div.b	{ width: 5px; }
div.bar.value-95 > div.b		{ width: 4px; }
div.bar.value-96-25 > div.b	{ width: 3px; }
div.bar.value-97-5 > div.b	{ width: 2px; }
div.bar.value-98-75 > div.b	{ width: 1px; }
div.bar.value-100 > div.b		{ width: 0px; }


div.navigation > div
{
	display: inline-block;
	margin-right: 1em;
	white-space: nowrap;
}
div.navigation > div:last-child
{
	margin-right: 0;
}
div.navigation > div.current
{
	font-weight: bold;
}


div.list-item
{
	display: inline-block;
	position: relative;
	vertical-align: top;
	text-align: center;
	margin-left: 0.25em;
	margin-right: 0.25em;
}
div.list-item.secondary
{
	margin-left: 0;
	margin-right: 0;
}
div.list-item > img
{
	border-style: solid;
	border-width: thin;
	border-color: black;
}
div.list-item.secondary > img
{
	border-right-style: none;
}
div.list-item-number
{
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	color: white;
	-webkit-text-stroke-width: 0.25em;
	-webkit-text-stroke-color: black;
	text-stroke-width: 0.25em;
	text-stroke-color: black;
	paint-order: stroke fill;
}
div.list-item-caption
{
	display: inline-block;
	text-align: left;
	max-width: 456px;
}


div.news > div.date
{
	float: right;
	margin-left: 1em;
}
div.news > div.title
{
	font-weight: bold;
}
div.news > div.content
{
	clear: both;
	margin-top: 0.25em;
}
div.news > div.content > p:not(:last-child),
div.news > div.content > table:not(:last-child),
div.news > div.content > ol:not(:last-child),
div.news > div.content > ul:not(:last-child),
div.news > div.content > dl:not(:last-child),
div.news > div.content > pre:not(:last-child),
div.news > div.content > blockquote:not(:last-child),
div.news > div.content > form:not(:last-child),
div.news > div.content > div.navigation:not(:last-child)
{
	margin-bottom: 0.25em;
}


img.mirror-x
{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	transform: scaleX(-1);
}


span.yes,
span.no
{
	-webkit-text-stroke-width: 0.0625em;
	-webkit-text-stroke-color: #404040;
	text-stroke-width: 0.0625em;
	text-stroke-color: #404040;
	paint-order: stroke fill;
}
span.yes
{
	color: #00e000;
}
span.no
{
	color: #e00000;
}


table.straps
{
	background-color: #e0e0e0;
}
table.straps > tr > th,
table.straps > tr > td,
table.straps > thead > tr > th,
table.straps > thead > tr > td,
table.straps > tbody > tr > th,
table.straps > tbody > tr > td
{
	font-size: smaller;
	text-align: center;
	padding: 2px 4px !important;
	border-style: none;
}
table.straps table.strap-container
{
	padding: 3px;
}
table.straps button
{
	padding: 0;
	border-style: none;
	background-color: transparent;
	cursor: pointer;
}
table.straps button > table.strap-container
{
	padding: 1px;
	border-style: solid;
	border-width: 2px;
	border-color: transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
table.straps button:hover > table.strap-container
{
	border-color: #a0a0a0;
}
table.straps button:active > table.strap-container
{
	border-color: #808080;
	background-color: #c0c0c0;
}


div.popup
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.75);
}
div.popup > div
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	background-color: #e0e0e0;
}
div.popup table.strap-container > tr > td,
div.popup table.strap-container > thead > tr > td,
div.popup table.strap-container > tbody > tr > td
{
	padding: 10px;
}


table.strap tr td
{
	height: 60px;
	width: 2px;
	min-width: 2px;
}
table.strap tr td.gap
{
	width: 1px;
	min-width: 1px;
}
table.strap tr td:first-child
{
	width: 3px;
	min-width: 3px;
}
table.strap tr td:last-child
{
	width: 2px;
	min-width: 2px;
}


table.strap-detail col.edge
{
	background-color: #e0e0e0;
}
table.strap-detail tr td
{
	height: 14px;
	width: 4px;
	min-width: 4px;
}
table.strap-detail tr td.gap
{
	width: 8px;
	min-width: 8px;
}
table.strap-detail tr td:first-child
{
	width: 6px;
	min-width: 6px;
}
table.strap-detail tr td:nth-child(2)
{
	width: 24px;
	min-width: 24px;
}
table.strap-detail tr td:last-child
{
	width: 6px;
	min-width: 6px;
}
table.strap-detail tr td:nth-last-child(2)
{
	width: 14px;
	min-width: 14px;
}
table.strap-detail tr.spacing-row td
{
	height: 0;
}
table.strap-detail tr td:not(.gap)
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 -2px 2px -2px #000000, inset 0 2px 2px -2px #ffffff;
	-moz-box-shadow: inset 0 -2px 2px -2px #000000, inset 0 2px 2px -2px #ffffff;
	box-shadow: inset 0 -2px 2px -2px #000000, inset 0 2px 2px -2px #ffffff;
}
table.strap-detail tr td:first-child
{
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-box-shadow: inset 4px 2px 3px -3px #ffffff, inset 4px -2px 3px -3px #000000;
	-moz-box-shadow: inset 4px 2px 3px -3px #ffffff, inset 4px -2px 3px -3px #000000;
	box-shadow: inset 4px 2px 3px -3px #ffffff, inset 4px -2px 3px -3px #000000;
}
table.strap-detail tr td:nth-child(2)
{
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	-webkit-box-shadow: inset 0 12px 3px -13px #ffffff, inset 0 -12px 3px -13px #000000;
	-moz-box-shadow: inset 0 12px 3px -13px #ffffff, inset 0 -12px 3px -13px #000000;
	box-shadow: inset 0 12px 3px -13px #ffffff, inset 0 -12px 3px -13px #000000;
}
table.strap-detail tr td:last-child
{
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	-webkit-box-shadow: inset -4px 2px 3px -3px #ffffff, inset -4px -2px 3px -3px #000000;
	-moz-box-shadow: inset -4px 2px 3px -3px #ffffff, inset -4px -2px 3px -3px #000000;
	box-shadow: inset -4px 2px 3px -3px #ffffff, inset -4px -2px 3px -3px #000000;
}
table.strap-detail tr td:nth-last-child(2)
{
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	-webkit-box-shadow: inset 0 12px 3px -13px #ffffff, inset 0 -12px 3px -13px #000000;
	-moz-box-shadow: inset 0 12px 3px -13px #ffffff, inset 0 -12px 3px -13px #000000;
	box-shadow: inset 0 12px 3px -13px #ffffff, inset 0 -12px 3px -13px #000000;
}


table.strap-colour-0,
td.strap-colour-0
{
	background-color: #101820;
}
table.strap-colour-d,
td.strap-colour-d
{
	background-color: #776e64;
}
table.strap-colour-l,
td.strap-colour-l
{
	background-color: #c4bfb6;
}
table.strap-colour-w,
td.strap-colour-w
{
	background-color: #f4f5f0;
}
table.strap-colour-p,
td.strap-colour-p
{
	background-color: #f277c6;
}
table.strap-colour-r,
td.strap-colour-r
{
	background-color: #c10016;
}
table.strap-colour-b,
td.strap-colour-b
{
	background-color: #6e4c1e;
}
table.strap-colour-o,
td.strap-colour-o
{
	background-color: #d76b00;
}
table.strap-colour-y,
td.strap-colour-y
{
	background-color: #ffad00;
}
table.strap-colour-k,
td.strap-colour-k
{
	background-color: #b3a369;
}
table.strap-colour-v,
td.strap-colour-v
{
	background-color: #787121;
}
table.strap-colour-g,
td.strap-colour-g
{
	background-color: #2c5234;
}
table.strap-colour-t,
td.strap-colour-t
{
	background-color: #0092bc;
}
table.strap-colour-s,
td.strap-colour-s
{
	background-color: #98b6e4;
}
table.strap-colour-m,
td.strap-colour-m
{
	background-color: #0077cf;
}
table.strap-colour-n,
td.strap-colour-n
{
	background-color: #00358e;
}


div.vote-bar
{
	height: 8px;
	background-color: #808080;
}


span.available,
span.chosen,
span.not-chosen
{
	font-size: 1.5em;
	-webkit-text-stroke-width: 0.0625em;
	-webkit-text-stroke-color: #404040;
	text-stroke-width: 0.0625em;
	text-stroke-color: #404040;
	paint-order: stroke fill;
}
span.available
{
	color: #00e000;
}
span.chosen
{
	color: #e00000;
}
span.not-chosen
{
	display: none;
}


span.popup-available,
span.popup-chosen,
span.popup-not-chosen
{
	font-size: 8em;
	-webkit-text-stroke-width: 0.0625em;
	-webkit-text-stroke-color: #404040;
	text-stroke-width: 0.0625em;
	text-stroke-color: #404040;
	paint-order: stroke fill;
}
span.popup-available
{
	color: #00e000;
}
span.popup-chosen
{
	color: #e00000;
}
span.popup-not-chosen
{
	-webkit-text-stroke-color: #c0c0c0;
	text-stroke-color: #c0c0c0;
	color: #f0f0f0;
}


@viewport
{
	zoom: 1.0;
	width: extend-to-zoom;
}


@media print
{
	th,
	td
	{
		page-break-inside: avoid;
	}
	.print-hidden
	{
		display: none;
	}
	div.list-item-number
	{
		color: inherit;
		-webkit-text-stroke-width: inherit;
		-webkit-text-stroke-color: inherit;
		text-stroke-width: inherit;
		text-stroke-color: inherit;
		paint-order: inherit;
	}
}
