/* Reset */

	html { color: #000; background: #fff; -webkit-text-size-adjust:none }

	html, body, div, span, object, h1, h2, h3, h4, p, blockquote, pre, a, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, form, label, input, button, select, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		-webkit-font-smoothing: antialiased;
		cursor: default;
	}

	body {
		font-size: 16px;
		color: #000;
		line-height: 1.4;
		font-family: sans-serif;
	}

	* { box-sizing: border-box; }

/* Reusable tags and classes */

	/* Selection */
	::selection, ::-moz-selection { color: #FFF; background: #6AAEED; }

	/* Links */
	a, .link { color: #6AAEED; text-decoration: underline; cursor: pointer; }
		a *, .link * { cursor: pointer; }
		a:hover, .link:hover { color: #3399FF; }
		a:active, .link:active { color: #FF0000; }

	/* Spacing */
	h1, h2, h3, ul, ol, blockquote, pre, form, table, hr, .table, .well, .video, .audio, .columns { margin: 20px auto; }
	p { margin: 16px auto; }
		p.small { margin: 8px auto; }
	li { margin: 8px auto; }
		h1:first-child, h2:first-child, h3:first-child, ul:first-child, ol:first-child, blockquote:first-child, pre:first-child, form:first-child, table:first-child, .table:first-child, .well:first-child, .video:first-child, .audio:first-child, .columns:first-child, p:first-child, li:first-child { margin-top: 0 !important; }
		h1:last-child, h2:last-child, h3:last-child, ul:last-child, ol:last-child, blockquote:last-child, pre:last-child, form:last-child, table:last-child, .table:last-child, .well:last-child, .video:last-child, .audio:last-child, .columns:last-child, p:last-child, li:last-child { margin-bottom: 0 !important; }

	/* Headings */
	h1, h2, h3 { color: #6AAEED; font-size: 36px; line-height: 1.1; font-weight: bold; }
		h1 .section,
		h1 .subtitle { display: block; font-size: 20px; color: #999; line-height: 1.3; }
		h1 .subtitle { padding-top: 5px; }
		h2 { font-size: 30px; color: #6AAEED; line-height: 1.2; }
		h3 { font-size: 20px; color: #999; line-height: 1.3; }

		/* Back button after heading */
		p.back { margin: -10px 0 20px; }
		p.back .button { margin-right: 10px; padding: 6px; font-size: 13px; line-height: 18px; min-height: 26px; }

	/* Lists */
	ul, ol { margin-left: 20px; text-align: left; }
		ol li { list-style: decimal outside; }
		ul li { list-style: square outside; }

	/* Quotes */
	blockquote, pre { padding: 20px; background: #eee; font-size: 16px; }
		pre { font-family: monospace; }
		blockquote, blockquote p { font-style: normal; }
		blockquote p.author { font-style: normal; text-align: right; }

	/* Rules */
	hr { margin: 20px -20px; border-width: 0; border-top: 1px solid #ccc; }

	/* Media */
	.video, .audio {}
		.video video, .video object, .video embed { width: 640px; height: 360px; background: #000; }
		.audio audio, .audio object, .audio embed { width: 400px; height: 32px; background: #000; }

	/* Wells */
	.well { padding: 20px; background: #eee; word-wrap: break-word; }
	.well .well { border: 1px solid #ccc; }
	.well.center { max-width: 640px; text-align: left; }
	.well.disabled { opacity: 0.3; }

	/* Inline */
	sup { font-size: 8px; position: relative; top: -0.4em; padding-left: 1px; }
	sub { font-size: 8px; position: relative; bottom: -0.4em; padding-left: 1px; }

	/* Tables */
	table { table-layout: fixed; border-collapse: collapse; }

		th, td { text-align: left; overflow: hidden; vertical-align: middle; }

		thead th { color: #999; vertical-align: bottom; font-weight: normal; padding: 0 10px 0 5px; }

		tbody td,
		tbody th,
		tfoot td,
		tfoot th { padding: 10px; }
		tbody th,
		tbody td,
		tfoot td { border: 1px solid #ccc; background: #FFF; }
		tbody th { background: #ddd; color: #999; }
		tfoot th { text-align: right; }

		tbody td.actions { border: 0; padding: 0; text-align: center; vertical-align: middle; background: transparent; }

		tbody th.with-input,
		tbody td.with-input { padding: 0; }

		tbody th .input,
		tbody td .input { width: 100%; border: 0 !important; background-color: transparent; }

		tbody th .input.radio,
		tbody td .input.checkbox { width: 100%; border: 0 !important; background-color: transparent; text-align: center; }

		tbody th .input.radio input,
		tbody td .input.checkbox input { margin: 0; }

		tbody th.updated,
		tbody td.updated { background-color: #ddffad; }

		/* Table wrappers */
		.table {}
			.table table { width: 100%; margin: 0; }

		table p { margin: 0; }

	/* Forms */
	form {}

		/* Labels */
		.label { font-weight: normal; color: #999; display: block; line-height: 20px; padding-bottom: 3px; box-sizing: border-box; }
			.with-error .label { color: #cc0000; }

		/* Controls */
		.input, .button { border-radius: 0; font-size: 16px; line-height: 20px; min-height: 42px; padding: 10px; vertical-align: middle; font-family: inherit; box-sizing: border-box; display: inline-block; border: 1px solid #ccc; background: #FFF; }

			/* Small */
			.input.small, .small .input,
			.button.small, .small .button { font-size: 13px; line-height: 16px; min-height: 26px; padding: 4px 8px; }

			/* Action buttons */
			.actions .button { padding: 4px; width: 100%; border-color: #fff; }

			/* Large */
			.input.large, .large .input,
			.button.large, .large .button { font-size: 20px; line-height: 25px; min-height: 51px; padding: 12px; }

		/* Inputs */
		.input { width: 100%; cursor: text; }

			/* States */
			.input:focus, .button:focus,
			.input:hover, .button:hover { border: 1px solid #999; }
			.input.error, .button.error,
			.input.error:focus, .button.error:focus,
			.input.error:hover, .button.error:hover { border-color: #cc0000; }
			.input:disabled, .input.disabled { border-color: #bbb; background: #ddd; color: #bbb; cursor: default; }

			/* Placeholders */
			.input.placeholder { color: #aaa; font-weight: normal; }
			::-webkit-input-placeholder { color: #aaa; font-weight: normal; }
			::-moz-placeholder { color: #aaa; font-weight: normal; }

			/* Selection */
			.text::selection, .textarea::selection { color: #FFF; background: #6AAEED; }

			/* Selects */
			select.input { cursor: pointer; width: 100%; padding-right: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8ZyBmaWxsPSIjNjY2Ij4NCgkJPHBhdGggZD0ibTAsMGw1LDZsNSwtNmwtMTAsMHoiLz4NCgk8L2c+DQo8L3N2Zz4=); background-repeat: no-repeat; background-position: right center; }

			/* Textareas */
			textarea.input { overflow: hidden; display: block; width: 100%; word-wrap: break-word; resize: none; }

			/* Input description */
			.input + .description { display: block; text-align: center; margin-top: 5px; font-size: 14px; }

			/* Checkbox and radio inputs */
			.input.checkbox, .input.radio { cursor: pointer; }
			.input.checkbox input, .input.radio input { vertical-align: 1px; margin-right: 4px; }

		/* Buttons */
		.button { text-align: center; color: #444; background: #ccc; background: -webkit-linear-gradient(#FFF, #ccc); font-weight: bold; line-height: 20px; min-height: 42px; padding: 10px 15px; cursor: pointer; text-decoration: none; white-space: normal; }

			/* States */
			.button-subtle { background: transparent; color: #999; }
			.button:hover, .button:focus, .button:active { text-decoration: none; color: #444; border: 1px solid #999; background: #ddd; background: -webkit-linear-gradient(#FFF, #ccc); }
			.button:active { box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); }
			.button.disabled, .button.disabled:hover { color: #999; background: #ddd; border: 1px solid #bbb; cursor: default; }

			/* Large */
			.button.large, .large .button { padding-left: 20px; padding-right: 20px; }

		/* Description/status */
		.field span { display: block; font-size: 16px; padding-top: 3px; color: #999; }
		.field span.error { font-weight: bold; color: #900; }

		/* Checkboxes are closer */
		.field-checkbox { margin-top: 8px; margin-bottom: 8px; }

	/* Useful classes */
	.right { text-align: right; }
	.left { text-align: left; }
	.center { text-align: center; }
	.float-right { float: right; }
	.float-left { float: left; }
	.large { font-size: 20px; }
	.small { font-size: 14px; }
	.strong { font-weight: bold; }
	.emphasis { font-style: italic; }
	.width-25 { width: 25%; }
	.width-33 { width: 33.3333%; }
	.width-50 { width: 25%; }
	.width-66 { width: 66.6666%; }
	.width-75 { width: 75%; }
	.width-100 { width: 100%; }

	/* Reused column widths */
	table th.thin, table td.thin, table col.thin { width: 80px; }
	table th.medium, table td.medium, table col.medium { width: 240px; }
	table th.wide, table td.wide, table col.wide { width: 400px; }
	table th.text, table td.text, table col.text { width: 33%; }
	table th.date, table td.date, table col.date { width: 105px; }
	table th.num, table td.num, table col.num { width: 60px; }
	table th.block, table td.block, table col.block { width: 60px; }
	table th.response, table td.response, table col.response { width: 50px; }
	table th.status, table td.status, table col.status { width: 40px; }
	table th.section, table td.section, table col.section,
	table th.subsection, table td.subsection, table col.subsection { width: 60px; }
	table th.question, table td.question, table col.question { width: 100%; }
	table th.type, table td.type, table col.type { width: 135px; }
	table th.checkbox, table td.checkbox, table col.checkbox { width: 40px; }
	table th.help, table td.help, table col.help { width: 60px; }
	table th.actions, table td.actions, table col.actions { width: 20px; }
	table th.actions-children, table td.actions-children, table col.actions-children { width: 40px; }

	/* Statuses */
	.info, .na, .unanswered { background-color: #ddd !important; color: #999 !important; border-color: #999 !important; }
	.success, .yes { background: #ccff99 !important; color: #339900 !important; border-color: #339900 !important; }
	.error, .no { background: #ffbbbb !important; color: #cc0000 !important; border-color: #cc0000 !important; }
	.dk { background: #ffd9a7 !important; color: #d07500 !important; border-color: #d07500 !important; }
	.warning { background: #FFF26e !important; color: #bf9117 !important; border-color: #bf9117 !important; }

		/* Status paragraphs */
		p.info, p.success, p.error, p.warning { display: block; padding: 10px; text-align: center; font-weight: bold; }

	/* Null of something */
	.null, .meta, .description { color: #999; }

	/* Checklist sections */
	.section-closed .subsection,
	.section-closed table { display: none; }

	/* Column row */
	.columns { max-width: 1400px; }

		/* Floating columns */
		.columns .column,
		.columns .column-half,
		.columns .column-third,
		.columns .column-twothirds { width: 50%; float: left; padding: 0 10px; box-sizing: border-box; }
		.columns .column-third { width: 33.3333%; }
		.columns .column-twothirds { width: 66.6666%; }
		.columns .column-quarter { width: 25%; }
		.columns .column-fifth { width: 20%; }
		.columns .column-sixth { width: 16.6666%; }
		.columns .column-threequarters { width: 75%; }
		.columns .column:first-child { padding-left: 0; }
		.columns .column:last-child { padding-right: 0; }

		/* Clearfix */
		.columns:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

	/* Dialogs */
	.dialog { width: 480px; background: #FFF; padding: 20px; position: absolute; position: fixed; top: 10%; max-height: 80%; left: 50%; margin: 0 0 0 -250px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.7); }

		/* Styles */
		.dialog.photo { padding: 10px; display: inline-block; text-align: center; width: auto; }
			.dialog.photo img { background: #FFF; padding: 4px; border: 1px solid #bbb; cursor: pointer; }

		/* Animation */
		.dialog.coming, .dialog.going { top: 110%; }

		/* Greyout */
		.overlay { background: #000; background: rgba(0, 0, 0, 0.7); filter: alpha(opacity=70); position: absolute; position: fixed; top: 0; left: 0; bottom: 0; right: 0; cursor: default; -webkit-transition: all 0.2s; transition: all 0.2s; }
		.overlay.coming, .overlay.going { opacity: 0; }

		/* Close button */
		.overlay:before { content: "\2715"; cursor: pointer; font-size: 24px; line-height: 24px; font-weight: bold; color: #000; background: #FFF; background: rgba(255, 255, 255, 0.7); opacity: 1; position: absolute; top: 0; right: 0; padding: 10px; width: 24px; text-align: center; }

		/* Body style */
		body.with-dialog { overflow: hidden; }

	/* Hints */
	.hint { position: absolute; color: #FFF; background: #333; padding: 4px 8px; font-size: 13px; line-height: 18px; max-width: 200px; text-align: center; box-shadow: 0 1px 10px -5px rgba(0, 0, 0, 1); -webkit-font-smoothing: antialiased; -webkit-transition: opacity 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; }

		/* Primary position */
		.hint-left, .hint-left-top, .hint-left-bottom { margin-left: 5px; }
		.hint-right, .hint-right-top, .hint-right-bottom { margin-right: 5px; }
		.hint-top, .hint-top-left, .hint-top-right { margin-top: 5px; }
		.hint-bottom, .hint-bottom-left, .hint-bottom-right { margin-bottom: 5px; }

		/* Secondary position */
		.hint-left-top, .hint-right-top { margin-top: -5px; }
		.hint-left-bottom, .hint-right-bottom { margin-top: 5px; }
		.hint-top-left, .hint-bottom-left { margin-left: -5px; }
		.hint-top-right, .hint-bottom-right { margin-left: 5px; }

		/* Animation */
		.hint.coming, .hint.going { opacity: 0; }

		/* Hint arrow */
		.hint:before { content: ""; position: absolute; display: block; margin: -5px; }

			/* Arrow primary position and borders */
			.hint-left:before, .hint-left-top:before, .hint-left-bottom:before { left: 0; border-right: 5px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
			.hint-right:before, .hint-right-top:before, .hint-right-bottom:before { right: 0; border-left: 5px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
			.hint-top:before, .hint-top-left:before, .hint-top-right:before { top: 0; border-bottom: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; }
			.hint-bottom:before, .hint-bottom-left:before, .hint-bottom-right:before { bottom: 0; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; }

			/* Arrow secondary position */
			.hint-left:before, .hint-right:before { top: 50%; }
			.hint-left-top:before, .hint-right-top:before { top: 10px; }
			.hint-left-bottom:before, .hint-right-bottom:before { bottom: 10px; }
			.hint-top:before, .hint-bottom:before { left: 50%; }
			.hint-top-left:before, .hint-bottom-left:before { left: 10px; }
			.hint-top-right:before, .hint-bottom-right:before { right: 10px; }

/* Body parts */

	html { margin: 0; padding: 0; }

	.page { margin: 0; padding: 0; }
		.page-home { background: transparent url(../images/background.jpg) no-repeat right bottom; background-size: 100% auto; background-attachment: fixed; }

	.header { position: relative; height: 90px; padding: 10px; background: #6AAEED; overflow: hidden; transition: height 0.4s ease-in-out; }

		.header-logo { position: absolute; top: 10px; left: 10px; }
		.header-logo, .header-logo img { display: block; padding: 0; margin: 0; }
		.header-logo img { height: 70px; }

		.header-user { color: #fff; font-size: 13px; position: absolute; top: 0; right: 0; padding: 10px; border-right: 0; }
			.header-user ul { padding: 0; margin: 0; }
			.header-user li { margin: 0; padding: 0; display: inline; list-style-type: none; }
			.header-user li:before { content: " • "; }
			.header-user li:first-child:before { content: ""; }
			.header-user a { color: #fff; text-decoration: none; padding: 5px; }
			.header-user a:hover, .header-user a.active { color: #000; background-color: #FFF; text-decoration: none; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); }

		.header-nav { position: absolute; bottom: 0; right: 10px; }
			.header-nav ul { padding: 0; margin: 0; }
			.header-nav li { float: left; list-style-type: none; margin: 0; padding: 0; text-align: right; }
			.header-nav a { font-size: 16px; color: #FFF; text-decoration: none; font-weight: bold; display: block; padding: 10px; }
			.header-nav a:hover, .header-nav a.active { color: #000; background-color: #FFF; text-decoration: none; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); }

		.header-toggle { display: none; cursor: pointer; color: #fff; width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; overflow: hidden; }
			.header-toggle:before { content: "☰"; font-size: 30px; line-height: 40px; display: block; text-align: center; }

	.content { position: relative; min-height: 600px; padding: 20px 20px 40px; }
		.page-with-image .content { width: 600px; }
		.page-with-menu .content { padding-left: 220px; }

	.menu { margin: 0; padding: 20px 20px 40px; position: absolute; top: 0; left: 0; width: 200px; background: #eee; }
		.menu li { margin: 10px 0; list-style-type: none; }
		.menu .active { font-weight: bold; }
		.menu .active a { color: #000; text-decoration: none; }
		.menu .active a:after { content: '\25B8'; margin-left: 5px; }

	.home-menu { margin: -20px 0 0; padding: 5px;  position: absolute; top: 0; left: 0;  }
		.home-menu a { margin: 15px; display: block; }
		.home-menu img { display: block; }

	.footer { text-align: left; clear: both; margin: 0; padding: 10px; overflow: hidden; background: #6AAEED; color: #FFF; }
		.footer a { color: #fff; }
		.footer .orgs { float: left; height: 70px; overflow: hidden; }
			.footer .org { opacity: 0.3; height: 70px; display: inline-block; box-sizing: border-box; overflow: hidden; background: #fff; padding: 5px; margin-right: 10px; }
			.footer .org:hover { opacity: 1; }
				.footer .org img { display: block; height: 60px; }
		.footer .funded { margin: 0; padding: 10px 10px 0; float: right; }
		.footer .copyright { margin: 0; padding: 5px 10px 0; font-size: 13px; float: right; clear: right; }

		/* Clearfix */
		.footer:after { content: ""; clear: both; display: block; }

/* Page-specific styles */

	/* Standards table in level.php */

		.subsection h3 { margin: 40px 150px -35px 10px; font-size: 20px; }
		.subsection p.description { margin: 40px 150px -35px 10px; }
		.subsection p.explanation { margin: 40px 150px -35px 10px; font-style: italic; }

		.checklist th.num { font-size: 18px; }
		.checklist th.na { text-align: center; vertical-align: middle; padding: 0; font-weight: normal; }
		.checklist th.response { text-align: center; vertical-align: middle; }
		.checklist th.text { background-color: #eee; padding: 0; }

		.checklist tr.yes td { color: #557800; background: #ddffad; }
		.checklist tr.no td { color: #a70000; background: #ffbdbd; }
		.checklist tr.dk td { color: #d07500; background: #ffd9a7; }
		.checklist tr.na td,
		.checklist tr.disabled td,
		.checklist tr.rfc-no.no td,
		.checklist tr.rfc-no.dk td { color: #999; background: #ddd; }

		.checklist td.block { background-color: #ddd !important; color: #999 !important; }

		.checklist .textarea { margin-top: 10px; }

		.checklist .button-help,
		.checklist .button-note { float: right; }
			.checklist .button:last-child { margin-left: 10px; }

	/* Admin level table in admin level.php */

		.checklist-edit .input-options { display: none; }
		.checklist-edit .type-select .input-options,
		.checklist-edit .type-text .input-options,
		.checklist-edit .type-checkbox .input-options { display: block; }

		.checklist-edit th.block { font-weight: normal; background-color: #ddd !important; color: #999 !important; }

		.checklist-edit input, .checklist-edit textarea { min-height: 40px; }
		.checklist-edit textarea + textarea { padding-top: 0; min-height: 30px; }

	/* Record audit */

		.record-subsection { margin: 20px 0; }
		.record-subsection h3 { margin: 20px 10px -35px; font-size: 20px; }

		.record-audit { width: 100%; table-layout: fixed; margin: 0; border-left: 0; border-right: 0; }
			.record-audit col.title { width: 270px; }
			.record-audit col.value { width: 64px; }
			.record-audit col.total { width: 60px; }
			.record-audit col.icon { width: 36px; }
			.record-audit .bar { padding: 0; position: relative; }
			.record-audit .bar span { background: yellow; margin: 0; position: absolute; top: 0; left: 0; bottom: 0; display: block; }
				.record-audit .bar span.blue { background: blue; }
				.record-audit .bar span.green { background: green; }
				.record-audit .bar span.purple { background: purple; }
				.record-audit .bar span.red { background: red; }

	/* Information audit */

		.cfh-explanation { display: none; }

	/* Checklist stats in checklist.php */

		.checklist-bar-message { margin-bottom: 10px; }

		.checklist-bar { height: 30px; margin: 0; background: #ddd; position: relative; }

			.checklist-bar-amount { float: left; height: 30px; position: absolute; top: 0; left: 0; line-height: 30px; overflow: hidden; font-size: 13px; text-align: center; font-weight: bold; }

		.checklist-stats-wrap { margin: 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 20px;  }
		.checklist-stats { width: 100%; }
		.checklist-stats:after { clear: both; display: block; content: ""; }

			p.checklist-stat { margin: 0; padding: 3px; font-weight: bold; width: 33.33%; float: left; border-right: 1px solid #ccc !important; background: transparent !important; }
			p.checklist-stat:first-child { padding-left: 0; }
			p.checklist-stat:last-child { border-right: 0 !important; padding-right: 0; }

		.checklist-options-wrap { margin: 20px 0 0; }
		.checklist-options { display: inline-block; width: 100%; }
		.checklist-options:after { clear: both; display: block; content: ""; }

			.checklist-option { width: 33.333%; float: left; border-right: 1px solid #ccc; padding: 0 20px; margin: 0 auto; }
			.checklist-option:first-child { padding-left: 0; }
			.checklist-option:last-child { border-right: 0; padding-right: 0; }
			.with-one .checklist-option { width: 100%; float: none; }
			.with-two .checklist-option { width: 50%; }
			.with-three .checklist-option { width: 33.33%; }

	/* New linear level layout */
	.level-question {}

		/* Actual question box */
		.level-content { position: relative; color: #000; padding: 0; background: #fff; border: 1px solid currentColor; margin-bottom: 10px; }
			.level-content-section { color: inherit; padding: 5px 5px 0; margin: 0 0 -10px; font-size: 15px; }
			.level-content-section:empty { display: none; }
			.level-content-question { font-weight: bold; font-size: 20px; color: inherit; padding: 40px 20px; margin: 0; text-align: center; }

		/* Responses */
		.level-responses { margin: 16px auto; }

			/* Everything hidden by default */
			.level-responses-yesno { display: none; }
			.level-responses-yesnona { display: none; }
			.level-responses-text { display: none; }
			.level-responses-textarea { display: none; }
			.level-responses-select { display: none; }
			.level-responses-date { display: none; }
			.level-responses-checkbox { display: none; }

			/* Everything shown for the right type */
			.type-yesno .level-responses-yesno { display: block; }
			.type-yesnona .level-responses-yesnona { display: block; }
			.type-text .level-responses-text { display: block; }
			.type-textarea .level-responses-textarea { display: block; }
			.type-select .level-responses-select { display: block; }
			.type-date .level-responses-date { display: block; }
			.type-checkbox .level-responses-checkbox { display: block; }

			/* Yes/no responses */
			.level-responses-yesno-response { display: inline-block; margin-left: 10px; width: 25%; width: calc(33.3333% - 7.5px); text-align: center; vertical-align: top; cursor: pointer; }
			.level-responses-yesno-response:first-child { margin-left: 0; }
				.level-responses-yesno-response input { display: block; margin: 0 auto 10px; }

			/* Yes/no/N/A responses */
			.level-responses-yesnona-response { display: inline-block; margin-left: 10px; width: 20%; width: calc(25% - 7.5px); text-align: center; vertical-align: top; cursor: pointer; }
			.level-responses-yesnona-response:first-child { margin-left: 0; }
				.level-responses-yesnona-response input { display: block; margin: 0 auto 10px; }

			/* Table styles */
			.level-responses table,
			.level-responses .table { margin: 0; }
			.level-responses th { border: 1px solid #ccc; background: #ddd; color: #000; padding: 5px; }

			/* Level inputs */
			.level-responses .inputs .label { display: none; }
			.level-responses .inputs .label-main { display: block; }
			.level-responses .inputs .input { margin-bottom: -1px; }
			.level-responses .inputs .input:last-child { margin-bottom: 0; }

		/* Help */
		.level-help {}

			/* Help is hidden by default */
			.level-help-text { display: none; }
			.level-help-point { display: none; }
			.level-help-compliance { display: none; }
			.level-help-evidence { display: none; }

			/* Settings */
			.with-help .level-help-text { display: block; }
			.with-help .level-help .info { display: none; }
			.with-help-point .level-help-point { display: block; }
			.with-help-compliance .level-help-compliance { display: block; }
			.with-help-evidence .level-help-evidence { display: block; }

		/* Footer */
		.level-footer { background: #6AAEED; z-index: 100; color: #fff; position: absolute; position: fixed; bottom: 0; right: 0; left: 0; height: 80px; }

			.level-footer .button-previous, .level-footer .button-next { position: absolute; top: 20px; width: 140px; }
			.level-footer .button-previous { left: 20px; }
			.level-footer .button-next { right: 20px; }

			.level-footer-status { margin: 0 180px; padding: 15px 20px; cursor: pointer; }
			.level-footer-status * { cursor: pointer; }
			.level-footer-status p { margin: 0; text-align: center; }
			.level-footer-status:hover { background-color: #3399FF; }

		/* Level question browser */
		.level-browser { position: fixed; z-index: 200; top: 0; bottom: 0; left: 200%; width: 100%; overflow: scroll; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.15s, left 0s ease 0.3s; }

			/* Level browser content panel */
			.level-browser-content { background: #eee; margin: 60px auto 100px; width: 600px; max-width: 100%; }

			/* Level browser individual question */
			.level-browser .level-browser-question { padding: 10px 20px; cursor: pointer; }
			.level-browser .level-browser-question:first-child { padding-top: 20px; cursor: pointer; }
			.level-browser .level-browser-question:last-child { padding-bottom: 20px; cursor: pointer; }
			.level-browser .level-browser-question:hover { cursor: pointer; background: #3399FF; color: #fff; }

				/* Everything has a nice cursor */
				.level-browser .level-browser-question * { cursor: pointer; }

				/* Level browser question content */
				.level-browser .level-content { margin: 0; }
				.level-browser .level-content-section { margin-bottom: -15px; }
				.level-browser .level-content-question { font-size: 18px; padding: 20px; }

			/* States */
			.level.is-browsing .level-browser { opacity: 1; left: 0; transition: opacity 0.25s, left 0s; }

		/* Status boxes for 'loading' or 'checklist complete' */
		.level .status { display: none; padding: 40px; max-width: 400px; margin: 20px auto; }
			.level .status h2,
			.level .status p { color: inherit; text-align: center; }

			/* States */
			.level.is-loading .status.info { display: block; }
			.level.is-complete .status.success { display: block; }
			.level.is-loading .columns,
			.level.is-complete .columns { display: none; }

		/* Page-level stuff */
		.page-level .content { padding-bottom: 90px; }
		.page-level .columns { max-width: 1024px; }
		.page-level .column:first-child { width: 60%; }
		.page-level .column:last-child { width: 40%; }

	/* Standards admin table */

		table.standards-admin { margin: 10px 0; }
			table.standards-admin td,
			table.standards-admin th { margin: 0; padding: 1px 20px; border: 0; text-align: center; background-color: #FFF; }
			table.standards-admin th { font-size: 16px; }

/* Mobile */
@media only screen and (max-width: 1023px)
{
	/* H1 and H2 are centered */
	h1 { text-align: center; font-size: 30px; }
	h2 { text-align: center; font-size: 20px; }
	h3, h1 .section, h1 .subtitle { font-size: 16px; }

	/* Back buttons are centered and small */
	p.back { text-align: center; }
	p.back .button { padding: 3px; font-size: 13px; line-height: 18px; min-height: 26px; }

	/* Single-column */
	.columns .column,
	.columns .column-half,
	.columns .column-third,
	.columns .column-twothirds { float: none; padding: 0; margin-bottom: 20px; width: 100% !important; }

	/* Footer */
	.footer { text-align: center; }
	.footer .orgs { float: none; height: 50px; }
		.footer .org { height: 50px; }
			.footer .org img { height: 40px; }
	.footer .funded,
	.footer .copyright { float: none; text-align: center; }

	/* Header */
	.header { height: 60px; }
	.header.active { height: 100vh; }
	.header-logo { position: static; margin: 0 0 20px; }
	.header-logo img { height: 40px; }
	.header-nav, .header-user { position: static; margin: 0; padding: 0; font-size: 16px; width: 50%; float: left; }
	.header-nav li, .header-user li { float: none; display: block; }
		.header-user li:before { content: ""; }
	.header-nav a, .header-user a { font-weight: bold; padding: 10px 20px; text-align: center; display: block; }
		.header-nav a { text-align: left; }
		.header-user a { text-align: right; }
	.header-toggle { display: block; }

	/* Content with menu */
	.page-with-menu .content { padding-left: 20px; }
	.menu { position: static; width: 100%; margin: 20px 0; }

	/* New linear level layout */
	.page-level .content { padding-bottom: 152px; }
	.level-footer { padding-bottom: 62px; }
	.level-footer-status { margin-left: 0; margin-right: 0; }
	.level-footer .button-previous, .level-footer .button-next { bottom: 20px; top: auto; }
}