html
	{
	background-attachment: fixed;
	background-color: var(--default-field-background-color-230);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--base-color-00);
	overflow: scroll;
	}
	
div#container
	{
	height: 100%;
	margin: 0 auto;
	max-width: 1200px;
	min-width: 400px;
	padding: calc(2 * var(--spacing-general-1));
	position: relative;
	text-align: center;
	width: 100%;
	}
	
div#container div#wrapper
	{
	background-color: var(--default-field-background-color-250);
	border-radius: var(--border-radius);
	box-shadow: 0 0 6px var(--base-color-00);
	padding: calc(2 * var(--spacing-general-1)) calc(2 * var(--spacing-general-1)) 0 calc(2 * var(--spacing-general-1));
	}
	
div#container div#wrapper > div:not(:first-child)
	{
	border-top: 3px double var(--default-border-color-200);
	}
	
div#container div#wrapper div#header
	{
	padding-bottom: calc(2 * var(--spacing-general-1));
	}
	
div#container div#wrapper div#header div#banner
	{
	background-position: center;
	background-size: cover;
	border-color: var(--default-border-color-200);
	border-width: 1px;
	border-radius: var(--border-radius);
	border-style: solid;
	height: calc(10 * var(--spacing-general-1));
	position: relative;
	text-shadow: var(--base-color-00) 0px 0px 2px, var(--base-color-00) 0px 0px 2px, var(--base-color-00) 0px 0px 2px, var(--base-color-00) 0px 0px 2px;
	}
	
div#container div#wrapper div#header div#banner div#pages,
div#container div#wrapper div#header div#banner h1
	{
	margin: var(--spacing-general-1) auto;
	position: absolute;
	}
	
div#container div#wrapper div#header div#banner div#pages
	{
	bottom: 0;
	display: table;
	left: 0;
	right: 0;
	}
	
div#container div#wrapper div#header div#banner div#pages a img
	{
	border-color: var(--default-field-background-color-250);
	border-style: solid;
	border-width: 2px;
	float: left;
	height: calc(2 * var(--spacing-general-1));
	}
	
div#container div#wrapper div#header div#banner div#pages a:not(:first-child) img
	{
	margin-left: var(--spacing-general-1);
	}
	
div#container div#wrapper div#header div#banner h1
	{
	color: white;
	font-size: 175%;
	font-weight: var(--font-weight-4);
	left: 0;
	right: 0;
	top: 0;
	}
	
div#container div#wrapper div#content
	{
	padding: calc(2 * var(--spacing-general-1)) 0;
	}
	
div#container div#wrapper div#content table tr th.sort
	{
	background-color: var(--default-label-background-color-140)
	}
	
div#container div#wrapper div#content table tr td a.camera
	{
	opacity: 50%;
	text-decoration: none;
	}
	
div#container div#wrapper div#content table tr.color_1a td
	{
	background-color: var(--focused-field-background-color-240);
	}
	
div#container div#wrapper div#content table tr.color_1a td.sort
	{
	background-color: var(--focused-field-background-color-230);
	}
	
div#container div#wrapper div#content table tr.color_2a td
	{
	background-color: var(--failure-field-background-color-240);
	}
	
div#container div#wrapper div#content table tr.color_2a td.sort
	{
	background-color: var(--failure-field-background-color-230);
	}
	
div#container div#wrapper div#content table tr.color_3a td
	{
	background-color: var(--success-field-background-color-240);
	}
	
div#container div#wrapper div#content table tr.color_3a td.sort
	{
	background-color: var(--success-field-background-color-230);
	}
	
div#container div#wrapper div#content table tr.color_4a td
	{
	background-color: var(--neutral-field-background-color-240);
	}
	
div#container div#wrapper div#content table tr.color_4a td.sort
	{
	background-color: var(--neutral-field-background-color-230);
	}
	
div#container div#wrapper div#content table tr.color_1b td
	{
	background-color: var(--focused-field-background-color-250);
	}
	
div#container div#wrapper div#content table tr.color_2b td
	{
	background-color: var(--failure-field-background-color-250);
	}
	
div#container div#wrapper div#content table tr.color_3b td
	{
	background-color: var(--success-field-background-color-250);
	}
	
div#container div#wrapper div#content table tr.color_4b td
	{
	background-color: var(--neutral-field-background-color-250);
	}
	
div#container div#wrapper div#content table tr.hike:not(:first-child) td
	{
	border-top-style: double;
	border-top-width: 3px;
	}
	
div#container div#wrapper div#content table tr.info td table
	{
	margin: auto;
	width: 90%;
	}
	
div#container div#wrapper div#content table tr.settings td label
	{
	font-weight: var(--font-weight-4);
	}
	
div#container div#wrapper div#content table#hikes:not(:first-child)
	{
	margin-top: calc(2 * var(--spacing-general-1));
	}
	
div#container div#wrapper div#footer
	{
	padding: var(--spacing-general-1) 0;
	}
	
div#container.view_S
	{
	display: table;
	max-width: 100%;
	}
	
div#container.view_S div#wrapper
	{
	width: 100%;
	}
	
div#container.view_S div#wrapper div#content table#hikes
	{
	white-space: nowrap;
	}
	
div#container.view_S div#wrapper div#content table#hikes thead
	{
	position: sticky;
	top: 0;
	z-index: 1;
	}