@font-face {
	font-family: "SkinFont";
	src: url('/rest2/media/skinasset/SkinFont/SkinFont');
	font-weight: normal;
	font-style: normal;
}

html {
	height: 100%;
}

body {
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
	color: #555;
	background: #FFF;
	font-size: 13px;
	font-style: normal;
	font-family: SkinFont, Helvetica, Arial, sans-serif;
}

a {
	color: inherit;
	font-style: inherit;
	font-size: inherit;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

	a img {
		border-width: 0; 
	}

	a:not([href]):hover {
		text-decoration: none;
	}

	a[disabled='disabled'],
	a.disabled {
   pointer-events: none;
   cursor: default;
}

input, 
textarea, 
button {
	font-size: inherit;
	font-family: inherit;
}

.yScroll {
	overflow-y: scroll;
}

.serverType {
	display: none;
}

	.serverType[data-server-type=Developer] {
		display: block;
		color: gray;
		background: black;
		text-align: center;
	}

	.serverType[data-server-type=Create],
	.serverType[data-server-type=Staging],
	.serverType[data-server-type=Demo] {
		display: block;
		padding: 0.5em 1em;
		color: red;
		background: black;
		text-align: center;
		border: 4px solid red;
	}


ul.listStyleTypeNone {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul.listStyleTypeNone li {
		padding: 0;
	}



#navigationButtons .brackenButton,
#navigationButtons .brackenButtonStatic,
.vanillaButton,
.vanillaLink {
	width: 94px;
	height: 26px;
	margin: 4px 4px 5px 1px;
	color: #303030 !important;
	font-weight: normal !important;
	text-shadow: 1px 1px 1px #fff;
	white-space: nowrap;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: none;
	background-color: #e5e5e5;
	background-image: linear-gradient(to bottom, #ededed 0%, #ddd 100%);
	box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.7);
	cursor: pointer;
}

.vanillaLink,
div.vanillaButton {
	height: 19px;
	padding-top: 5px;
	position: relative;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	vertical-align: bottom;
}

	#navigationButtons .brackenButton:hover,
	.vanillaButton:hover,
	.vanillaLink:hover {
		box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.7), inset 3px -2px 4px rgba(255, 255, 255, 0.5), -1px 1px 2px rgba(0, 0, 0, 0.4);
	}

	#navigationButtons .brackenButton:active,
	.vanillaButton:active,
	.vanillaLink:active {
		text-shadow: 1px 1px 1px #858585;
		background-color: #4f4f4f;
		background-image: linear-gradient(to bottom, #565656 0%, #454545 100%);
		box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
	}

	#navigationButtons .brackenButtonStatic,
	.vanillaButton[disabled],
	.vanillaLink[disabled],
	.vanillaLink.disabled,
	.vanillaButton[disabled]:hover,
	.vanillaLink[disabled]:hover,
	.vanillaLink.disabled:hover,
	.vanillaButton[disabled]:active,
	.vanillaLink[disabled]:active,
	.vanillaLink.disabled:active {
		color: #b1b1b1 !important;
		text-shadow: 1px 1px 1px #fff;
		border-color: #e5e5e5;
		background-color: #eeeeee;
		background-image: none;
		box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.7);
		cursor: default;
	}

	#navigationButtons .brackenButton a:hover,
	.vanillaLink:hover {
		text-decoration: none;
	}

.vanillaLink > input[type=file],
.vanillaButton > input[type=file] {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity="0");
	font-size: 118px;
}

.vanillaButton.autoWidth,
.vanillaLink.autoWidth {
	width: auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
}



.bgMainImage {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.bgwidth {
	width: 100%;
}

.bgheight {
	height: 100%;
}



.generalWidth {
	margin-left: auto;
	margin-right: auto;
}


.generalPageBacking {
	margin-top: 4px;
	border-top-color: #f1f1f1;
}

.generalPageBacking.loginPage {
		border-top: none;
		margin-top: 18px;
}


.generalPageBacking,
.generalPageBacking.livePage .generalPage,
.generalPageBacking.tokenPage .generalPage {
	display: flex;
	flex-direction: column;
	height: auto;
	flex: 1 1 auto;
	min-height: 0;
}

	.generalPageBacking.livePage.livelesson .generalPage,
	.generalPageBacking.livePage.livelessonedit .generalPage {
		height: auto;
	}


.generalPage {
	position: relative;
}

.zoneskinlanguage,
[data-for-language] {
	display: none;
}

body[data-language="en"] [data-for-language="en"],
body[data-language="de"] [data-for-language="de"],
body[data-language="mi"] [data-for-language="mi"],
.zoneskinlanguagede .zoneskinlanguage.de,
.zoneskinlanguageen .zoneskinlanguage.en {
	display: inherit;
}

.zoneskinlanguagede .zoneskinlanguage.hidden {
	display: none;
}





.updateBrowserWarning {
	padding: 0.5em 0;
	color: #900;
	font-weight: bold;
	border-top: 1px solid;
	text-align: center;
}

	.updateBrowserWarning:before {
		content: "!";
		padding: 0 0.5em;
		margin-right: 0.5em;
		border: 1px solid #900;
		background-color: #fc9;
		border-radius: 50%;
	}

.loginOverhead,
.liveOverhead,
.tokenOverhead {
    width: 100%;
    min-width: 1160px;
		height: 91px;
    background-color: #ededed;
    background-image: url('/rest2/media/skinasset/LiveOverhead/v2');
		flex: 0 0 auto;
}

.loginOverimageContainer,
.tokenOverheadContainer,
.liveOverheadContainer {
	position: relative;
    width: 1160px;
    margin: 0 auto;
}


.loginPage {
	font-size: 12px;
}

	.liveOverhead .liveOverheadInfo {
		display: inline-block;
		color: #12204e;
		vertical-align: bottom;
		max-width: 760px;
		white-space: nowrap;
		overflow: hidden;
	}

		.liveOverhead .liveOverheadInfo.hidden {
			display: none;
		}

		.liveOverhead .liveOverheadInfo ul {
			margin: 0 0 6px 0;
			list-style-type: none;
			font-size: 18px;
		}

			.liveOverhead .liveOverheadInfo ul .title {
				font-size: 1.2em;
			}

				.liveOverhead .liveOverheadInfo ul .subtitle[data-zone-id="${ID}"] {
					display: none;
				}

	.liveOverhead .liveOverheadMenus {
		position: absolute;
		right: 0;
		bottom: 6px;
	}

	

.liveOverhead .headerMenu {
	position: relative;
	display: inline-block;
}

	.liveOverhead .headerMenuProfile,
	.liveOverhead .headerMenu > a {
		margin-left: 1em;
	}

		.hoverMenuAnchor,
		.liveOverhead .headerMenuProfile .hoverMenuAnchor {
			position: relative;
		}

		.navboxZones .pathwayGroupSelectMenu,
		.navboxRole ul,
		.liveOverhead .headerMenuProfile > ul,
		.liveOverhead .headerMenuProfile .hoverMenuAnchor > ul,
		.hoverMenuPopup {
			position: absolute;
			margin: 0;
			padding: 0.1em;
			list-style-type: none;
			background: white;
			z-index: 10010;
		}

		.hoverMenuPopup {
			
			left: 0;
		}

			.liveOverhead .headerMenuProfile > ul,
			.hoverMenuPopup.alignRight {
				left: auto;
				right: 0;
			}

.navboxZones .pathwayGroupSelectMenu {
	top: 1em;
	right: 0;
}

.hoverMenuAnchor > .hoverMenuPopup {
	display: none;
}

	.navboxZones .pathwayGroupSelectMenu,
	.hoverMenuAnchor[data-hover-menu-visible="true"] > .hoverMenuPopup {
		display: block;
		border: 1px solid #e2e2e2;
	}

		.hoverMenuAnchor ul.hoverMenuPopup > li button {
			width: 100%;
			background: none;
			text-align: left;
			color: inherit;
		}

		.hoverMenuAnchor ul.hoverMenuPopup > li select,
		.hoverMenuAnchor ul.hoverMenuPopup > li button {
			border: none;
			font-size: inherit;
			font-style: inherit;
			font-family: inherit;
		}

			.hoverMenuAnchor ul.hoverMenuPopup > li > a,
			.hoverMenuAnchor ul.hoverMenuPopup > li button,
			.hoverMenuAnchor ul.hoverMenuPopup > li select,
			.hoverMenuAnchor ul.hoverMenuPopup > li label,
			.navboxZones .pathwayGroupSelectMenu > li,
			.navboxRole ul li a,
			.headerMenuProfile ul li > a,
			.headerMenuProfile ul li > .menuItem {
				display: block;
				padding: 0.7em 1.5em;
				white-space: nowrap;
				cursor: default;
			}

			.hoverMenuAnchor ul.hoverMenuPopup > li button[disabled] {
				color: #ccc;
			}
			.hoverMenuAnchor ul.hoverMenuPopup > li button[disabled] img {
				opacity: 0.4;
			}

				.hoverMenuAnchor ul.hoverMenuPopup > li > a:hover,
				.hoverMenuAnchor ul.hoverMenuPopup > li button:not([disabled]):hover,
				.hoverMenuAnchor ul.hoverMenuPopup > li label:hover {
					text-decoration: none;
					color: white;
					background-color: #12204e;
				}

				.navboxZones .pathwayGroupSelectMenu > li[data-pathway-group-selected="true"],
				.navboxZones .pathwayGroupSelectMenu > li:hover,
				.navboxRole ul li a:hover,
				.headerMenuProfile ul li a:hover,
				.headerMenuProfile ul [data-menu-item="ContactLabel"]:hover,
				.headerMenuProfile .hoverMenuAnchor:hover,
				.headerMenuProfile .hoverMenuAnchor[data-hover-menu-visible="true"] {
					text-decoration: none;
					color: white;
					background: #12204e;
				}

					.headerMenuProfile .hoverMenuAnchor[data-hover-menu-visible="true"] ul {
						color: #555;
					}


			.hoverMenuAnchor ul.hoverMenuPopup.tiled {
				pointer-events: none;
			}

				.hoverMenuAnchor ul.hoverMenuPopup.tiled > li button {
					display: inline-block;
					padding: 8px;
					pointer-events: all;
					cursor: pointer;
				}

					.hoverMenuAnchor ul.hoverMenuPopup.tiled > li button:hover {
						background-color: #12204e;
						box-shadow: 0 0 4px #12204e;
					}

		.headerMenuProfile .menuItem .hoverMenuAnchor {
			float: right;
			margin: -0.7em -1.5em;
		}

		.headerMenuProfile .menuItem .hoverMenuTrigger {
			height: 2em;
			padding: 0.4em 0 0 1em;
		}

		.headerMenuProfile .menuItem .hoverMenuPopup {
			top: 2.4em;
			right: 4px;
		}

		.headerMenuProfile .navboxLink_Profile {
			border-bottom: 1px solid #12204e;
		}

		.headerMenuProfile .navboxLink_Profile > div {
			text-align: center;
		}

		.headerMenuProfile .navboxLink_Logout {
			border-top: 1px solid #12204e;
		}

		.headerMenuProfile .navboxLink_Style {
			display: none;
		}

	.headerMenuProfile .navboxLink_MobileSite {
		display: none;
	}

		.headerMenuProfile .navboxLink_MobileSite.visible {
			display: block;
		}

		.liveOverhead .headerMenuProfile .profileImage {
			display: block;
			margin: 0 auto 0.5em auto;
			max-width: 96px;
			max-height: 96px;
		}

		.liveOverhead .headerMenuProfile .profileUsername {
			display: block;
		}

	
.liveOverhead .headerMenuPrint,
.liveOverhead .headerMenuBookmark,
.liveOverhead .headerMenuDashboard {
	display: none;
}
	.liveOverhead .headerMenuPrint:hover,
	.liveOverhead .headerMenuBookmark:hover,
	.liveOverhead .headerMenuDashboard:hover {
		text-decoration: none;
	}

.liveOverhead .headerMenu svg {
	fill: #12204e;
	stroke: #12204e;
}

	.liveOverhead .headerMenuProfile[data-hover-menu-visible="true"] svg,
	.liveOverhead .headerMenu:hover svg {
		fill: #ed5625;
		stroke: #ed5625;
	}

.liveOverhead .headerMenuProfile .messageCountBadge {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 1em;
	padding: 0.2em 0.3em;
	color: white;
	background-color: #ed5625;
	border-radius: 1em;
	text-align: center;
	font-size: 0.6em;
}

.tokenPage .tokenContent {
	display: flex;
	flex: 1 1 0%;
	min-height: 0;
	width: 1170px;
	margin: 0 auto;
}

	.tokenPage .tokenContent .liveNavContent {
		margin: 0 auto;
		float: none;
	}

.tokenPage.tokenevidencelesson .tokenContent {
	width: 1168px;
	height: 692px;
	margin: 0 auto;
}

.loginPage .generalPage {
	width: 1168px;
	height: 692px;
	margin: 0 auto;
	background-image: url('/rest2/media/skinasset/LoginPageGeneralBackground/v2');
}


.loginContent {
	height: 670px;
	padding: 11px 5px;
}



.loginHeader {
	
}

.loginFooter, .liveFooter {
	font-size: 11px;
}

.loginFooter {
	padding-top: 8px;
	text-align: center;
}

.loginPoweredBy, .livePoweredBy {
	position: absolute;
	right: 0;
	display: none;
}

.loginFooterPoweredBy img, .liveFooterPoweredBy img {
	vertical-align: middle;
}


.fancybox-overlay .loginsystemsupport .loginFooter,
.fancybox-overlay .loginsystemsupport .systemSupportBack {
	display: none;
}



.loginPageDefault {
	position: relative;
}


.loginPageImage {
	position: absolute;
	
}


.loginResultStats {
}


.loginArea {
	position: absolute;
	top: 340px;
}

.loginTextBox {
	position: absolute;
	top: 390px;
	left: 0;
	width: 100%;
	font-size: 16px;
	text-align: center;
}


.buttonLoginReveal,
.buttonRegisterReveal {
	position: absolute;
	top: 170px;
}

	.buttonLoginReveal .skinButtonLabel,
	.buttonRegisterReveal .skinButtonLabel,
	.buttonRegisterCancel .skinButtonLabel {
		display: none;
	}

	.buttonLoginReveal a:hover,
	.buttonRegisterReveal a:hover {
		text-decoration: none;
		background-position: 0 -100%;
	}

	.buttonLoginReveal a:active,
	.buttonRegisterReveal a:active {
		background-position: 0 -200%;
	}

.buttonLoginReveal {
	left: 80px;
	background-image: url('/rest2/media/skinasset/LoginPageLoginRevealButton/v2');
}

.buttonRegisterReveal {
	left: 0;
	background-image: url('/rest2/media/skinasset/LoginPageRegisterRevealButton/v2');
}


.registerButton {
	margin-left: 9px;
}


.loginArea .buttonRegisterCancel {
	display: inline-block;
	width: 102px;
	height: 38px;
	vertical-align: bottom;
	background-image: url('/rest2/media/skinasset/LoginPageRegisterCancelButton/v2');
}

.loginArea .buttonRegisterCancel {
	position: relative;
	top: -3px;
}

.buttonRegisterCancel a:hover {
	text-decoration: none;
}


#loginBox {
	position: absolute;
	top: 5px;
	left: 705px;
	width: 430px;
}

	#loginBox.loginPageBox,
	#registerBox.loginPageBox {
		display: none;
		position: relative;
		width: 230px;
		padding: 10px 20px;
		background: #e1e1e1;
		border: 1px solid #bbbbbb;
		border-radius: 16px;
	}

	#loginBox.loginPageBox {
		left: 50px;
		top: 72px;
	}

#registerBox .buttonRegisterCancel {
	display: inline-block;
}

#registerBox.loginPageBox {
	top: -40px;
	left: -30px;
}


.loginValidation {
	padding: 0.4em;
}

#Content_ctrlLogin_CtrlCheckPasswordSummary {
	margin-top: -15px;
}



.loginFieldBlock {
	position: relative;
}


.loginFieldLabel {
	display: none;
}

.loginField {
	position: relative;
	width: 220px;
	height: 23px;
	margin-right: 10px;
	margin-bottom: 0.5em;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	border-radius: 6px;
	box-shadow: 0 0 4px rgba(0,0,0,0.3) inset;
}


.loginFieldValidator {
	position: absolute;
	right: -2px;
	top: -2px;
	height: 10px;
	text-align: right;
	padding: 8px;
}


.loginFieldInput {
	position: relative;
	width: 216px;
	padding: 5px;
	padding-top: 0px;
}

	.loginFieldInput input:-webkit-autofill {
		-webkit-box-shadow: 0px 0px 1000px #d7d7d7 inset;
	}


.loginFieldInputControl {
	position: absolute;
	width: 195px;
	padding: 4px;
	background: none;
	border: none;
	font-size: inherit;
	font-family: inherit;
}

.loginFieldHint {
	left: 4px;
	top: 4px;
	position: relative;
	font-style: italic;
	font-size: 12px;
}

.loginFieldHintHide {
	display: none;
}


.joinCodeRequiredCheckbox {
	display: none;
}


.loginFieldJoinCode {
	display: none;
}


.loginButton {
	margin-left: 9px;
}


.loginForgotPassword {
	display: inline;
}

.loginPageForgottenPassword,
.loginPageResetPassword {
	position: relative;
	width: 600px;
	height: 250px;
	margin: 130px auto 0 auto;
	padding-top: 40px;
	background-color: #fff;
	border: 1px solid #888;
	border-radius: 10px;
}

	.loginPageForgottenPassword .instructionBox,
	.loginPageResetPassword .instructionBox {
		margin: 1em 4em;
		text-align: center;
	}

		.loginPageForgottenPassword .instructionBox .heading,
		.loginPageResetPassword .instructionBox .heading {
			margin: 0.5em 0;
			font-size: 2em;
		}

	.loginPageForgottenPassword form,
	.loginPageResetPassword form {
		position: relative;
	}


.requestForgottenPasswordButtons {
	clear: both;
	text-align: center;
}

.loginPageForgottenPassword form {
	text-align: center;
}

.loginPageForgottenPassword .loginFieldBlock {
	display: inline-block;
	text-align: left;
}

.requestForgottenPasswordButtons .buttonCancel {
	position: relative;
	display: inline-block;
	float: none;
	vertical-align: top;
}

.requestForgottenPasswordMessage,
.resetForgottenPasswordMessage {
	position: absolute;
	top: 70px;
	width: 100%;
	text-align: center;
}

.loginPageResetPassword .loginFieldBlock {
	left: 190px;
}

.resetForgottenPasswordButtons {
	text-align: center;
}

.resetForgottenPasswordMessage {
	top: 110px;
}


.loginAreaLogin {
	left: 250px;
}


.loginAreaRegister {
	left: 610px;
}




.loginDemoModule,
.loginIntroMovie,
.loginJoinDescription {
	display: none;
}


.loginOpenArea {
	position: absolute;
	top: 500px;
	left: 400px;
}

.loginOpenHeading {
	text-align: center;
	color: #000;
	font-size: 18px;
}


.loginOpenButtonContainer {
}

	.loginOpenButtonContainer a {
	}

		.loginOpenButtonContainer a img {
		}

.loginOpenInputPrompt {
}


.loginIntroMovieScreen {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(/images/bg00000050.png);
	z-index: 1000000; 
}

.loginIntroMovieContainer {
	position: relative;
	display: inline-block;
	margin-top: 5%;
}

.loginIntroMovieClose {
	position: absolute;
	display: inline-block;
	right: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	
	width: 26px;
	height: 26px;
	margin: 2px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	border: 2px solid white;
	border-radius: 50%;
	background-color: #494949;
	background-image: linear-gradient(to bottom, #666 0%, #464646 100%);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

	.loginIntroMovieClose span {
		pointer-events: none;
	}


.loginPage.loginsystemsupport .generalPage,
.loginPage.loginprivacy .generalPage,
.loginPage.loginterms .generalPage,
.loginPage.loginsoftware .generalPage {
	height: auto;
	background-image: none;
}

.loginPage.loginsystemsupport .loginContent,
.loginPage.loginprivacy .loginContent,
.loginPage.loginterms .loginContent {
	background-image: none;
	height: auto;
}

.loginPage.loginsystemsupport .loginHeader {
	display: none;
}

.loginPage.loginsystemsupport .systemSupport {
	background: white;
}

.systemSupport {
	padding: 20px 100px;
}

	.systemSupport .loginWarning {
		display: none;
		text-align: center;
	}

	.systemSupport .systemCheckHeading {
		font-weight: bold;
		margin-top: 20px;
	}

	.systemSupport .systemCheckOk {
		display: none;
		padding: 8px;
		border: 1px solid gray;
		background: #9E9;
	}

	.systemSupport .systemCheckFail {
		display: none;
		padding: 8px;
		border: 1px solid black;
		background: #E00;
		color: #000;
	}

	.systemSupport .troubleshootHeading, .systemSupport h1 {
		clear: both;
		font-weight: bold;
		margin-top: 20px;
		font-size: 1.2em;
		border-bottom: 1px solid #333;
	}

	.systemSupport .troubleshootSteps {
		display: none;
		position: relative;
		padding: 10px;
		border: 1px solid black;
		background: #FFF;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
		z-index: 2;
	}

		.systemSupport .troubleshootSteps a {
			font-weight: bold;
		}

	.systemSupport .troubleshootShowAllBrowsers {
		display: none;
	}

	.systemSupport .troubleshootNotMyBrowser {
		font-size: 0.7em;
	}

	.systemSupport .troubleshootHint {
		font-size: 0.7em;
		font-style: italic;
	}

	.systemSupport .systemCheckOk div {
		vertical-align: top;
		margin-left: 37px;
	}

	.systemSupport .supportTile {
		position: relative;
		display: inline-block;
		width: 30%;
		height: 6em;
		margin: 0 0.4% 1em 0.4%;
		padding: 0.5em 1% 1.5em 1%;
		vertical-align: top;
		border-radius: 4px;
		background-color: #e6e6e6;
	}

		.systemSupport .supportTile#videoCheck {
			padding: 0 1%;
			height: 8em;
		}

	.systemSupport .troubleshootExtraFeatures .supportTile {
		background-color: #f3f3f4;
		box-shadow: 0 0 2px rgba(0,0,0,0.3);
	}

	.systemSupport .supportTile[ok="true"]:not(.extraFeature) {
		background-color: #9e9;
		box-shadow: 1px 1px 1px #6cb36c;
	}

	.systemSupport .supportTile .supportLabel {
		text-align: center;
	}

		.systemSupport .supportTile .supportLabel .big {
			font-size: 1.5em;
			padding: 0.2em 0;
		}

		.systemSupport .supportTile .supportLabel img {
			vertical-align: middle;
		}


	.systemSupport .supportTile[ok="false"] .supportOk,
	.systemSupport .supportTile[ok="true"] .supportFail {
		display: none;
	}

	.systemSupport img.supportOk,
	.systemSupport img.supportFail {
		vertical-align: middle;
	}

	.systemSupport .cornertick {
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 0.5em;
	}

	
	.systemSupport #javascriptCheck .supportLabel {
		margin-top: 2em;
	}

	
	.systemSupport #browserCheck #browserInfoLink {
		position: absolute;
		bottom: 0;
	}

	.systemSupport #browserCheck.supportTile #ieCompatSteps .troubleshootSteps {
		position: absolute;
	}

	.systemSupport #browserCheck.supportTile #browserInfoSteps {
		position: absolute;
		text-align: left;
	}

	.systemSupport[i-os="true"] #flashCheck {
		display: none;
	}

	
	.systemSupport .screenIcon {
		text-align: center;
	}

		.systemSupport .screenIcon .mainScreen,
		.systemSupport .screenIcon .footScreen {
			border-color: #f00;
		}

		.systemSupport .screenIcon .mainScreen {
			display: inline-block;
			width: 60%;
			padding: 1em 0.5em;
			border: 6px solid;
			border-radius: 8px;
		}

		.systemSupport .screenIcon .footScreen {
			display: inline-block;
			width: 9%;
			height: 0.5em;
			border-bottom: 6px solid;
		}

			.systemSupport .screenIcon .footScreen.left {
				border-right: 3px solid;
				border-bottom-left-radius: 50%;
			}

			.systemSupport .screenIcon .footScreen.right {
				border-left: 3px solid;
				border-bottom-right-radius: 50%;
			}

	

	.systemSupport .supportTile .supportLabel .playBox {
		display: inline-block;
		width: 32px;
		padding: 3px 0 2px 0;
		border: 3px solid;
		border-radius: 50%;
		vertical-align: middle;
	}

		.systemSupport .supportTile .supportLabel .playBox .playArrow {
			display: inline-block;
			position: relative;
			left: 2px;
			width: 1px;
			border-left: 12px solid;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}

	.systemSupport .supportTile .supportLabel .playType {
		font-size: 1.2em;
	}

	

	.systemSupport #videoCheckPlayerDiv {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
	}

		.systemSupport #videoCheckPlayerDiv .error {
			position: absolute;
			top: 2em;
			width: 100%;
			text-align: center;
		}





.liveFooter {
	clear: both;
	position: relative;
	top: 20px;
	margin-left: 350px;
	text-align: center;
}


.liveContent {
	display: flex;
	position: relative;
	
	flex: 1 1 0%;
	width: 1170px;
	margin: 0 auto;
	padding: 0 10px;
	min-height: 0;
}

.livelessonedit .liveContent {
	flex: none;
}

.NavMenu {
	display: none;
}


.liveNavstrip {
	width: 1170px;
	height: 17px;
	margin: 0 auto 0.5em auto;
	padding: 4px 1em 0 1em;
	color: #777;
	font-size: 11px;
}

#liveNavstrip_logout,
#liveNavstrip_admin {
	float: right;
	padding: 0 0.5em;
}

	#liveNavstrip_admin.hasAdminMenu {
		position: relative;
		padding-right: 2.5em;
	}

	#liveNavstrip_admin .liveNavstripAdminMenu {
		position: absolute;
		right: 0;
		top: 0;
		max-width: 1.5em;
	}

#liveNavstrip_logout {
	padding-right: 0;
}


.liveNavboxFrame {
	float: left;
	width: 330px;
	background-color: #f1f1f1;
}

.livePage.livediscussion .liveNavboxFrame,
.livePage.livelesson .liveNavboxFrame,
.livePage.livelessonedit .liveNavboxFrame,
.livePage.livepathwaymapedit .liveNavboxFrame,
.livePage.livepathwaymappathedit .liveNavboxFrame {
	display: none;
}

.livePage.livelessonedit #lessonListLink a {
	display: none;
}



.sleepicon {
	display: none;
	float: right;
	margin: 2px;
	padding-top: 4px;
	width: 20px;
	height: 15px;
	background-image: url(/rest2/media/skinasset/MediaManagerSleep/v2);
	background-repeat: no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-align: center;
}

	.sleepicon.wait {
		background-position: 100% 0;
	}

	.sleepicon[data-active="true"]{
		display:inline-block;
	}




.pathwayIcon {
	background-image: url(/images/path-icons.png?v=10);
}

	.pathwayIcon.block {
		display: inline-block;
		width: 16px;
		height: 16px;
		vertical-align: text-bottom;
		overflow: hidden;
	}

button.pathwayIcon {
	border: none;
	background-color: transparent;
}

.pathwayIcon.block[pathway-icon=none] {
	display: none;
}

.pathwayIcon[pathway-icon=none],
.pathwayIcon[pathway-icon=blank] {
	background-image: none;
}

.pathwayIcon[pathway-icon=analyse] {
	background-position: 0 0;
}

.pathwayIcon[pathway-icon=module] {
	background-position: -16px 0;
}

.pathwayIcon[pathway-icon=wizard] {
	background-position: -32px 0;
}

.pathwayIcon[pathway-icon=closeGrey] {
	background-position: -48px 0;
}

.pathwayIcon[pathway-icon=closeRed] {
	background-position: -64px 0;
}

.pathwayIcon[pathway-icon=linkPath] {
	background-position: -80px 0;
}

.pathwayIcon[pathway-icon=info] {
	background-position: -96px 0;
}

.pathwayIcon[pathway-icon=addGreen] {
	background-position: -112px 0;
}

.pathwayIcon[pathway-icon=member] {
	background-position: -128px 0;
}

.pathwayIcon[pathway-icon=pinboard] {
	background-position: -144px 0;
}

.pathwayIcon[pathway-icon=padlock] {
	background-position: -160px 0;
}

.pathwayIcon[pathway-icon=warning] {
	background-position: -176px 0;
}

.pathwayIcon[pathway-icon=mymedia] {
	background-position: -192px 0;
}

.pathwayIcon[pathway-icon=sortbar] {
	background-position: -208px 0;
}

.pathwayIcon[pathway-icon=alert] {
	background-position: -224px 0;
}

.pathwayIcon[pathway-icon=crossgrey] {
	background-position: -240px 0;
}

.pathwayIcon[pathway-icon=connected] {
	background-position: 0 -16px;
}

.pathwayIcon[pathway-icon=shareddoc] {
	background-position: -16px -16px;
}

.pathwayIcon[pathway-icon=openext] {
	background-position: -32px -16px;
}

.pathwayIcon[pathway-icon=twirlclose] {
	background-position: -48px -16px;
}

.pathwayIcon[pathway-icon=twirlopen] {
	background-position: -64px -16px;
}

.pathwayIcon[pathway-icon=search] {
	background-position: -80px -16px;
}

.pathwayIcon[pathway-icon=virtualmenu] {
	background-position: -96px -16px;
}

.pathwayIcon[pathway-icon="crossred"] {
	background-position: -112px -16px;
}

.pathwayIcon[pathway-icon="plusgrey"] {
	background-position: -128px -16px;
}


.liveNavbox {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.liveNavContentTitle {
	background-color: #f1f1f1;
}

.liveNavContentTitle,
.navboxRole {
	position: relative;
	padding: 5px;
}

	.liveNavContentTitle,
	.navboxRole .navboxRoleCurrent {
		font-size: 18px;
		color: #ed5625;
	}

	.navboxRole .hoverMenuAnchor {
		float: right;
		margin-right: -0.5em;
	}

		.hoverMenuAnchor.twirlMenu .hoverMenuTrigger {
			display: inline-block;
			padding: 0.5em;
		}

		.navboxRole .hoverMenuAnchor .hoverMenuTrigger {
			padding: 0.5em;
		}

.hoverMenuAnchor .hoverMenuTrigger svg {
	fill: #12204e;
}

	.hoverMenuAnchor:hover .hoverMenuTrigger svg {
		fill: #ed5625;
	}



		.hoverMenuAnchor.twirlMenu:hover .hoverMenuTrigger,
		.navboxRole .hoverMenuAnchor:hover .hoverMenuTrigger,
		.navboxRole .hoverMenuAnchor[data-hover-menu-visible="true"] .hoverMenuTrigger {
			background-color: #12204e;
			cursor: default;
		}

	.hoverMenuAnchor.twirlMenu .twirlDown,
	.navboxRole .twirlDown {
		display: inline-block;
		border: 6px solid transparent;
		border-bottom: none;
		border-top-color: #ed5625;
	}

	.hoverMenuAnchor.twirlMenu .hoverMenuTrigger:hover span,
	.navboxRole .hoverMenuAnchor:hover span.twirlDown {
		border-top-color: white;
	}

	.menuItem .twirlRight {
		display: inline-block;
		margin: 4px 1em 0 0;
		border: 6px solid transparent;
		border-right: none;
		border-left-color: #ed5625;
	}

	.navboxRole[data-count="0"],
	.navboxRole[data-count="1"] {
		display: none;
	}

	.navboxRole .markCurrentRole {
		display: inline-block;
		margin: 4px 1em 0 0;
		border: 4px solid #ed5625;
		border-radius: 50%;
		visibility: hidden;
	}

	.navboxRole[data-current-role="Learner"] li[data-role="Learner"] .markCurrentRole,
	.navboxRole[data-current-role="Tutor"] li[data-role="Tutor"] .markCurrentRole,
	.navboxRole[data-current-role="Author"] li[data-role="Author"] .markCurrentRole,
	.navboxRole[data-current-role="UserAdmin"] li[data-role="UserAdmin"] .markCurrentRole,
	.navboxRole[data-current-role="ContentAdmin"] li[data-role="ContentAdmin"] .markCurrentRole,
	.navboxRole[data-current-role="SiteAdmin"] li[data-role="SiteAdmin"] .markCurrentRole,
	.navboxRole[data-current-role="SkinAdmin"] li[data-role="SkinAdmin"] .markCurrentRole {
		visibility: visible;
	}

	.navboxRole ul {
		top: 2em;
		left: auto;
		right: 4px;
		padding: 0.1em;
		margin: 0;
	}

		.navboxRole ul li {
		}


.navboxLink_Media.hidden,
.navboxLink_Bookmark.hidden {
	display: none;
}


.liveNavbox .navboxZones {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	position: relative;
	clear: both;
	overflow: hidden;
	overflow-y: auto;
}


.navboxZones .navHeading {
	clear: both;
}


.navHeading,
.liveNavbox .navboxProfile .navboxName {
	color: #ed5625;
}


.navHeading.heading1 {
	margin-top: 1em;
}


.navboxZones .navHeading.headingSelected {
}


.navboxZones .navHeading.singlePathLink {
	font-weight: bold;
}


.navboxZones .navHeading.nonMember {
}



.navboxZones .navHeading .zoneIcon {
	display: none;
}

.navboxZones .navHeading.hasZoneIcon .zoneIcon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: -10px; 
	vertical-align: bottom;
}

	.navboxZones .navHeading.hasZoneIcon .zoneIcon img {
		max-width: 20px;
		max-height: 20px;
	}


.navboxZones .navHeading.hasZoneIcon.tabTitle .zoneIcon {
	margin-left: 0px; 
	display: none;
}




.liveNavbox .navboxZones .head0 {
	display: none;
}


.liveNavbox .navboxZones .navBody {
	padding-left: 16px;
}

	.liveNavbox .navboxZones .navBody.body0 {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		padding-left: 0;
	}

.navboxZones .navBody.body1 {
	padding: 16px 15px 0 21px;
	overflow: hidden;
	overflow-y: auto;
	border: none;
	background: none;
	background-image: none;
}

.liveNavbox .navboxZones ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.liveNavbox .navboxZones ul li.itemDiscuss,
	.liveNavbox .navboxZones ul li.itemModule,
	.liveNavbox .navboxZones ul li.itemWizard,
	.liveNavbox .navboxZones ul li.itemPathway,
	.liveNavbox .navboxZones ul li.itemPinboard,
	.liveNavbox .navboxZones ul li.itemVirtualZoneMenu {
		position: relative;
		font-weight: normal;
		margin-left: -20px;
		padding-left: 20px;
	}

		.liveNavbox .navboxZones ul li.itemDiscuss .pathwayIcon,
		.liveNavbox .navboxZones ul li.itemModule .pathwayIcon,
		.liveNavbox .navboxZones ul li.itemWizard .pathwayIcon,
		.liveNavbox .navboxZones ul li.itemPathway .pathwayIcon,
		.liveNavbox .navboxZones ul li.itemPinboard .pathwayIcon,
		.liveNavbox .navboxZones ul li.itemVirtualZoneMenu .pathwayIcon {
			margin-left: -20px;
		}

	.liveNavbox .navboxZones ul li.itemHeading {
		font-weight: bold;
	}

.liveNavbox .navboxZones .tabBody.body1 > ul li.itemDiscuss,
.liveNavbox .navboxZones .tabBody.body1 > ul li.itemPathway,
.liveNavbox .navboxZones .tabBody.body1 > ul li.itemPinboard,
.liveNavbox .navboxZones .tabBody.body1 > ul li.itemVirtualZoneMenu {
	margin-left: 0px;
	padding-left: 10px;
}

.liveNavbox .navboxZones .navHeading.heading2,
.liveNavbox .navboxZones .navHeading.heading3,
.liveNavbox .navboxZones .navHeading.heading4,
.liveNavbox .navboxZones .navHeading.heading5 {
	padding: 11px 0 3px 0;
}

.liveNavbox .navboxZones .showMiniProgress {
	position: relative;
	width: 70%;
}

	.liveNavbox .navboxZones .showMiniProgress .itemProgress {
		position: absolute;
		right: -32%;
		width: 30%;
		
		padding: 0.2em;
		margin-bottom: 0.5em;
	}

		.liveNavbox .navboxZones .showMiniProgress .itemProgress .itemProgressFrame {
			position: relative;
			top: -1px;
			border: 1px solid #a7a7a7;
			border-radius: 3px;
			background-color: #ebe8e3;
			box-shadow: 0 0 3px rgba(0,0,0,0.4) inset;
			overflow: hidden;
		}

		.liveNavbox .navboxZones .showMiniProgress .itemProgress:hover .itemProgressFrame {
			border-color: #555;
			box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
		}

		.liveNavbox .navboxZones .showMiniProgress .itemProgress .itemProgressFrame .itemProgressFill {
			width: 0%;
			height: 10px;
			border-right: 1px solid #ACA8A8;
			background-color: #12204e;
			box-shadow: 1px 1px 1px rgba(255,255,255,0.4) inset;
		}

		.liveNavbox .navboxZones .showMiniProgress .itemProgress[status="loading"] .itemProgressFrame {
		}

.liveNavbox .itemPathway.recommendedModules:after {
	content: " ";
	position: absolute;
	right: -30%;
	margin-right: -20px;
	width: 16px;
	height: 16px;
	background-image: url('/images/flag-icon.png');
}

.navboxZones [data-pathway-group-id][data-pathway-group-selected="false"] {
	display: none;
}

.navboxZones .pathwayGroupSelectAnchor {
	display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-image: url(/images/path-icons.png);
	background-position: -96px -16px;
}

.recommendedModuleFlagCount {
	display: inline-block;
	position: relative;
	min-width: 3em;
	font-size: 0.85em;
	white-space: nowrap;
	text-align: right;
}

	.recommendedModuleFlagCount:after {
		content: " ";
		background-image: url(/images/flag-icon.png);
		width: 16px;
		display: inline-block;
		height: 16px;
		vertical-align: top;
	}

	.liveNavContentPathwayProgress .recommendedModuleFlagCount:hover:before {
		content: " ";
		left: 50%;
		margin-left: -8px;
		width: 16px;
		height: 16px;
		background-image: url(/images/path-icons.png);
		position: absolute;
		background-position: -300% 0%;
	}


[data-current-role="Tutor"] .navBody .itemPathway.wizardPath {
	display: none;
}




.itemCreatePathway {
	padding: 0.2em 0;
}

.itemEditPathway[pathway-id="00000000-0000-0000-0000-000000000000"] {
	display: none;
}

.itemEditPathway .editPathwayControls .editPathwayLink,
.itemEditPathway .editPathwayControls span[pathway-icon="sortbar"] {
	display: none;
}

.itemEditPathway[data-is-owner="true"] .editPathwayControls .editPathwayLink {
	display: inline-block;
}

.itemEditPathway[data-is-share="true"] .editPathwayControls span[pathway-icon="sortbar"] {
	display: inline-block;
	cursor: ns-resize;
}

.itemEditPathway button.pathwayEditControl,
.itemEditPathway button[data-level-inc],
.itemEditPathway button[data-action],
.itemEditPathway .deletePathway button {
	border: none;
	background: none;
	padding: 0 0.2em;
	cursor: pointer;
}

.itemEditPathway button[data-action] {
	padding: 0.1em 0.2em;
}

.itemEditPathway button[data-level-inc]:hover,
.itemEditPathway button[data-action]:hover {
	background: #d7d7d7;
}

.itemEditPathway .editPathwayControls {
	float: right;
	white-space: nowrap;
}

.itemEditPathway .pathwayInfoPanel {
	margin-left: 20px;
	border-left: 1px solid;
	margin-bottom: 8px;
	padding: 4px;
}

.zonePathwayList .itemEditPathway {
	clear: both;
}

.zonePathwayList .sortableEntryHolder {
	height: 1.2em;
	border: 1px dashed grey;
	background: white;
}


.liveNavContent {
	display: flex;
	flex-direction: column;
	height: auto;
	margin-left: 30px;
	position: relative;
	float: right;
	width: 803px;
	
	
	padding: 0;
}

	
	.liveNavContent.manageSite {
		flex-direction: row;
	}


.liveNavContentScroll {
	height: 100%;
	
	overflow: hidden;
	overflow-y: auto;
}

	
	.liveNavContentScroll.buttonsBelow {
		height: 552px;
		border-bottom: 1px solid #999;
	}

.liveNavContentUnderTitle .liveNavContentScroll.buttonsBelow {
	height: 520px;
	border-bottom-color: #f1f1f1;
}



.liveNavContentScrollButtonsBelow {
	
}

.liveNavContent.liveNavContentPathway,
.liveNavContent.liveNavContentDescription,
.liveNavContent.liveNavContentPinboard,
.liveNavContent.liveNavContentDefault {
	
	padding: 0;
	border: none;
	box-shadow: none;
}

.liveNavContent.liveNavContentDescription,
.liveNavContent.liveNavContentPinboard,
.liveNavContent.liveNavContentDefault {
	
	height: 589px;
}

.liveNavContent.liveNavContentPathway {
	height: 589px;
}

.liveNavContent.liveNavContentDescription .editTopZoneLink,
.contentEditorToolbar[data-selected-frames="0"] button[action="deleteElement"],
.contentEditorToolbar[data-selected-frames="0"] button[action="arrange"],
.contentEditorToolbar[data-selected-frames="0"] button[action="execCommand"],
.contentEditorToolbar[data-selected-frames="0"] button[action="insertHyperlink"],
.contentEditorToolbar[data-selected-frames="0"] button[color-picker="true"],
.contentEditorToolbar[data-selected-frames="0"] select[action="fontSize"] {
	display: none;
}


	.liveNavContent.liveNavContentDescription .contentEditorToolbar button[action="endEdit"][arg="false"] {
		display: none;
	}



.liveNavContentAlerts a.settings {
	float: right;
	font-style: italic;
}


.liveNavContent .list.fullSize {
	width: 801px;
	
}

	.liveNavContent .list.fullSize .list_autoscroll {
		height: 558px;
	}

.liveNavContentUnderTitle .list .list_autoscroll {
	height: 528px;
}

	#lessonListBlockContainer,
	#lessonListLessonsListContainer[can-create=true] #lessonListLessonsList,
	.liveNavContentUnderTitle .list .list_autoscroll.buttonsBelow {
		height: 490px;
		border-bottom-style: solid;
	}




.liveNavContent .loadingImage {
	position: absolute;
	left: 50%;
	top: 200px;
	margin-left: -16px;
}

[data-pathway-missing="true"] .liveNavContent .loadingImage {
	display: none;
}


.liveFullContent {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 20px 10px;
}


.liveFullContentScrollMain {
	
	display: flex;
	flex-direction: column;
	overflow: hidden;
	overflow-y: auto;
}


.showNoMemberships {
	position: absolute;
	left: 200px;
	top: 80px;
	width: 300px;
	background: white;
	border: 2px solid black;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0px 0px 35px #333;
}



.mmContainer {
	border: 1px solid #999;
}

	.mmContainer .mmSearchBar {
		border-bottom: 1px solid #999;
	}

	.mmContainer .mmSidebar {
		border-left: 1px solid #999;
	}

	.mmContainer .mmFooterBar {
		border-top: 1px solid #999;
	}


.mmMainHeight {
	height: 521px;
}


.liveNavContentDescription .liveNavContentScroll {
	height: 100%;
}

.liveNavContentDescription .zoneDescription {
	position: relative;
	height: 100%;
	overflow: hidden;
}

	
	.liveNavContentDescription .zoneDescription .joinDescriptionMissing {
		width: 400px;
		height: 100%;
		margin: 4em auto;
		text-align: center;
	}

	
	.liveNavContentDescription .zoneDescription .joinDescriptionDefault {
		width: 400px;
		margin: 4em auto;
		text-align: center;
	}

.liveNavContentDescription .sleepicon {
	float: left;
}

.liveNavContentDescription .editLink,
.liveNavContentDefault .editLink {
	position: absolute;
	display: none;
	right: 0px;
	top: -2em;
}

.liveNavContentDescription #mediaManagerContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background: white;
}


.livePage.livemanagemedia .mmContainer .mmSearchUnlocked {
	display: none;
}


.loginerror .generalPage,
.loginerror404 .generalPage {
	background-image: url(/rest2/media/skinasset/LoginBackground/v2);
}

	.loginerror .generalPage .pageNotFoundContainer,
	.loginerror404 .generalPage .pageNotFoundContainer,
	.loginerrortoken .generalPage .pageNotFoundContainer {
		background-image: url(/images/bgFFFFFF75.png);
		border: 1px dotted black;
		text-align: center;
		margin: 3em;
		padding: 4em;
		border-radius: 2em;
	}

	.loginerrortoken .generalPage .pageNotFoundContainer {
		margin-top: 320px;
		border: none;
	}

		.loginerror .generalPage .pageNotFoundContainer .head,
		.loginerror404 .generalPage .pageNotFoundContainer .head {
			font-weight: bold;
			font-size: 1.2em;
		}

		.loginerrortoken .generalPage .pageNotFoundContainer .head {
			font-size: 3em;
			color: #12204e;
		}
		
		.loginerrortoken .generalPage .pageNotFoundContainer .description {
			font-size: 1.5em;
		}

		.loginerror .generalPage .pageNotFoundContainer .subdescription {
			font-size: 0.85em;
		}
		
		.loginerrortoken .generalPage .pageNotFoundContainer a {
			color: #12204e;
		}




.pathZoomContainer {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pathZoomOutLayer {
	position: absolute;
}

.pathZoomStoneLabel {
	font-weight: bold;
	cursor: pointer;
}

.pathZoomLayer {
	position: absolute;
	left: 0;
	top: 0;
}

.pathZoomOverlay {
	position: absolute;
	left: 0;
	top: 0;
}

	.pathZoomOverlay #pz_marker {
		pointer-events: none;
	}

.pathZoomTools {
	position: absolute;
	left: 700px;
	top: 20px;
	display: none;
}

.pathZoomToolsIn,
.pathZoomToolsOut {
	width: 22px;
	height: 28px;
	color: #666;
	font-size: 25px;
	text-align: center;
	border: 1px solid #9a9a9a;
}

.pathZoomToolsIn {
	border-bottom: 2px solid #ccc;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-color: #e6e6e6;
	background-image: linear-gradient(to bottom, #e8e8e8 0%, #f6f6f6 100%);
}

.pathZoomToolsOut {
	border-top: 2px solid #fff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background-color: #e0e0e0;
	background-image: linear-gradient(to bottom, #f0f0f0 0%, #d2d2d2 100%);
}

	.pathZoomToolsOut a {
		margin-top: -4px;
	}

		.pathZoomToolsIn a:hover,
		.pathZoomToolsOut a:hover {
			text-decoration: none;
		}


.pathZoomContainer .pathwayType {
	display: none;
}

.pathZoomContainer[pathway-type=lesson] .pathwayType[pathway-type=lesson],
.pathZoomContainer[pathway-type=wizard] .pathwayType[pathway-type=wizard] {
	display: inherit;
}



.pathZoomLegendContainer {
	position: absolute;
	display: none;
}

.pathZoomLegendOverTitle {
	padding: 4px;
}

.pathZoomLegendTitle {
	padding: 4px;
	font-weight: bold;
}

.pathZoomLegendImage {
	float: right;
	margin: 8px;
}

.pathZoomLegendDescription {
	overflow: hidden;
	overflow-y: auto;
}

.pathZoomLegendDescContent {
	padding: 10px;
}

.pathZoomLegendLessonTitle {
	font-weight: bold;
	padding-bottom: 0.5em;
}

	.pathZoomLegendLessonTitle .recommendedIcon {
		max-width: 1em;
		max-height: 1em;
		margin-left: 0.2em;
	}


.pathZoomLegendPoints {
	padding-bottom: 0.5em;
	font-style: italic;
}


.pathZoomLegendBlockLesson {
	margin: 0.2em 0;
	color: #733;
	font-style: italic;
}

.pathZoomLegendDescription {
}

.pathZoomLegendButtons {
	padding: 4px;
}


.pathZoomButton {
	background-position: 0 0;
	float: right;
	background-repeat: repeat-y;
}

	.pathZoomButton:hover {
		background-position: 0 -100%;
	}

	.pathZoomButton:active {
		background-position: 0 -200%;
	}

.pathZoomButtonDisable {
	background-position: 0 -300%;
}

	.pathZoomButtonDisable:hover {
		background-position: 0 -300%;
	}

	.pathZoomButtonDisable:active {
		background-position: 0 -300%;
	}



.purchaseCover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(/images/bg00000035.png);
}

	.purchaseCover .purchaseWindow {
		margin: 1em auto;
		padding: 1em;
		width: 400px;
		background: #fff;
		border: 1px solid #ccc;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}

		.purchaseCover .purchaseWindow .loadingSprite {
			text-align: center;
		}

	.purchaseCover .purchaseTimeline {
		margin-bottom: 0.4em;
		text-align: center;
		font-size: 0.8em;
	}

		.purchaseCover .purchaseTimeline .purchasePage {
			padding: 0.2em 0.3em;
			border-left: 1px solid;
			border-right: 1px solid;
			border-radius: 0.5em;
		}

			.purchaseCover .purchaseTimeline .purchasePage.currentPage {
				background-color: #ff0;
				border: 1px solid;
				box-shadow: 0 0 3px;
				font-weight: bold;
			}

		.purchaseCover .purchaseTimeline .purchasePageDivider {
			position: relative;
			display: inline-block;
			top: -0.4em;
			width: 2em;
			border-bottom: 1px solid;
		}

	.purchaseCover .purchaseContent {
		
	}

	.purchaseCover .purchaseBanner {
		margin: -0.5em -0.5em 0.5em -0.5em;
		padding: 1em 0;
		color: white;
		font-size: 1.2em;
		text-align: center;
		background-color: #999;
	}

	.purchaseCover .purchaseTitle {
		text-align: center;
		font-size: 1.2em;
	}

	.purchaseCover .purchaseAmount {
		text-align: center;
		margin: 0.3em 0 0.8em 0;
	}

	 .purchaseCover .purchaseProvider {
		display: inline-block;
		
		font-size: 0.8em;
		text-align: left;
	}

		.purchaseCover .purchaseProvider img {
			max-height: 47px;
			margin-right: 1em;
			vertical-align: middle;
		}

	.purchaseCover .purchaseButtons {
		text-align: right;
	}

	.purchaseCover ul.purchaseCreditCard {
		list-style-type: none;
		padding: 0;
	}

		.purchaseCover ul.purchaseCreditCard li {
			padding: 0.3em 0;
		}

			.purchaseCover ul.purchaseCreditCard li label {
				display: inline-block;
				width: 11em;
				text-align: right;
				padding-right: 1em;
			}

			.purchaseCover ul.purchaseCreditCard li input[data-field-name="expiryMonth"],
			.purchaseCover ul.purchaseCreditCard li input[data-field-name="expiryYear"] {
				width: 3em;
				text-align: center;
			}

			.purchaseCover ul.purchaseCreditCard li input[data-field-name="cvc2"] {
				width: 5em;
			}

			.purchaseCover ul.purchaseCreditCard li[data-method-count="1"] {
				display: none;
			}

		.purchaseCover ul.purchaseCreditCard .whatiscvctoggle {
			font-size: 0.8em;
		}

		.purchaseCover ul.purchaseCreditCard .whatiscvc {
			display: none;
			margin-left: 12em;
			padding-top: 0.5em;
		}

	.purchaseCover .itemValidation {
		display: none;
	}

	.purchaseCover .validationFail .itemValidation {
		display: inline-block;
		color: #9c2c2c;
	}

	.purchaseCover .purchaseMessage {
		display: none;
		padding: 0.3em;
		margin-bottom: 0.5em;
		border-top: 1px solid #d88585;
		border-bottom: 1px solid #d88585;
	}

	.purchaseCover .purchaseError {
		display: none;
	}

	.purchaseCover .purchaseButtons button {
		display: none;
	}
	.purchaseCover .purchaseButtons button.show {
		display: inline-block;
	}

		.purchaseCover .purchaseButtons button[data-action="prev"] {
			float: left;
		}



.pathZoomReportsContainer {
	position: absolute;
	left: 16px;
	top: 386px;
}

	
	.pathZoomReportsContainer .sortHolder {
		position: absolute;
		bottom: 1px;
		white-space: nowrap;
		color: #fff;
	}

	
	.pathZoomReportsContainer .pathZoomReportSort {
		display: inline;
		margin: 0px 2px 0px 0px;
		padding: 8px 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		background: #b7b7b7;
		border: 1px solid #707070;
		border-bottom: none;
	}

	
	.pathZoomReportsContainer .pathwayZoomReportSortActive { 
		background: #898989;
		border: 1px solid #707070;
		border-bottom: none;
	}

	.pathZoomReportsContainer .pathZoomReportSort.subject input.searchSubject {
		vertical-align: middle;
	}

	
	.pathZoomReportsContainer .pathZoomReportsList {
		position: absolute;
		width: 761px;
		background: #898989;
		border: 1px solid #707070;
		overflow: hidden;
		overflow-x: scroll;
	}

	
	.pathZoomReportsContainer .pathZoomReports {
		overflow: auto;
	}

	
	.pathZoomReportsContainer .pathwayZoomReportTile {
		position: relative;
		float: left;
		width: 100px;
		height: 90px;
		margin: 10px;
		padding: 8px;
		text-align: center;
		border: 1px solid #333;
		border-radius: 10px;
		overflow: hidden;
		background: #DDD;
	}

		
		.pathZoomReportsContainer .pathwayZoomReportTile:hover {
			background: #FFF;
		}
			.pathZoomReportsContainer .pathwayZoomReportTile:hover a {
				text-decoration: none;
			}

	
	.pathZoomReportsContainer .pathwayZoomReportTileSelected {
		border-width: 3px;
		margin: 8px;
		background: #FFF;
	}

	
	.pathZoomReportsContainer .pathwayZoomReportTile .tileImg {
		border: 1px solid #333;
		border-right-color: #FFF;
		border-bottom-color: #CCC;
	}

.pathwayZoomReportTile .linkAnchor {
	display: block;
	height: 100%;
}

.pathwayZoomReportTile .reportTitle,
.pathwayZoomReportTile .reportVirtualMember,
.pathwayZoomReportTile .reportModified {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pathwayZoomReportTile .reportModified {
	font-size: 0.7em;
}

.pathwayZoomReportTile .deleteResult {
	position: absolute;
	right: 8px;
	top: 8px;
}

.pathwayZoomReportTile[data-publishing-status="null"] .deleteResult,
.pathwayZoomReportTile[data-publishing-status="P"] .deleteResult {
	display: none;
}

	
	.pathZoomReportsContainer .pathwayZoomReportTileShared {
		font-style: italic;
	}

	
	.pathZoomReportsContainer .pathwayZoomReportNewTile {
		border-style: dashed;
		background: none;
	}


.pathZoomNewReportContainer {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 600px;
	height: 530px;
	background: #FFF;
	border: 1px solid #000;
	display: none;
}

	
	.pathZoomNewReportContainer .usersSelectorHolder {
		height: 470px;
	}

	
	.pathZoomNewReportContainer .usersSelector {
		padding: 20px 10px;
	}

	
	.pathZoomNewReportContainer .newReportInfo {
		height: 120px;
		margin: 20px;
		margin-right: 26px; 
	}

	
	.pathZoomNewReportContainer .buttons {
		padding: 0px 20px;
		overflow: auto;
	}

		
		.pathZoomNewReportContainer .buttons .buttonStart,
		.pathZoomNewReportContainer .buttons .buttonCancel {
			float: right;
		}

	.pathZoomNewReportContainer .userSelectorColumnWidth {
		width: 46%;
	}

		.pathZoomNewReportContainer .userSelectorColumnWidth .list_autoscroll {
			height: 290px;
		}

	.pathZoomNewReportContainer .userSelectorColumn1 .userSelectorSearchContainer {
		display: none;
	}

	.pathZoomNewReportContainer .userSelectorColumn1 .list_autoscroll {
		height: 60px;
	}



.pathZoomResources {
	position: absolute;
	display: none;
	left: 10px;
	bottom: 10px;
}

.pathZoomResourcesPanel {
	display: none;
	position: absolute;
	top: -180px;
	left: 20px;
	background: white;
	border: 1px solid black;
}

.pathZoomResourcesHead {
	padding: 4px;
	height: 20px;
	border-bottom: 1px solid #c9c9c9;
}

	.pathZoomResourcesHead .closeIcon {
		float: right;
	}

.pathZoomResourcesList {
	overflow: hidden;
	overflow-y: auto;
	width: 300px;
	height: 150px;
}

	.pathZoomResourcesList .resourceItem {
		padding: 2px 4px;
	}

		.pathZoomResourcesList .resourceItem .icon {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin-right: 8px;
		}

		.pathZoomResourcesList .resourceItem img {
			max-width: 100%;
			max-height: 100%;
		}



#dashboardContainer {
	width: 100%;
	overflow-y: auto;
}

	#dashboardContainer .memberItem {
		margin: 30px 0;
	}

	#dashboardContainer .zoneHeader span {
		margin: 0 4px;
		font-size: 12px;
		color: #d6d3d3;
		text-transform: uppercase;
	}

	#dashboardContainer .zoneHeader :last-child {
		font-weight: bold;
		margin-right: 0;
	}

	#dashboardContainer .loadingIcon {
		height: 80px;
	}

		#dashboardContainer .loadingIcon img {
			margin: 20px 0 0 20px;
		}

	#dashboardContainer .pathwayHeader {
		font-size: 25px;
		margin: 4px;
		color: #22;
		padding-top: 10px;
		font-weight: bold;
	}

	#dashboardContainer .pathwayTable {
		width: 100%;
		margin: 8px 0;
		border-spacing: 0 4px;
		font-size: 14px;
	}

		#dashboardContainer .pathwayTable tr {
			background-color: #fafafa;
			margin-left: 10px;
		}

		#dashboardContainer .pathwayTable td {
			padding: 10px 4px;
		}

			#dashboardContainer .pathwayTable td.cellTitle {
				font-weight: bold;
				font-size: 18px;
				padding-left: 10px;
				border-left-width: 4px;
				border-left: solid #12204e;
				cursor: pointer;
			}

			#dashboardContainer .pathwayTable td.cellStatus {
				width: 130px;
				padding-right: 10px;
				border-right-width: 2px;
			}

	.livePage.livedashboard .resultStatus .certificate {
		float: left;
		width: 20px;
		height: 24px;
	}

		.livePage.livedashboard .resultStatus .certificate[data-certification-state=""] a {
			visibility: hidden;
		}

		.livePage.livedashboard .resultStatus .certificate[data-certification-state="expired"] svg {
			fill: #ff0000;
			stroke: #ff0000;
		}

		.livePage.livedashboard .resultStatus .certificate[data-certification-state="expiring"] svg {
			fill: #ff6a00;
			stroke: #ff6a00;
		}

		.livePage.livedashboard .resultStatus .certificate[data-certification-state="valid"] svg {
			fill: #8cba3c;
			stroke: #8cba3c;
		}

		.livePage.livedashboard .resultStatus .certificate[data-certification-state="disabled"] svg {
			fill: #CCCCCC;
			stroke: #CCCCCC;
		}

	.livePage.livedashboard .resultStatus .status {
		display: block;
		padding-top: 6px;
		text-transform: uppercase;
		font-size: 0.8em;
		text-align: center;
	}

#lessonDetailContainer {
	position: absolute;
	background: white;
	width: 100%;
	height: 100%;
}

	#lessonDetailContainer[data-detail-state] {
		left: 50%;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
	}

	#lessonDetailContainer[data-detail-state="visible"] {
		left: 0;
		opacity: 1;
		visibility: visible;
	}

	#lessonDetailContainer .lessonHeader {
		display: flex;
		background: #fafafa;
		overflow: auto;
		padding: 10px;
	}

	#lessonDetailContainer .lessonTitle {
		flex: 1 1 auto;
		font-size: 18px;
		font-weight: bold;
		padding: 0 10px;
	}

	#lessonDetailContainer .lessonDescription {
		min-height: 80px;
		padding: 10px;
		font-size: 16px;
	}

	#lessonDetailContainer .lessonModified {
		margin-left: 10px;
	}

	#lessonDetailContainer .lessonResult {
		padding: 8px;
	}

	#lessonDetailContainer .resultStatus {
		float: right;
		width: 130px;
		padding: 0 4px;
	}

	
	#lessonDetailContainer #lessonDetailClose {
		background: #12204e;
		color: white;
		border: none;
		font-size: 13px;
		height: 2em;
	}

	#lessonDetailContainer .lessonActionButtons {
		float: right;
		margin: 10px;
	}

	#lessonDetailContainer .actionButton {
		width: 100px;
		margin: 0px 4px 0px 4px;
		color: #303030 !important;
		font-weight: normal !important;
		text-shadow: 1px 1px 1px #fff;
		white-space: nowrap;
		background: none;
		background-color: #e5e5e5;
		cursor: pointer;
		
		padding: 0.6em;
		position: relative;
		display: inline-block;
		text-align: center;
		overflow: hidden;
		vertical-align: bottom;
		text-transform: uppercase;
		text-decoration: none;
	}

		

		#lessonDetailContainer .actionButton:active {
			text-shadow: 1px 1px 1px #858585;
			background-color: #7f7f7f;
		}

		#lessonDetailContainer .actionButton[disabled],
		#lessonDetailContainer .actionButton.disabled,
		#lessonDetailContainer .actionButton[disabled]:hover,
		#lessonDetailContainer .actionButton.disabled:hover,
		#lessonDetailContainer .actionButton[disabled]:active,
		#lessonDetailContainer .actionButton.disabled:active {
			color: #b1b1b1 !important;
			text-shadow: 1px 1px 1px #fff;
			background-color: #eeeeee;
			cursor: default;
		}

	#lessonDetailContainer .resultContainer {
		padding: 0 10px;
	}

	#lessonDetailContainer .resultAdd {
		display: flex;
		align-items: center;
	}

	#lessonDetailContainer .resultInput {
		margin-right: 4px;
		font-size: inherit;
		font-family: inherit;
		background: white;
		color: #ccc;
		border: #ddd 2px solid;
		height: 30px;
		padding: 0 4px;
	}

	#lessonDetailContainer .resultTable {
		width: 100%;
		box-shadow: 0 0 25px rgba(0,0,0,.04);
		border-spacing: 8px;
	}

	#lessonDetailContainer tr.resultEntry {
		
	}

		#lessonDetailContainer tr.resultEntry .resultTitle {
			font-size: 16px;
			margin-bottom: 4px;
		}

	#lessonDetailContainer td.deleteResult {
		width: 20px;
		vertical-align: top;
		padding-top: 4px;
	}

	#lessonDetailContainer .resultEntry[data-publishing-status="P"] .deleteResult a {
		display: none;
	}




.liveNavContentProgress .pathwayProgressPrintHeader {
	
	display: none;
}

	.liveNavContentProgress .pathwayProgressPrintHeader .progressProfilePicture {
		float: left;
		max-width: 100px;
	}

	.liveNavContentProgress .pathwayProgressPrintHeader .profileNavboxName {
		margin-left: 120px;
	}

		.liveNavContentProgress .pathwayProgressPrintHeader .profileNavboxName ul {
			list-style-type: none;
		}

		.liveNavContentProgress .pathwayProgressPrintHeader .profileNavboxName .profileName {
			font-size: 1.35em;
		}

@media print {
	.liveNavContentProgress .pathwayProgressPrintHeader {
		display: block;
	}
}



.learnerPathwayProgressTitle {
	padding-bottom: 0.5em;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 1em;
	text-align: center;
}

.progressBarFrame {
	padding-bottom: 20px;
}

.progressBarHolderFrame {
	position: relative;
	padding: 1.2em;
	background-color: #f4f4f4;
	background-image: linear-gradient(to bottom, #e7e0d9 0%, #fff 100%);
	border-radius: 6px;
}

.progressBarHolder {
	position: relative;
}

	.progressBarHolder [bar-element] {
		height: 100%;
	}

	.progressBarHolder [bar-element="m"] {
		position: relative;
	}

	.progressBarHolder [bar-element="l"],
	.progressBarHolder [bar-element="r"],
	.progressBarHolder [bar-element="e"],
	.progressBarHolder [bar-element="f"] {
		overflow: hidden;
	}

	.progressBarHolder [bar-element="l"],
	.progressBarHolder [bar-element="r"],
	.progressBarHolder [bar-element="f"],
	.progressBarHolder [bar-element="k"],
	.progressBarHolder [bar-element="s"] {
		position: absolute;
		top: 0;
	}

	.progressBarHolder [bar-element="l"] {
		left: 0;
	}

	.progressBarHolder [bar-element="r"] {
		right: 0;
	}

	.progressBarHolder [bar-element="f"] {
		left: 0;
		background-position: 0 -100%;
	}

	.progressBarHolder [bar-element] > img {
		position: relative;
		width: 100%;
		height: 200%;
	}

	.progressBarHolder [bar-element="f"] > img {
		top: -100%;
		display: none; 
	}

@media print {
	.progressBarHolder [bar-element="f"] > img {
		display: inline-block;
	}
}

.progressBarHolder .progressBarScore {
	padding: 0 0.5em;
	color: #fff;
	font-size: 24px;
}

.progressBarHolder .progressBarMin,
.progressBarHolder .progressBarMax {
	position: absolute;
	bottom: -1.2em;
}

.progressBarHolder .progressBarMin {
	display: none;
	left: 0;
}

.progressBarHolder .progressBarMax {
	right: 0;
}

.progressBarHolder [bar-element="k"] {
	width: 100%;
}

.progressBarHolder .progressBarCertMarker {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-right: 1px solid black;
}

.progressBarHolder .progressBarCert {
	position: absolute;
	left: 0;
}

	.progressBarHolder .progressBarCert .certificateIcon {
		overflow: hidden;
	}

		.progressBarHolder .progressBarCert .certificateIcon[certificate-achieved="false"] img {
			position: relative;
			top: -100%;
		}

	.progressBarHolder .progressBarCert .progressBarCertPoints {
		position: absolute;
		width: 100%;
		text-align: center;
	}



table.pathwayProgressTable,
table.reportResultsTable,
table.templateBanded {
	border-spacing: 0px;
	border: 1px solid #999;
	border-bottom-width: 2px;
}

table.pathwayProgressTable,
table.templateBanded {
	width: 100%;
}

	table.pathwayProgressTable .pathwayProgressTableHead,
	table.reportResultsTable .reportResultsTableHead,
	.list.banded .head,
	table.templateBanded thead {
		background: #666;
		color: #fff;
	}

		table.reportResultsTable .reportResultsTableHead th,
		table.templateBanded thead th {
			padding: 4px;
		}

		table.pathwayProgressTable .pathwayProgressTableHead a,
		table.reportResultsTable .reportResultsTableHead a,
		.list.banded a,
		table.templateBanded a {
			color: inherit;
		}

		table.pathwayProgressTable .pathwayProgressTableHead th,
		table.reportResultsTable .reportResultsTableHead th,
		table.reportResultsTable .reportResultsTableSearchRow td,
		table.templateBanded thead th {
			border-left: 1px solid #999;
			border-right: 1px solid #333;
		}

		table.pathwayProgressTable .pathwayProgressTableHead th,
		table.reportResultsTable .reportResultsTableOrderRow th,
		table.reportResultsTable .reportResultsTableSearchRow td,
		table.templateBanded thead th {
			border-bottom: 1px solid #424242;
		}

			table.pathwayProgressTable .pathwayProgressTableHead th.pathwayProgressTableCorrect,
			table.pathwayProgressTable .pathwayProgressTableHead th.pathwayProgressTableAttempted,
			table.pathwayProgressTable .pathwayProgressTableHead th.pathwayProgressTablePass,
			table.pathwayProgressTable .pathwayProgressTableHead th.pathwayProgressTableMax,
			table.reportResultsTable .reportResultsTableSearchRow td,
			table.templateBanded thead td {
				border-top: 1px solid #999;
			}

	table.pathwayProgressTable .pathwayProgressTableRow,
	table.reportResultsTable .reportResultsTableRow,
	.list.banded .listItem,
	table.templateBanded tbody tr,
	table.templateBanded tfoot tr {
		background-color: #eee;
	}

		.list.banded.highlightRow .listItem {
			cursor: pointer;
		}

		table.pathwayProgressTable .pathwayProgressTableRow:nth-child(2n+1),
		table.reportResultsTable .reportResultsTableRow:nth-child(2n+1),
		.list.banded .listItem:nth-child(2n+1),
		table.templateBanded tbody tr:nth-child(2n+1) {
			background-color: #ddd;
		}

		table.pathwayProgressTable .pathwayProgressTableRow:hover,
		table.reportResultsTableFinal .reportResultsTableRow:hover,
		.list.banded.highlightRow .listItem:hover,
		table.templateBanded.highlightRow tbody tr:hover {
			background-color: #fff;
		}

		.list.banded .listItem.highlight,
		table.templateBanded tbody tr.highlight {
			background-color: #fdfdfd;
		}

		table.pathwayProgressTable .pathwayProgressTableRow td,
		table.reportResultsTable .reportResultsTableRow td,
		table.templateBanded tbody td,
		table.templateBanded tfoot td {
			padding: 4px;
			border-left: 1px solid #fff;
			border-right: 1px solid #aaa;
			border-bottom: 1px solid #999;
		}

		table.pathwayProgressTable .pathwayProgressTableRow:last-child td,
		table.reportResultsTable .reportResultsTableRow:last-child td,
		table.templateBanded tbody tr:last-child td,
		table.templateBanded tfoot tr:last-child td {
			border-bottom: none;
		}

		table.pathwayProgressTable .pathwayProgressTableHead th.pathwayProgressTableTitle,
		table.pathwayProgressTable .pathwayProgressTableRow td:first-child,
		table.reportResultsTable .reportResultsTableRow td:first-child,
		table.templateBanded tbody td:first-child,
		table.templateBanded tfoot td:first-child {
			border-left: none;
		}

		table.pathwayProgressTable .pathwayProgressTableHead th:last-child,
		table.pathwayProgressTable .pathwayProgressTableRow td:last-child,
		table.reportResultsTable .reportResultsTableRow td:last-child,
		table.templateBanded tbody td:last-child,
		table.templateBanded tfoot td:last-child {
			border-right: none;
		}

		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableStatus,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableDate,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableCertification {
			min-width: 6em;
			white-space: nowrap;
		}

		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableStatus,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableDate,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableScore,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableAttempted,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableLessonPts,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableMaxPts,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableCertification {
			text-align: center;
		}

		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableScore img {
			height: 12px;
		}

	table.templateBanded tfoot td {
		border-top: 1px solid #999;
	}

#pathwayProgressTableContainer[data-has-recommended="true"] .pathwayProgressTableTitle {
	position: relative;
	padding-left: 26px;
}

	#pathwayProgressTableContainer[data-has-recommended="true"] tr[data-encouraged="true"] td.pathwayProgressTableTitle:before,
	#pathwayProgressTableContainer[data-has-recommended="true"] tr[data-recommended="true"] td.pathwayProgressTableTitle:before {
		content: " ";
		position: absolute;
		left: 6px;
		top: 50%;
		margin-top: -8px;
		width: 16px;
		height: 16px;
		background-image: url('/images/flag-icon.png');
	}

	#pathwayProgressTableContainer[data-has-recommended="true"] tr[data-encouraged="true"] td.pathwayProgressTableTitle:before {
		transform: rotate(-25deg);
	}

#pathwayProgressTableContainer[data-has-recommended="false"] [data-sort-by-recommended] {
	display: none;
}

#pathwayProgressTableContainer tr[data-comprehended="true"] td.pathwayProgressTableTitle::before {
	content: "\2713";
	position: absolute;
	left: 8px;
	top: 50%;
	margin-top: -0.5em;
	font-weight: bold;
}



#styleOptionsList {
	padding-bottom: 2em;
}

.styleOptionsCategory {
	clear: both;
}

	.styleOptionsCategory h4 {
		padding-top: 1em;
	}

	.styleOptionsCategory label {
		display: inline-block;
		padding: 0 1em;
		text-align: center;
		vertical-align: top;
	}

		




select.zoneSelector {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5em;
	height: 36px;
}


.tabControllerBar {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding-top: 0;
}

	
	.tabControllerBar .tabsHolder {
		flex: 0 0 auto;
		position: relative;
		width: 100%;
		padding-left: 10px;
		white-space: nowrap;
		overflow: hidden;
		z-index: 0;
	}

	
	.tabControllerBar .tabsHolder,
	.tabControllerBar .tabsHolder .tabs .tab .tabTitle {
		color: white;
		background-color: #555;
	}

		
		.tabControllerBar .tabsHolder .tabs {
			position: relative;
			z-index: auto;
			
		}

			
			
			.tabControllerBar .tabsHolder .tabs .tab {
				
				display: inline-block;
			}

				
				.tabControllerBar .tabsHolder .tabs .tab .wingSprite {
					display: none;
				}

			.tabControllerBar .tabsHolder .tabs .tab .tabTitle {
				cursor: pointer;
				font-size: 12px; 
			}

			.tabControllerBar .tabsHolder .tabs .tab .tabTitle {
				display: inline-block;
				height: 16px; 
				margin-top: 0;
				padding: 10px 20px;
			}

			.tabControllerBar .tabsHolder .tabs .tabActive .tabTitle {
				top: 0; 
				background-color: #12204e;
			}

	.tabControllerBar .tabBody {
		flex: 1 1 0%;
		padding: 10px;
		margin: 0 5px 0 1px;
		border: 1px solid #d2d2d2;
		border-top: none;
		border-left-width: 2px;
		border-bottom-width: 2px;
		background-color: #eaeaea;
		background-image: linear-gradient(to bottom, #eaeaea 0%, #e5e5e6 100%);
	}



#navigation {
	
}


#navigationScroll {
	
}

	
	#navigationScroll .navigationPage {
	}


#navigation #navigationButtons {
	
}


#navigationButtons .navButton {
	position: relative;
}

#navigationButtons .brackenButton,
#navigationButtons .brackenButtonStatic {
	display: inline-block;
	text-align: center;
	width: 96px;
	height: 18px;
	padding: 4px 0 2px 0;
	margin: 10px 4px 5px 1px;
	margin-top: 10px;
}

.buttonLink {
	display: block;
	width: 100%;
	height: 100%;
}


.carouselNavigation > button {
	color: #12204e;
}

	.carouselNavigation > button:hover {
		color: #ed5625;
	}

	.carouselNavigation > button[disabled],
	.carouselNavigation > button[disabled]:hover {
		color: #d7d7d7;
	}

.carouselNavigation .carouselNavigationDot[data-current-carousel-page="true"] {
	color: #12204e;
}

	.carouselNavigation .carouselNavigationDot:hover {
		color: #ed5625;
	}

.carouselButtons button {
	color: white;
	background: #12204e;
}

.carouselButtons button:hover {
	background: #ed5625;
}


.list {
	float: left;
	margin-right: 10px;
}

	.list .head {
		font-weight: bold;
		margin: 0px;
		padding: 5px 0px 3px 12px;
		height: 20px;
	}

		.list .head select {
			position: relative;
			top: -3px;
			max-width: 90%;
		}

	.list .head_green {
	}

	.list .head_blue {
	}

	.list .head_orange {
	}

	.list ul.ullist {
		list-style: none;
		margin-left: -30px;
		line-height: 200%;
	}

	.list .list_autoscroll {
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: auto;
		height: 370px;
		border: 1px solid #f1f1f1;
		border-top-style: none;
		border-left-style: none;
		border-right-style: none;
		border-bottom-style: none;
	}

	.list .head .subhead {
		font-size: 0.8em;
		font-weight: normal;
	}

	.list .foot {
		clear: both;
		height: 40px;
		border-top: 1px solid #eee;
	}


#usersSelector {
	margin-left: 10px;
}

	#usersSelector .usersList {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		line-height: 100%;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
	}

.userSelectorName {
	margin-left: 45px;
	color: #336;
	font-weight: bold;
	margin-left: 45px;
	margin-bottom: 2px;
}

.userSelectorUsername {
	margin-left: 45px;
}

.userSelectorAccessRights {
	float: right;
	color: #777;
	font-weight: normal;
	font-style: italic;
}

input[type="text"].hinted,
textarea.hinted {
	color: #ccc;
	font-style: italic;
}

#usersSelector #userSelectorButtonSave,
#usersSelector #userSelectorButtonCancel {
	display: none;
}

	#usersSelector #userSelectorButtonSave.isVisible,
	#usersSelector #userSelectorButtonCancel.isVisible {
		display: block;
	}



.lhHoverButton {
	background-position: 0 0;
}

	.lhHoverButton:hover {
		background-position: 0 -100%;
	}

	.lhHoverButton:active {
		background-position: 0 -200%;
	}

.lhHoverButtonDisable {
	background-position: 0 -300%;
}

	.lhHoverButtonDisable:hover {
		background-position: 0 -300%;
	}

	.lhHoverButtonDisable:active {
		background-position: 0 -300%;
	}

.buttonLink {
	display: block;
	width: 100%;
	height: 100%;
}



.liveNavContentProfile .liveNavContentScrollButtonsBelow {
	padding: 0;
}

.userProfileContentScroll .userProfilePanelLeft,
.userProfileContentScroll .userProfilePanelRight,
.genericForm .formPanelLeft,
.genericForm .formPanelRight {
	position: relative;
	width: 47.9%;
	padding: 0 1%;
}

.userProfileContentScroll .userProfilePanelLeft,
.genericForm .formPanelLeft {
	float: left;
}

.userProfileContentScroll .userProfilePanelRight,
.genericForm .formPanelRight {
	float: right;
	height: 100%;
}

	.userProfileContentScroll .userProfilePanelRight .userProfileVerticalDivider,
	.genericForm .formPanelRight .formPanelVerticalDivider {
		position: absolute;
		left: 0;
		height: 100%;
		border-left: 1px solid #f1f1f1;
	}

.userProfileContentScroll .profileTitleName {
	display: none;
}

.userProfileContentScroll .profileImage {
	position: relative;
	display: inline-block;
	
	border: 2px solid #fff;
}

.liveNavContentProfile .userProfileContentScroll .profileImage img {
	max-width: 350px;
	max-height: 130px;
}

.liveNavContentProfile .liveDatePicker .panel {
    left: -144px;
}

.userProfileContentScroll .profileItemImage .profileLabel {
	display: none;
}

.userProfileContentScroll .profileItem.profileItemImage {
	margin-left: 0;
}

.userProfileContentScroll .profileImage .loadingSprite,
.genericForm .loadingSprite {
	position: absolute;
	left: 0;
	top: 20%;
	width: 100%;
	text-align: center;
}

.userProfileContentScroll .profileHeading,
.genericForm .formHeading {
	font-size: 1.2em;
}

.liveNavContentProfile .userProfileContentScroll .profileDivider,
.genericForm .formDivider {
	margin: 0.7em -2%;
	border-bottom: 1px solid #f1f1f1;
}

.userProfileContentScroll .profileItem,
.genericForm .formItem {
	position: relative;
	margin-top: 0.5em;
	margin-left: 140px;
}

	.userProfileContentScroll .profileItem.description {
		margin-left: 0;
		font-style: italic;
	}

.userProfileContentScroll .userProfilePurchaseSection .profileItem {
	margin-left: 0;
}

.userProfileContentScroll .profileItem .profileLabel,
.genericForm .formItem .formItemLabel {
	position: absolute;
	top: 0.2em;
	left: -140px;
	width: 140px;
}

.userProfileContentScroll .profileItemSpaced,
.genericForm .formItemSpaced {
	margin-top: 1.5em;
}

.userProfileContentScroll .profileEditUsername {
	border: none;
	background: none;
}

.userProfileContentScroll .profileValidation {
	font-weight: bold;
}

	.userProfileContentScroll .profileValidation ul {
		list-style-type: none;
		padding: 0;
	}

.userProfileContentScroll .profileUserValidation {
	font-weight: bold;
	margin-left: 5px;
	color: #F00; 
}

.userProfileContentScroll .profileItemImage .fileUpload {
	display: none;
}

.liveNavContentProfile .profileUserSection,
.liveNavContentProfile .userProfileJoinCodeSection {
	padding-top: 8px;
}

.userProfileMoveMemberSection .listCurrentZones {
	max-width: 200px;
}

.userProfileMoveMemberSection .profileItem.profileItemUnderstandMove {
	margin-left: 0;
}

[data-launch-method="LTI"] .profileUserSection .profileItemUsername,
[data-launch-method="Linked"] .profileUserSection .profileItemUsername,
[data-launch-method="OAuth"] .profileUserSection .profileItemUsername {
	display: none;
}

.userProfileContentScroll .moveZoneMemberButton {
	display: none; 
}

.userProfileContentScroll .joinCodeMessage,
.userProfileContentScroll .moveMemberMessage {
	color: #217827;
	font-weight: bold;
}

.userProfileSaveBar {
	clear: both;
	padding-top: 8px;
}

	.userProfileSaveBar .vanillaButton {
		
		margin-left:1%;
	}

	.userProfileSaveBar .confirmMessage {
		border: 1px solid #339845;
		background: #D3ECE1;
		padding: 4px 20px;
		color: #339845;
		font-weight: bold;
	}


.userProfileMoveMemberSection,
.userProfilePurchaseSection {
	display: none;
}



.adminZonesTable {
	width: 100%;
	border-top: 3px double #000;
	border-bottom: 3px double #000;
}

	.adminZonesTable th {
		border-bottom: 1px solid #000;
	}

	.adminZonesTable td {
		padding: 0.2em 1em;
		border-bottom: 1px solid #CCC;
	}

.zoneSkinEditContainer {
	margin: 10px auto;
}

#zhm_skin_hosts li.defaultUrl a.pathwayIcon[pathway-icon="closeGrey"] {
	display: none;
}



.lessonListOptions_NoSummaryPage {
	display: block;
}



.livePage.livelesson .liveNavstrip {
	padding: 3px 31px 3px 29px;
}

#brackenContainer {
	background: #FFF;
}

.contentFrame {
	border: 1px solid #999;
}

#navigation {
	background: #FFF;
	border: 1px solid #999;
	border-right: none;
}

#navigation #navigationButtons {
	background: none;
	border-top: 1px solid #999;
	margin-bottom: -1px;
}

.lessonProgressBar .fill,
.lessonProgressBar .fill:after,
.brButton {
	background-color: #12204e;
}

.previousPageButton,
.nextPageButton,
.previousPageButton.standard,
.nextPageButton.standard,
.navigationSaving, 
.lessonMarks {
	color: #12204e;
}

.brButton:hover {
	background-color: #ed5625;
}

.previousPageButton:hover,
.nextPageButton:hover {
	color: #ed5625;
}


.lessonListLessonsListContainer {
	width: 46%;
	border: none; 
}

#lessonListLessonInfoContainer {
	width: 52%;
	border: none; 
}
#lessonListLessonInfoContainer {
	float: right;
	margin-right: 0;
}

	#lessonListLessonInfoContainer .head,
	.lessonListLessonsListContainer .head {
		padding-top: 8px;
		border-bottom: none; 
	}

#moduleTypeSelect {
	max-width: 150px;
}

#lessonListLessonsListContainer .lessonListLessonsButtonContainer {
	display: none;
	margin: 0px 5px;
}

#lessonListLessonsListContainer .loadingIcon {
	position: relative;
	left: 48%;
	margin-top: 3em;
}

#lessonListLessonsListContainer[can-create=true] .lessonListLessonsButtonContainer {
	display: block;
}

#lessonListLessonsListContainer .lessonListFilterOptions {
	float: right;
	white-space: nowrap;
}

#lessonListLessonsListContainer .listItem {
	padding: 4px;
}

#lessonListLessonsListContainer .lessonListItem .pathwayIcon.block {
	position: relative;
	top: 2px;
}

.lessonListItem .publishedFlag {
	font-weight: bold;
}

.lessonListItem label {
	padding-left: 0.5em;
}

.lessonListItem .lessonTypeIcon,
.lessonListItem .ownedLessonIcon {
	display: inline-block;
	width: 16px;
	text-align: center;
}

.lessonListItem[data-lesson-type="wizard"] .lessonTypeIcon:after {
	content: "W";
}

.lessonListItem[data-lesson-type="quiz"] .lessonTypeIcon {
	font-size: 0.95em;
}

.lessonListItem[data-lesson-type="quiz"] .lessonTypeIcon:after {
	content: "Q";
}

#lessonListResultInfoContent {
	height: 120px;
}

#lessonListReportsListContainer {
	width: 250px;
	height: 550px;
	margin-right: 0px;
}

	#lessonListReportsListContainer #lessonListReportsList {
		height: 520px;
	}

	#lessonListReportsListContainer li {
		margin-left: -8px;
		padding-left: 4px;
	}

.lessonListLessonInfo {
	display: none;
	height: 100%;
	padding: 0px 20px;
}

.lessonListLessonInfoHead {
	font-weight: bold;
	margin: 16px 0px 2px 0px;
}

	#lessonListLessonImage img {
		max-width: 80%;
		max-height: 120px;
	}

#lessonListLessonDescription ul {
	list-style-type: disc;
}

.lessonListLessonPublished, 
.lessonListLessonUnpublished {
	display: none;
}

ul.lessonListReferences.emptyList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-style: italic;
}

#lessonListLessonInfoContainer .buttonStart {
	float: right;
}

#lessonListLessonInfoContainer .buttonReview {
	float: right;
}

#lessonListLessonInfoContainer .buttonReset {
	float: right;
}




.moduleSummary {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
	position: relative;
	border: 1px solid #999;
	padding: 0.5em;
	padding-right: 0;
	min-height: 0;
}

.moduleSummaryReportSection {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
	min-height: 0;
}

	.moduleSummary .moduleSummaryContainer {
		display: flex;
		flex-direction: column;
		margin: 0;
		border: none;
		width: 100%;
		min-height: 0;
	}
		
		.moduleSummaryContainer .summary {
			display: flex;
			flex-direction: column;
			flex: 0 1 auto;
			padding: 0;
			border-bottom: 1px solid #999;
			min-height: 0;
			height: auto;
		}

	.moduleSummary .hidden {
		display: none;
	}

	.moduleSummary .footerBlock.printBlock {
		display: inline-block;
		vertical-align: top;
	}

	.moduleSummary .footerBlock.resumeBlock {
		float: left;
	}

	.moduleSummary .footerBlock.actionsBlock {
		float: right;
	}

	.moduleSummary .resumeActions,
	.moduleSummary .stateActions,
	.moduleSummary .commentActions,
	.moduleSummary .shareActions,
	.moduleSummary .shareSelectorActions {
		display: inline-block;
	}
	
	.moduleSummary .stateActions.hidden,
	.moduleSummary .commentActions.hidden,		
	.moduleSummary .shareActions.hidden,
	.moduleSummary .shareSelectorActions.hidden,
	.dialogOK .hidden,
	#reviewModule .hidden
	{
		float: right;
		margin: 0.8em;
		margin-top: 0;
		display: none;
	}

		

	.moduleSummary .reportHeader {
		flex: 0 0 auto;
	}

	.moduleSummary .reportHeading {
		padding: 8px 0 0 0;
		font-size: 16px;
		font-weight: bold;
		margin-top: 0.2em;
	}

		.moduleSummary .reportHeading label {
			margin: 0.2em;
			margin-right: 1.0em;
		}

	.moduleSummary .reportHeaderInfo {
		  
			
			flex: 0 0 auto;
			display: flex;
			margin-top: 15px;
			margin-left: 0.2em;
			padding-right: 0.5em;
			padding-bottom: 5px;
			border-bottom: 1px solid #999;
		}

		.moduleSummary .reportHeaderInfo .reportInfo {
			flex: 1 1 45%;
		}

			.moduleSummary .reportHeaderInfo .reportInfo .field {
				display: flex;
				margin: 2px 0 2px 2px;
			}
				.moduleSummary .reportHeaderInfo .reportInfo .field.hidden {
					display: none;
				}
				.moduleSummary .reportHeaderInfo .reportInfo .field label {
					display: inline-block;
					flex: 0 0 120px;
				}
				.moduleSummary .reportHeaderInfo .reportInfo .field span,
				.moduleSummary .reportHeaderInfo .reportInfo .field ul {
					font-weight: bold;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
				.moduleSummary .reportHeaderInfo .reportInfo .field ul {
					list-style-type: none;
					padding: 0;
					margin: 0;
				}

		.moduleSummary .reportHeaderInfo .reportDescInfo {
			flex: 1 1 55%;
			margin: 0 8px;
		}
			.moduleSummary .reportHeaderInfo .reportDescription {
				overflow: hidden;
				position: relative;
				line-height: 1.2em;
				max-height: 3.6em; 
			}
				.moduleSummary .reportHeaderInfo .reportDescription::after {
					content: "";
					text-align: right;
					position: absolute;
					height: 1.2em;
					top: 2.4em; 
					right: 0;
					width: 30%;
					background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
				}

			.moduleSummary .reportHeaderInfo .reportInstruction {
				font-weight: bold;
				padding-bottom: 10px;
			}

		.moduleSummary .reportHeaderInfo tr {
			vertical-align: top;
		}

		.moduleSummary .reportHeaderInfo button {
			float: right;
			margin-bottom: 10px;
		}

		.moduleSummary .reportHeaderInfo .members .memberList ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}

		.moduleSummary .reportHeaderInfo .reportActions {
			float: right;
			display: flex;
			flex-direction: column;
		}

		.moduleSummary .reportHeaderInfo .stateActions {
			display: flex;
			flex-direction: column;
		}

	#moduleSummaryNext {
		float: right;
		margin-top: 0;
	}

		#moduleSummaryFeedback {
			float: right;
			padding: 2px;
			margin-top: 0;
		}
	
	.moduleSummary .reportMarks {
		display: none;
		float: right;
		
		margin-right: 0.5em;
		font-size: 16px;
	}

	.moduleSummary[report-shared=false] .reportMarks {
		display: none;
	}

	.moduleSummary .reportMarks.noCertificate {
		position: relative;
		top: 8px;
	}

	.moduleSummary .reportMarks.certificate {
		position: relative;
		top: 2px;
	}

	.moduleSummary .reportMarks td.certificateLink {
		padding-top: 0;
	}
			
	.moduleSummary .reportMarks td.certificateLink svg {
		width:22px;
		height: 22px;
		fill: #12204e;
		stroke: #12204e;
	}

	.moduleSummary .reportMarks td.certificateLink.failed svg {
		width: 20px;
		height: 20px;
		fill: #CCCCCC;
		stroke: #CCCCCC;
	}

	.moduleSummary .reportMarks td.scoreLabel {
		padding-top: 0px;
	}

	.moduleSummary .reportMarks td.score,
	.moduleSummary .reportMarks td.outof {
		font-weight: bold;
		padding-top: 0px;
	}

	

	.moduleSummary .reportNotShared {
		display: none;
		margin: 0.5em;
		padding: 0.5em;
		text-align: center;
		font-weight: bold;
	}

	.moduleSummary .wizardMedia,
	.moduleSummary .reportSummary {
		clear: both;
	}

	.moduleSummary .wizardMedia {
		display: none;
	}

		.moduleSummary .wizardMedia.hasMedia {
			display: block;
		}

		.moduleSummary .wizardMedia .summaryPage {
			text-align: center;
		}

		.moduleSummary .wizardMedia .wizardMediaItem {
			display: inline-block;
			margin: 1em 2%;
			max-width: 40%;
			vertical-align: middle;
		}

			.moduleSummary .wizardMedia .wizardMediaItem video {
				width: 100%;
			}

			.moduleSummary .wizardMedia .wizardMediaItem a {
				display: none;
			}

	.moduleSummary .reportSummary.list_autoscroll {
		display: flex;
		flex-direction: column;
		
		height: auto;
		
		margin: 5px 0;	  
	}

	
	div.ui-dialog {
		width: 368px !important;
		text-align: center;
		outline: 0;
	}

	.ui-dialog-titlebar {
		border: none;
		background: none;
	}

	.ui-dialog .ui-dialog-title {
		padding-left: 13px;
	}

	.no-close .ui-dialog-titlebar-close {
		display: none;
	}

	div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
		top: 33% !important;
		left: 50% !important;
		padding: 0;
		border: none;
	}

	.ui-dialog .ui-dialog-content{
		overflow:visible;
		padding: .5em 2.5em;
	}

	.ui-widget-overlay {
		background: black;
		opacity: 0.8;
	}

	div.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
		background-color: #555;
		font-size: 16px;
		color: #ffffff;
		border-radius: 0;
		cursor: none;
	}


	.dialogIcon{
		background-color: #12204e;
		border-radius: 50px;
		width: 100px;
		margin: 0 auto;
		height: 100px;
		position: absolute;
		top: -50px;
		left: 135px;
    
		padding-top: 7px;
		box-sizing: border-box;
	}

	.dialogIcon svg {
		width: 80px;
		height: 80px;
		fill: white;
		margin: auto;
	}

	.dialogIcon svg#certIcon,
	#tickIcon {	
		width:70px; 
		height:70px;
		margin-top:7px;
	}

	#crossIcon {
		width:60px; 
		height:60px; 
		margin-top:12px;
	}
	
	#submitIcon {
		width:75px;
		height:75px; 
		margin-top:7px;
	}


	.dialogP1 {
		font-weight: bold;
		font-size: 30px;
		color: #434343;
		padding-top: 60px;
	}

	.dialogP2 {
		padding	: 10px 30px;
	}

	.dialogOK {
		padding-bottom: 10px;
	}

	.dialogOK .buttonOK {
		width: 234px;
		font-weight: bold !important;
		outline: none;
	}

	.dialogLock {
		margin: 0.8em;
		margin-top: 0;
	}

	

	


	
	.moduleSummary .summaryPageHead {
		display: flex;
		flex: 0 0 auto;
		margin-top: 1em;
		margin-left: 0.7em;
		margin-right: 1.2em;
		padding-bottom: 4px;
		padding-left: 0;
		padding-right: 0;
		font-weight: bold;
		color: #12204e;
		
		border-bottom: 2px solid;
	}

	.moduleSummary .summaryPageHead div {
		display: inline-block;
		margin-left: 5px;
	}

		.moduleSummary .summaryPageHead .summaryPageTitle {
			flex: 1 0 auto;
			display: inline-block;
			
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.moduleSummary .summaryPage {
		display: flex;
		flex-direction: column;
		flex: 1 0 auto;
	}

	.moduleSummary div.summaryQuestionLabel{
		margin: 0.5em;
		margin-top: 1em;
		font-weight: bold;
		padding-top: 10px;
	}

	.moduleSummary div.summaryQuestion:first-child > .summaryQuestionLabel{
		padding-top: 0px;
	}

	.moduleSummary .returnToQuestion a {
		margin-top: 1em;
		padding-left: 5px;
		font-style: italic;
		font-size: 11px;
		color: #12204e;
	}

	.moduleSummary .returnToQuestion svg {
		width:15px;
		height: 10px;
		padding-left: 0;
		fill: #12204e;
		stroke: #12204e;
	}

	.moduleSummary .summaryQuestionLabel .notAnswered {
		margin: 0.5em;
		font-weight: normal;
	}

	.moduleSummary .summaryPageScore {
		float: right;
	}

	.moduleSummary .summaryQuestionScore input.openMarksEdit {
		text-align: right;
	}

	.moduleSummary .summaryQuestionAnswer {
		position: relative;
		padding: 0.5em;
	}

	.moduleSummary .summaryQuestionAnswer,
	.moduleSummary .resultCommentContainer,
	
	.moduleSummary .analysisToolAnchor {
		
		margin-right: 4em;
	}

	.moduleSummary .summaryQuestionFeedback {
		margin-left: 0.6em;
	}

	.moduleSummary .summaryQuestionScore {
		float: right;
		margin-right: 0.7em;
	}

	.moduleSummary .summaryQuestionFeedback .questionFeedback {
		position: relative;
	}

	.moduleSummary .summaryQuestionFeedback .questionFeedbackText {
		position: relative;
		bottom: 3px;
	}

	.moduleSummary .summaryQuestionFeedback .questionFeedbackGraded {
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: 0.8em;
		color: #000000;
	}

	.moduleSummary[data-module-mode-name="Wizard"] .summaryQuestion[data-has-answer="false"] {
		display: none;
	}

	.moduleSummary #lessonComment {
		display: flex;
		flex-direction: column;
		flex: 1 0 auto;
	}

	.moduleSummary .resultCommentContainer {
		margin-top: 0.5em;
		margin-left: 0.6em;
	}

		.moduleSummary .resultCommentContainer .commentText {
			margin-left: 1.6em;
		}

	.moduleSummary .blueSquare {
		width: 200px;
		height: 100px;
		background-color: #EEEEEE;
	}

		.moduleSummary .blueSquare p {
			text-align: center;
			vertical-align: middle;
			line-height: 100px;
			font-weight: normal;
		}

	
	.moduleSummary .summaryCaptureContainer,
	.moduleSummary .summaryUploadContainer {
		display: inline-block;
		position: relative;
	}

		.moduleSummary .summaryCaptureContainer .buttonsContainer,
		.moduleSummary .summaryUploadContainer .buttonsContainer {
			position: absolute;
			right: 2px;
			bottom: 2px;
			background: white;
			border-radius: 4px;
		}

			.moduleSummary .summaryCaptureContainer .buttonsContainer > a,
			.moduleSummary .summaryUploadContainer .buttonsContainer > a {
				margin: 2px;
			}

		.moduleSummary .summaryCaptureContainer img.capture,
		.moduleSummary .summaryUploadContainer img.preview {
			max-width: 160px;
		}

		.moduleSummary .summaryCaptureContainer.fullSize img.capture,
		.moduleSummary .summaryUploadContainer.fullSize img.preview {
			width: auto;
			max-width: 98%;
		}

		.moduleSummary .summaryUploadContainer .previewButton {
			position: absolute;
			left: 2px;
			bottom: 2px;
			width: 24px;
			height: 24px;
			background-image: url(/images/Bracken3/ActionMediaVideo_Preview.png);
		}

		.moduleSummary .summaryCaptureContainer .summaryCaptureVideo {
			display: inline-block;
		}

	.moduleSummary .resultCommentContainer .comment[contenteditable] {
		min-height: 3em;
		background: #fff;
		border: 1px solid #666;
		margin: -1px;
		box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
	}

	.moduleSummary .resultCommentContainer .editLink {
		vertical-align: middle;
		margin-left: 20px;
	}

	.moduleSummary .resultCommentContainer .endEditLink,
	.moduleSummary .resultCommentContainer [data-is-editing="true"] .createLink,
	.moduleSummary .resultCommentContainer [data-is-editing="true"] .editLink {
		display: none;
	}

	.moduleSummary .resultCommentContainer [data-is-editing="true"] .endEditLink {
		display: inline-block;
	}


	.moduleSummary .resultCommentContainer [data-save-error="true"] .saveProgress .pathwayIcon {
		display: inline-block;
		vertical-align: middle;
	}

	.moduleSummary .resultCommentContainer .saveProgress .pathwayIcon {
		display: none;
	}

	.moduleSummary .resultCommentContainer[data-comment-count] .createLink {
		display: none;
	}

	.moduleSummary .resultCommentContainer textarea.comment {
		height: 4em;
		width: 98%;
		font-family: inherit;
		font-size: inherit;
	}

	.moduleSummary .resultCommentContainer .commentHdr {
		font-size: 11px;
		margin-bottom: 10px;
	}

	.moduleSummary .resultCommentContainer .comment {
		font-size: 14px;
		margin-left: 18px;
	}

	.moduleSummary .summaryQuestionAnswer[interaction-class="Highlight"] .questionFeedback {
		display: none;
	}

	.moduleSummary .moduleSummaryUserSelectContainer {
		position: absolute;
		display: none; 
		right: 0;
		top: 66px;
		
		border: 1px solid #333;
		background-color: white;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}

		.moduleSummary .moduleSummaryUserSelectContainer #usersSelector {
			position: relative;
			width: 530px;
		}

	.moduleSummary .userSelectorColumnWidth {
		width: 250px;
	}

		.moduleSummary .userSelectorColumnWidth .list_autoscroll {
			
			height: 272px;
		}

	.moduleSummary .userSelectorColumn1 {
		
	}

		.moduleSummary .userSelectorColumn1 .list_autoscroll {
			height: 60px;
		}

		.moduleSummary .userSelectorColumn1 .userSelectorSearchContainer {
			display: none;
		}

	.moduleSummary .userSelectorColumn1,
	.moduleSummary .userSelectorColumn2 {
		display: none;
	}

	.moduleSummary[data-share-columns="both"] .userSelectorColumn2 .list_autoscroll {
		max-height: 180px;
	}

	.moduleSummary[data-share-columns="comment"] .userSelectorColumn1,
	.moduleSummary[data-share-columns="view"] .userSelectorColumn2,
	.moduleSummary[data-share-columns="both"] .userSelectorColumn1,
	.moduleSummary[data-share-columns="both"] .userSelectorColumn2 {
		display: block;
	}

	.moduleSummary .moduleSummaryBlock {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background-image: url(/images/bg00000035.png);
	}

		.moduleSummary .moduleSummaryBlock img.loadingSprite {
			position: relative;
			top: 40%;
		}

	.moduleSummary .analysisToolAnchor {
	}

		.moduleSummary .analysisToolAnchor .previewLink img {
			vertical-align: middle;
		}

		.moduleSummary .analysisToolAnchor .previewLinkIcon {
			display: inline-block;
			width: 24px;
			height: 24px;
			vertical-align: middle;
			background-image: url(/images/Bracken3/ActionMediaVideo_Preview.png);
		}

		.moduleSummary .analysisToolAnchor[data-analysis-preview="true"] .previewLinkIcon {
			background-position: 0 -100%;
		}

	@media print {
		.moduleSummary .analysisToolAnchor {
			display: none;
		}
	}

	.moduleSummary .analysisToolHidden {
		width: 1px;
		height: 1px;
		overflow: hidden;
	}

	.moduleSummary #silverlightAnalyseContainer .analysisControl,
	.moduleSummary #silverlightDualAnalyseContainer .analysisControl {
		width: 600px;
		z-index: 1000; 
	}

	#lessonSummaryButtonCancel {
		margin-left: 167px;
		display: inline-block;
	}
	
	@media print {
		html {
			height: auto;
		}
		
		body,
		.generalPageBacking,
		.generalPageBacking.livePage .generalPage,
		.liveContent,
		.liveNavContent,
		.moduleSummary,
		.moduleSummaryReportSection,
		.moduleSummary .moduleSummaryContainer,
		.moduleSummary .moduleSummaryContainer .summary,
		.moduleSummary .reportSummary.list_autoscroll {
			display: block;
		}

		.liveNavContent {
			background-image: none;
		}

		.livePage.livelessonsummary .liveNavboxFrame,
		.livePage.liveprogress .liveNavboxFrame {
			display: none;
		}

		.livePage.livelessonsummary .liveNavContent,
		.livePage.liveprogress .liveNavContent {
			float: none;
			width: 90%;
		}

		.livePage .printHide {
			display: none;
		}

		.moduleSummary .moduleSummaryContainer .summary {
			height: auto;
		}

		.moduleSummary .moduleSummaryContainer .footer {
			display: none;
		}

		.moduleSummary .summaryQuestion {
			page-break-inside: avoid;
		}

		.moduleSummary .summaryCaptureContainer .zoomedImage {
			display: none;
		}

		.moduleSummary .returnToQuestion {
			display: none;
		}
	}
	
	.summaryUsername {
		font-weight: bold;
		font-size: 120%;
	}



	

	#alertsListContainer,
	#discussionsListContainer {
		width: 801px;
		height: auto;
		
		margin-right: 0;
	}

	#discussionsListContainer {
		float: none;
	}


	#alertsListContainer #alertsListHeadings {
		list-style-type: none;
		line-height: 100%;
		padding: 0px;
		margin: 0px;
		-webkit-padding-start: 0px;
		height: 20px;
	}

	#alertsListContainer .alertsListEntry {
		padding: 4px;
	}

		#alertsListContainer .alertsListEntry ul {
			list-style-type: none;
			line-height: 100%;
			padding: 0px;
			margin: 0px;
		}

	#alertsListContainer a:hover {
		text-decoration: none;
	}

	#alertsListContainer li {
		line-height: 1.3em;
	}

	#alertsListContainer .unread {
		font-weight: bold;
	}

	#alertsListContainer ul.alert {
		display: table-row;
	}

	#alertsListContainer li.thumb,
	#alertsListContainer li.subject,
	#alertsListContainer li.icon,
	#alertsListContainer li.zone,
	#alertsListContainer li.author,
	#alertsListContainer li.edit,
	#alertsListContainer li.latest {
		
		float: left;
		padding-right: 4px;
	}

	#alertsListContainer .latest {
		width: 76px;
	}

	#alertsListContainer .icon {
		width: 20px;
		text-align: right;
	}

	#alertsListContainer .subject {
		width: 230px;
	}

	#alertsListContainer .zone {
		width: 130px;
	}

	#alertsListContainer .author {
		width: 130px;
	}

	#alertsListContainer .edit .vanillaButton {
		margin: 0 -7px 0 -2px;
	}

	#alertsListContainer .alert .author,
	#alertsListContainer .alert .latest {
		padding-top: 0.3em;
		font-size: 0.8em;
		font-style: italic;
	}


	#alertsListContainer .subject .subjectBody {
		margin: 0.3em 0;
		font-size: 0.8em;
	}

	.alertsFilterEntry {
		margin-left: -8px;
		padding-left: 8px;
	}


	
	.pathwayInfoContainer {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		width: 97.5%;
		height: auto;
		margin-bottom: 8px;
		min-height: 0;
	}

	.pathwayInfo {
		
		flex: 1 1 300px;
		padding: 0 10px;
		overflow: scroll;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.pathwayInfoContainer .head {
		position: relative;
	}

	.pathwayInfoContainer .pathwayTypeSelection {
		display: inline-block;
	}
		.pathwayInfoContainer .pathwayTypeSelection.hidden {
			display: none;
		}

	.pathwayInfoHead {
		font-weight: bold;
		margin: 16px 0px 2px 0px;
	}

	.pathwayInfoContainer #pathwayInfoTitle {
		width: 400px;
	}

	.pathwayInfo #pathwayInfoDescription {
		width: 400px;
		resize: none;
	}

	.pathwayInfoPanel.left,
	.pathwayInfoPanel.right {
		width: 48%;
		vertical-align: top;
	}

	.pathwayInfoPanel.left {
		float: left;
	}

	.pathwayInfoPanel.right {
		float: right;
	}

	.pathwayInfo .pathwayOptions {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.pathwayListContainer {
		display: flex;
	}

	.pathwayLessonListContainer {
		display: flex;
		flex-direction: column;
		flex: 1 1 50%;
		overflow-y: auto;
	}

	.pathwayLessonList {
		overflow: auto;
		overflow-y: scroll;
		overflow-x: hidden;
		flex: 1 1 auto;
	}

		.pathwayLessonList .pathwayListItem {
			border: 1px solid #777;
			margin: 2px;
			padding: 2px;
			line-height: 130%;
		}

			.pathwayLessonList .pathwayListItem.groupWithPrevious {
				margin-left: 12px;
			}

			.pathwayLessonList .pathwayListItem .editLesson {
				float: right;
			}

		.pathwayLessonList .extraMenuLink {
			padding: 1px 2px;
			margin: 0px;
			border: 1px solid #ccc;
			background-color: transparent;
		}

			.pathwayLessonList .extraMenuLink.active,
			.pathwayLessonList .pathwayListItem.catalogInfo [data-action="catalog-item"] {
				border: 1px solid black;
				background: #eeeeaa;
				color: #555;
			}

		.pathwayLessonList .pathwayListItem .catalogInfo {
			display: none;
		}

			.pathwayLessonList .pathwayListItem.catalogInfo .catalogInfo {
				display: block;
			}

			.pathwayLessonList .pathwayListItem .catalogInfo input {
				width: 5em;
				text-align: right;
			}

		.pathwayLessonList .pathwayListPlaceholder {
			border: 1px solid #CCCC66;
			background-color: #FFFFCC;
		}

	#pathwayInfoSave {
		position: absolute;
		top: -3px;
		right: 0;
	}

	.lessonListItem[data-lesson-type="quiz"] .lessonTypeIcon,
	.pathwayLessonList .lessonMode {
		border: 1px solid #333;
		border-radius: 6px;
		text-align: center;
		background: #B4FF2F;
	}

	.pathwayLessonList .lessonMode {
		display: none;
		width: 18px;
		margin-right: 0.5em;
	}

		.pathwayLessonList .lessonMode[lesson-mode=Q] {
			display: inline-block;
		}

	.pathwayLessonList .pathwayListItem .extraInfo img {
		max-width: 100%;
		max-height: 50px;
	}

	.pathwayLessonList.hideExtraInfo .extraInfo {
		display: none;
	}

	.pathwayLessonList .pathwayListItem .scoreInfo .loadingIcon {
		height: 1em;
	}

	#pathwayCertificateListContainer {
		border: 1px solid #777;
		max-height: 200px;
		width: 100%;
		list-style: none;
		margin: 0px;
		padding: 0px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#pathwayCertificateList {
		width: 100%;
		border-collapse: collapse;
		font-size: 10px;
	}

		#pathwayCertificateList th,
		#pathwayCertificateList td {
			text-align: left;
			border-bottom: 1px solid #999;
		}

			#pathwayCertificateList td.points {
				width: 50px;
			}

				#pathwayCertificateList td.points input[type=text],
				#pathwayCertificateList td.layoutID input[type=text] {
					width: 40px;
					border: none;
					padding: 0 2px;
					line-height: 100%;
					text-align: right;
				}

			#pathwayCertificateList td .thumbnail {
				display: inline-block;
				width: 40px;
				height: 30px;
				line-height: 30px;
				margin-right: 5px;
				vertical-align: middle;
				overflow: hidden;
				text-align: center;
			}

				#pathwayCertificateList td .thumbnail img {
					max-width: 100%;
					max-height: 100%;
					vertical-align: middle;
				}

			#pathwayCertificateList td.settings {
				width: 210px;
				max-width: 210px;
				white-space: nowrap;
				overflow: hidden;
			}

			#pathwayCertificateList td.delete {
				width: 20px;
			}

	.pathwayEditMapPreviewContainer {
		display: inline-block;
		position: relative;
		margin: 0 auto;
	}

	.pathwayEditResources {
		
	}

	.pathwayEditResourcesFrame {
		border: 1px solid #777;
	}

		.pathwayEditResourcesFrame .pathwayEditResourceItem {
			border: 1px solid #ccc;
			margin: 2px;
			padding: 2px;
		}

			.pathwayEditResourcesFrame .pathwayEditResourceItem .thumb {
				float: left;
				width: 24px;
				height: 24px;
				margin-right: 4px;
			}

				.pathwayEditResourcesFrame .pathwayEditResourceItem .thumb img {
					max-width: 100%;
					max-height: 100%;
				}

			.pathwayEditResourcesFrame .pathwayEditResourceItem .remove {
				float: right;
			}

			.pathwayEditResourcesFrame .pathwayEditResourceItem.placeholder {
				border: 1px solid #CCCC66;
				background-color: #FFFFCC;
			}

	.pathwayEditResourcesAdd {
		padding: 2px 4px;
	}

	
	.usersSelector .list.targetColumn {
		border-color: #000000;
		background-color: #12204e;
	}

	.usersSelector .list.grayedColumn,
	.usersSelector .list.grayedColumn.targetColumn {
		background-color: #ddd;
	}

	.usersSelector .usersListEntry {
		cursor: pointer;
	}

		.usersSelector .usersListEntry.selected {
			background-color: #ffeecc;
		}

	#manageUsersMemberships {
		margin-left: 10px;
	}

	.manageUsersSelector {
		padding-top: 20px;
	}

	.manageUsersColumnWidth {
		width: 255px;
		flex: 0 0 auto;
	}

	.list.list_grey {
		background-color: #e7e7e7;
	}

	#manageUsersZoneOwner {
		height: 40px;
		padding: 6px;
	}

	.manageUsersSaveBar .buttonSave {
		float: right;
	}

	#manageUsersJoinCode .joinCode {
		padding: 0.2em 0.5em;
		border: 1px solid #666;
	}

	.joinCodePopup {
		position: absolute;
		border: 2px solid #333;
		padding: .1em 0.5em;
		border-radius: 8px;
		background-image: url(/images/bgFFFFFF75.png);
		display: none;
	}

	.livePage.livemanageusers .userProfileFilter {
		margin-top: 10px;
		align-self: flex-start;
	}

	.livepathwayprogress .userProfileFilter {
		margin: 0.5em;
	}

	.userProfileFilter {
		display: none;
		
	}

		.userProfileFilter.visible {
			display: block;
		}

			.userProfileFilter.visible[data-filterable="false"] {
				display: none;
			}

		.userProfileFilter ul.filters {
			margin: 0;
			padding: 0;
		}

			.userProfileFilter ul.filters > li {
				list-style-type: none;
			}

		.userProfileFilter a.appendFilter {
			font-weight: normal;
		}

		.userProfileFilter input.filterListText {
			width: 150px;
		}

		.userProfileFilter input.filterListLower,
		.userProfileFilter input.filterListUpper,
		.userProfileFilter input.filterDateLower,
		.userProfileFilter input.filterDateUpper {
			width: 75px;
			margin: 0 0.2em;
		}

	.profileItem input[placeholder="yyyy-mm-dd"] {
		width: 75px;
		font-style: italic;
	}


	.userProfileFilter select.filterListDD {
		min-width: 150px;
	}

	.userProfileFilter [displaymode] input.filterListText,
	.userProfileFilter [displaymode] input.filterListLower,
	.userProfileFilter [displaymode] input.filterListUpper,
	.userProfileFilter [displaymode] input.filterDateLower,
	.userProfileFilter [displaymode] input.filterDateUpper,
	.userProfileFilter [displaymode] .liveDatePicker,
	.userProfileFilter [displaymode] select.filterListDD,
	.userProfileFilter [displaymode] .comboBoxWrapper {
		display: none;
	}

	.userProfileFilter [displaymode="single"] input.filterListText,
	.userProfileFilter [displaymode="double"] input.filterListLower,
	.userProfileFilter [displaymode="double"] input.filterListUpper,
	.userProfileFilter [displaymode="date"] input.filterDateLower,
	.userProfileFilter [displaymode="date"] input.filterDateUpper,
	.userProfileFilter [displaymode="date"] .liveDatePicker,
	.userProfileFilter [displaymode="lookup"] select.filterListDD,
	.userProfileFilter [displaymode="comboBox"] .comboBoxWrapper {
		display: inline-block;
	}

	

	.userProfileFilter [errormode="single"] input.filterListText,
	.userProfileFilter [errormode="lower" ] input.filterListLower,
	.userProfileFilter [errormode="double"] input.filterListLower,
	.userProfileFilter [errormode="upper" ] input.filterListUpper,
	.userProfileFilter [errormode="double"] input.filterListUpper {
		border: 2px solid #A80404;
		background-color: #FFCDBA;
	}

	.userProfileFilter .filterListError {
		color: #900;
		font-weight: bold;
		margin-right: 1em;
	}

	.userProfileFilter[errormode="none"] .filterListError {
		display: none;
	}

	.profileItem input[data-error=true],
	.profileItem select[data-error=true] {
		border: 2px solid #A80404;
		background-color: #FFCDBA;
	}

	
	

	

	#discussionsListContainer #discussionsHeadings {
		line-height: 100%;
		padding: 0px;
		margin: 0px;
		-webkit-padding-start: 0px;
		height: 20px;
	}

	#discussionsListContainer .discussionsListEntry {
		padding: 4px;
		padding-left: 8px;
	}


	#discussionsListContainer a:hover {
		text-decoration: none;
	}

	#discussionsListContainer .thumb {
		float: left;
		display: inline-block;
		width: 140px;
	}

	#discussionsListContainer .subject {
		float: left;
		display: inline-block;
		width: 250px;
	}

	#discussionsListContainer .members {
		float: left;
		display: inline-block;
		width: 140px;
	}

	#discussionsListContainer .lastest {
		float: left;
		display: inline-block;
		width: 150px;
	}

	#discussionsListContainer .thumb .thumbHalf {
		display: inline-block;
		width: 60px;
		margin: 8px 1px;
	}

	#discussionsListContainer .thumb .searchAnchor {
		position: relative;
		top: -2px;
	}

		#discussionsListContainer .thumb .searchAnchor input {
			position: absolute;
			width: 120px;
		}

	#discussionsListContainer .subject .subjectMessageCount {
		font-weight: bold;
	}

	#discussionsListContainer .subject .subjectCreatorName {
		display: block;
		font-style: italic;
	}

	#discussionsListContainer #discussionsListNoDiscussions {
		text-align: center;
		border: 1px solid #999;
		padding: 1em;
		margin: 1em;
		display: none;
	}

	#discussionsListOuter .discussionsListButtons,
	#discussionsListOuter #discussionButtonCreateTextOnly,
	#discussionsListOuter #discussionButtonCreateSingleVideo,
	#discussionsListOuter #discussionButtonCreateDualVideo,
	#discussionsListOuter #discussionButtonCreateDigitiser {
		display: none;
	}

	#discussionsListOuter[can-create-analyses=false] #discussionsList {
		height: 520px;
	}

	#discussionsListOuter[can-create-analyses=true] .discussionsListButtons {
		display: block;
	}

	#discussionsListOuter[can-create-text-only=true] .discussionsListButtons #discussionButtonCreateTextOnly,
	#discussionsListOuter[can-create-single-video=true] .discussionsListButtons #discussionButtonCreateSingleVideo,
	#discussionsListOuter[can-create-dual-video=true] .discussionsListButtons #discussionButtonCreateDualVideo,
	#discussionsListOuter[can-create-digitiser=true] .discussionsListButtons #discussionButtonCreateDigitiser {
		display: inline-block;
	}

	#discussionsListOuter .discussionsListButtons > .buttons {
		float: right;
		padding-right: 3px;
		
		position: relative;
		left: 5px;
	}

		#discussionsListOuter .discussionsListButtons > .buttons > label {
			float: left;
			padding: 8px 4px 0 0;
			padding-top: 9px;
			font-weight: bold;
		}

	#discussionsListNewDiscussion {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		background: white;
	}


		#discussionsListNewDiscussion .instructions {
			height: 24px;
			padding-top: 4px;
			text-align: center;
			font-weight: bold;
		}

	#discussionsListMediaContainer .mmContainer {
		width: 100%;
		border: none;
	}

		#discussionsListMediaContainer .mmContainer .mmMainHeight {
			height: 492px;
		}


	
	.generalPage[browser-type="iphone"] .quickEditorFrame,
	.generalPage[browser-type="iphone"] .quickEditorFrame > iframe,
	.generalPage[browser-type="ipad"] .quickEditorFrame,
	.generalPage[browser-type="ipad"] .quickEditorFrame > iframe {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background: #fff;
	}

	
	.livePage.livediscussion .liveFullContent {
		padding-top: 0;
		width: 100%;
	}

	.livePage.livediscussion #userSelectorButtons {
		
		position: relative;
		left: 5px;
		top: 14px;
	}

	#discussContainer {
		display: flex;
		width: 100%;
	}

	#discussCommentsContainer {
		
		width: 400px;
		background-color: #f1f1f1;
		margin-bottom: auto;
	}

		#discussCommentsContainer #mediaControllerTitle {
			display: inline-block;
			max-width: 240px;
			overflow: hidden;
		}

			#discussCommentsContainer #mediaControllerTitle.hidden {
				display: none;
			}

	#discussCommentsList {
		position: relative;
		margin-bottom: 10px;
		width: 100%;
		height: auto;
	}

		#discussCommentsList #commentlist {
			height: 401px;
		}

			#discussCommentsList #commentlist.fullHeight {
				height: 521px;
			}

		#discussCommentsList #commentlistscroll {
			max-height: 100%;
		}

			#discussCommentsList #commentlistscroll .nocomments {
				padding: 0.4em;
				text-align: center;
			}

		#discussCommentsList #commentlist.standardPageHeight {
			position: relative;
			height: 571px;
		}

	#discussCommentsNewComment {
		clear: both;
	}

	#discussCommentsContainer .commenttextboxcontainer {
		margin-right: 114px;
	}

	#discussCommentsContainer[discussion-type="text-only"] .commenttextboxcontainer {
		margin-right: 6px;
	}

	#discussCommentsContainer #commenttextbox {
		width: 100%;
		height: 67px;
		color: inherit;
		font-family: inherit;
		font-size: inherit;
		resize: none;
	}

		#discussCommentsContainer #commenttextbox.hinted {
			font-style: italic;
		}

	#discussCommentsContainer #commenttextboxeditorcontainer {
		float: left;
		width: 330px;
	}

	.generalPage[browser-type=iphone] #discussCommentsContainer #discussCaptureImageDiv,
	.generalPage[browser-type=ipad] #discussCommentsContainer[discussion-type=dual-video] #discussCaptureImageDiv {
		visibility: hidden;
	}

	#discussCommentsContainer #discussCaptureImageDiv {
		position: absolute;
		right: 0;
		width: 106px;
		text-align: center;
	}

	#discussMediaControllerContainer {
		margin-left: auto;
		margin-right: 0;
		width: 680px;
		height: 600px;
		overflow: hidden;
	}
		
		#discussMediaControllerContainer.hidePlayer {
			width: 0px;
			height: 8px;
			border-color: #FFF;
			display: none;
		}

	#discussMediaController #analysisTarget {
		width: 680px;
		height: 571px;
		text-align: center;
	}

	#discussMediaControllerContainer #discussViewMemberLink,
	#discussCommentsContainer .vanillaLink {
		position: relative;
		top: -8px;
	}

	#discussCommentsContainer .discussBackLink {
		float: left;
		margin-right: 14px;
	}

	.liveContentDiscussion .list .head {
		white-space: nowrap;
	}

	.discussUsersSelectorContainer {
		position: relative;
		display: none;
		margin-left: auto;
		margin-bottom: auto;
		padding-bottom: 14px;
	}

		.discussUsersSelectorContainer .moreButtons {
			position: absolute;
			bottom: 0;
		}

	.discussUsersSelector {
	}

		.discussUsersSelector #usrSel_0_Container {
			display: none;
		}

		.discussUsersSelector .userSelectorColumnWidth {
			width: 334px;
		}

			.discussUsersSelector .userSelectorColumnWidth .list_autoscroll {
				height: 490px;
			}

		.discussUsersSelector #usrSel_1_Container {
			margin-right: 0;
		}

		.discussUsersSelector .buttonCancel {
			float: right;
		}

		.discussUsersSelector .buttonSave {
			float: right;
		}

	#usersSelectorFloat {
		position: absolute;
		display: none;
		border: 1px solid black;
		background-color: #FFF;
		padding: 2px;
	}

	.discussCommentEntry .commentText ul {
		margin-left: 0;
		list-style-type: disc;
		line-height: 100%;
	}

	.discussCommentHolder {
		margin-left: 20px;
	}

		.discussCommentHolder[comment-indent="0"] {
			margin-left: 1px;
		}

	.discussCommentEntry {
		position: relative;
		padding: 6px;
		margin-left: 6px;
		border-left: 1px solid;
	}

	.discussCommentHolder.highlight > .discussCommentEntry {
		border-left: 6px solid;
		margin-left: 1px;
	}

	.discussCommentHolder.highlight[comment-indent="0"] > .discussCommentEntry {
		margin-left: 1px;
	}

	.discussCommentEntry .commentFrame {
		margin-right: 8px;
	}

	.discussCommentEntry .capturedimage {
		float: left;
		max-width: 60px;
		max-height: 60px;
		min-width: 4px;
		min-height: 4px;
	}

	.discussCommentEntry .commentDelete {
		float: right;
	}

	.discussCommentEntry .commentText {
		margin-bottom: 4px;
	}

	.discussCommentEntry.hasImage .commentText,
	.discussCommentEntry.hasImage .commentActions {
		padding-left: 70px;
	}

	.discussCommentEntry .commentActions {
		font-size: 0.85em;
		font-style: italic;
	}

		.discussCommentEntry .commentActions .commentReplyLink a,
		.discussCommentEntry .commentActions .showInPlayer {
			font-weight: bold;
			text-decoration: underline;
		}

		.discussCommentEntry .commentActions .commentAuthor {
		}

	.discussCommentHolder .commentAdd {
		display: none;
		padding: 4px 0;
		margin-left: 24px;
		font-size: 0.85em;
	}

	.discussCommentEntry.replyTo {
		background-color: #ffC;
		border-color: #800;
	}

	#discussTitleBar #discussTitleEditLink {
		display: inline;
	}
		#discussTitleBar #discussTitleEditLink.hidden {
			display: none;
		}


	#discussTitleBarEdit {
		display: none;
	}

		#discussTitleBarEdit #discussTitleEdit {
			width: 345px;
			margin-top: 0;
		}

	#commentlistReplyEdit {
		display: none;
		margin: 2px;
		margin-left: 20px;
		padding: 4px;
	}

	.replyEditHolder[comment-id="0"] #commentlistReplyEdit {
		margin-left: 2px;
	}

	#commentlistReplyEdit .commentlistReplyStyles {
		height: 30px;
	}

	#commentlistReplyEdit .commentlistReplyMain {
		position: relative;
		height: 73px;
	}

	#commentlistReplyEdit .commentlistReplyButtons {
		margin-top: 4px;
		text-align: right;
	}


	
	.bookmarkNewPanel {
		position: absolute;
		width: 450px;
		overflow: auto;
		border: 2px solid #666;
		border-radius: 8px;
		box-shadow: 2px 2px 4px #666;
		background: #fff;
	}

		.bookmarkNewPanel .bookmarkNewPanelHeader {
			padding: 4px;
			color: #fff;
			font-weight: bold;
			background: #555;
		}

		.bookmarkNewPanel select.bookmarkNewTags {
			width: 135px;
		}

		.bookmarkNewPanel .bookmarkNewPanelHeader .buttonClose,
		.bookmarkListContainer .bookmarkList .bookmarkListItem .buttonClose {
			float: right;
			margin: 0.2em;
			cursor: pointer;
		}

		.bookmarkNewPanel .bookmarkNewPanelBody {
			padding: 8px;
		}

			.bookmarkNewPanel .bookmarkNewPanelBody .bookmarkNewImage {
				float: left;
				width: 80px;
				height: 80px;
			}

		.bookmarkNewPanel .bodyInfo {
			margin-left: 100px;
		}

		.bookmarkNewPanel input.bookmarkNewTitle {
			width: 180px;
		}

		.bookmarkNewPanel textarea.bookmarkNewDescription {
			width: 320px;
			height: 50px;
			resize: none;
		}

		.bookmarkNewPanel textarea {
			color: inherit;
			font-size: inherit;
			font-style: inherit;
			font-family: inherit;
		}

		.bookmarkNewPanel .bookmarkDataInput.hinted {
			color: #999;
			font-style: italic;
		}

		.bookmarkNewPanel .bookmarkNewButtons {
			height: 38px;
		}

	
	.bookmarkListContainer .bookmarkListHeader select.bookmarkFilterTags {
		float: right;
		min-width: 100px;
		max-width: 250px;
		
		position: relative;
		left: -8px;
		top: -3px;
	}

	.bookmarkListContainer .bookmarkList .bookmarkListItem {
		padding: 4px;
	}

		.bookmarkListContainer .bookmarkList .bookmarkListItem .bookmarkImage {
			display: inline-block;
			vertical-align: middle;
			margin-right: 8px;
			width: 40px;
			height: 40px;
		}

		.bookmarkListContainer .bookmarkList .bookmarkListItem .bookmarkTitle {
			font-weight: bold;
		}

		.bookmarkListContainer .bookmarkList .bookmarkListItem a.bookmarkInfoToggle {
			float: right;
			margin: 0.2em;
			cursor: pointer;
		}

		.bookmarkListContainer .bookmarkList .bookmarkListItem .bookmarkInfo {
			margin-left: 54px;
		}

		.bookmarkListContainer .bookmarkList .bookmarkListItem .bookmarkDescription {
		}

		.bookmarkListContainer .bookmarkList .bookmarkListItem .bookmarkTags {
			font-style: italic;
		}



	
	

	

	.list.zoneDetails {
		display: none;
		float: none;
		width: 743px;
		height: auto;
		margin-bottom: 6px;
	}

	.list .head.head_tabs {
		padding: 0 4px;
		height: 30px;
	}

	.list .head_tabs .list_tab {
		float: left;
		height: 24px;
		margin: 2px 1px 0 1px;
		padding: 2px 4px;
		border: 1px solid #999;
		border-bottom: none;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	.list .list_tabBody {
		clear: both;
	}


	.list.zoneDetails .list_autoscroll {
		height: 453px;
		overflow-y: auto;
	}

	.list.zoneDetails .list_scrollcontent {
		padding: 10px 20px;
	}

	.zoneDetails .graphicsContent .subhead {
		font-weight: bold;
		margin: 16px 0 4px 0;
		border-bottom: 1px solid #999;
	}

	.zoneDetails input.uploadControl,
	.zoneDetails input.uploadMediaID {
		display: none;
	}

	.zoneDetails .graphicsContent .graphic {
		text-align: center;
	}

	.zoneDetails .graphicsContent.graphicIcon .zoneIconGraphicContainer {
		margin: 10px auto;
	}

	.zoneDetails .graphicsContent.graphicImage {
		display: none; 
	}

	.zoneDetails #infoTextBoxContainer > textarea,
	.zoneDetails #joinTextBoxContainer > textarea {
		width: 100%;
		height: 340px;
		margin-top: 30px;
	}

	.zoneDetails #infoTextEditorContainer,
	.zoneDetails #joinTextEditorContainer {
		height: 370px;
	}

		.zoneDetails #infoTextEditorContainer .quickEditorFrame,
		.zoneDetails #joinTextEditorContainer .quickEditorFrame {
			background-color: #fff;
		}

	.saveZoneChangesContainer .buttonSave {
		float: right;
	}

	

	#zoneDetails[view-tab=info] .list_tab.tabInfo,
	#zoneDetails[view-tab=join] .list_tab.tabJoin,
	#zoneDetails[view-tab=graphics] .list_tab.tabGraphics {
		background-color: #fff;
		border: 1px solid black;
		border-bottom: none;
	}

	#zoneDetails .list_tabBody.tabInfo,
	#zoneDetails .list_tabBody.tabJoin,
	#zoneDetails .list_tabBody.tabGraphics {
		display: none;
	}

	#zoneDetails[view-tab=info] .list_tabBody.tabInfo,
	#zoneDetails[view-tab=join] .list_tabBody.tabJoin,
	#zoneDetails[view-tab=graphics] .list_tabBody.tabGraphics {
		display: block;
	}

	
	.livePage.livezonedetails #mediaManagerContainer {
		position: absolute;
		left: 33px;
		top: 31px;
		background-color: white;
		width: 746px;
	}

	

	
	.pinboardZoneHeading {
		display: none;
	}

	

	.manageSite .zoneListContainer,
	.manageSite .zonePropertiesContainer {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		float: left;
		width: 397px;
		height: auto;
		margin: 0;
	}

	.manageSite .zonePropertiesContainer {
		margin-left: 4px;
	}

	.manageSite .zoneListContainer .zoneList {
		width: 100%;
		
		height:auto;
		max-height:98%;
	}


	
	.manageSite .zoneFlagsTableLegend {
		display: none;
		text-align: right;
	}

		.manageSite .zoneFlagsTableLegend .legendContainer {
			position: relative;
			float: right;
			width: 278px;
			height: 100px;
			overflow: hidden;
		}

			.manageSite .zoneFlagsTableLegend .legendContainer > img {
				position: absolute;
				top: -100px;
				left: 0px;
				clip: rect(100px, 278px, 200px, 0px);
			}

	.manageSite[pro=true] .zoneFlagsTableLegend .legendContainer {
		width: 456px;
	}

		.manageSite[pro=true] .zoneFlagsTableLegend .legendContainer > img {
			top: 0;
			clip: rect(0px, 456px, 100px, 0px);
		}

	.manageSite .zoneHierarchyZone .zoneFlagsTable {
		display: none;
		float: right;
	}

		.manageSite .zoneHierarchyZone .zoneFlagsTable .zoneFlagTableFlag {
			display: inline-block;
			text-align: center;
			background-color: #fff;
		}

			.manageSite .zoneHierarchyZone .zoneFlagsTable .zoneFlagTableFlag[even-odd=odd] {
				background-color: #e7e7e7;
			}

	.manageSite[zone-flags-table=true] .zoneListContainer {
		width: 772px;
	}

	.manageSite[zone-flags-table=true] .zonePropertiesContainer {
		display: none;
	}

	.manageSite[zone-flags-table=true] .zoneListContainer .zoneList {
		height: 410px;
	}


	.manageSite[zone-flags-table=true] .zoneFlagsTableLegend {
		display: block;
		height: 100px;
		overflow: hidden;
		overflow-y: scroll;
	}

	.manageSite[zone-flags-table=true] .zoneHierarchyZone .zoneFlagsTable {
		display: block;
	}

	.manageSite .zoneListContainer input#zhm_zone_search {
		margin: 0;
		padding: 0;
		width: 140px;
	}

	

	.manageSite .zoneListContainer .head .headoptions {
		float: right;
		margin-right: 0.5em;
		font-weight: normal;
	}

	.manageSite .manageSiteParentZone {
		display: none;
		margin: 0 0.2em 0 -0.5em;
		padding: 0 0.2em;
		border: 1px solid #ccc;
	}

	.manageSite[expand-tree=false] .manageSiteParentZone {
		display: initial;
	}

	
	.manageSite[expand-tree=false] .zoneHierarchyZone .zoneHierarchyZone > .childZones {
		display: none;
	}

	.manageSite .manageSiteZoneCreator {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.3);
	}

	.manageSite .zoneCreatorPanel {
		position: relative;
		width: 80%;
		margin: 2em 8%;
		padding: 2em 2%;
		background-color: #fff;
	}

		.manageSite .zoneCreatorPanel .main {
			max-height: 27em;
			padding: 1em 0;
			border-top: 1px solid #aeaeae;
			border-bottom: 1px solid #aeaeae;
			overflow: hidden;
			overflow-y: auto;
		}

		.manageSite .zoneCreatorPanel .zoneTypes {
			text-align: center;
		}

			.manageSite .zoneCreatorPanel .zoneTypes .tile {
				display: inline-block;
				width: 14em;
				margin: 0.3em;
				border-radius: 4px;
				border: 1px solid #aeaeae;
				background-image: linear-gradient(to top, #a7a7a8 0%, #e8e8e9 100%);
				vertical-align: bottom;
				text-align: center;
			}

			.manageSite .zoneCreatorPanel .zoneTypes .tileTemplate {
				display: none;
			}

			.manageSite .zoneCreatorPanel .zoneTypes .tile.selected {
				background-color: #9AE7A7;
				background-image: linear-gradient(to top, #A3CA6B 0%, #e8e8e9 100%);
			}

			.manageSite .zoneCreatorPanel .zoneTypes .tile .zoneChoiceInfo {
				height: 8em;
				padding: 1em;
				overflow: hidden;
				overflow-y: auto;
			}

			.manageSite .zoneCreatorPanel .zoneTypes .tile .zoneChoiceTitle {
				font-size: 1.2em;
				font-weight: bolder;
				margin-bottom: 1em;
			}

			.manageSite .zoneCreatorPanel .zoneTypes .tile .zoneChoicePathways,
			.manageSite .zoneCreatorPanel .zoneTypes .tile .zoneChoiceReports,
			.manageSite .zoneCreatorPanel .zoneTypes .tile .zoneChoicePinboardItems {
				display: none;
				text-align: left;
				margin-top: 0.7em;
			}

				.manageSite .zoneCreatorPanel .zoneTypes .tile .zoneChoicePathways .heading,
				.manageSite .zoneCreatorPanel .zoneTypes .tile .zoneChoiceReports .heading,
				.manageSite .zoneCreatorPanel .zoneTypes .tile .zoneChoicePinboardItems .heading {
					font-weight: bold;
				}

		.manageSite .zoneCreatorPanel .header {
			margin-bottom: 0.5em;
		}

			.manageSite .zoneCreatorPanel .header ul {
				margin: 0;
				padding: 0;
				line-height: 2em;
				list-style-type: none;
			}

		.manageSite .zoneCreatorPanel .footer {
			margin-top: 0.5em;
			text-align: right;
		}

		.manageSite .zoneCreatorPanel .blockPanel {
			position: absolute;
			display: none;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-image: url('/images/bg00000050.png');
			text-align: center;
		}

			.manageSite .zoneCreatorPanel .blockPanel img {
				margin-top: 5em;
			}

	

	.zoneHierarchyZone {
		border: 1px solid #ccc;
		margin: 0 -1px 0 0; 
		padding: 4px 0px 4px 20px;
	}

		.zoneHierarchyZone .zoneInfo {
			display: inline; 
		}

		.zoneHierarchyZone.selected > .zoneInfo > .zoneName {
			font-weight: bold;
			color: #333;
		}

		.zoneHierarchyZone .zoneInfo .zoneExpired.hidden,
		.zoneHierarchyZone .zoneInfo .zoneExpiring.hidden {
			display: none;
		}

		.zoneHierarchyZone .zoneInfo .zoneSortHandle {
			float: right;
			margin-right: 1em;
			cursor: ns-resize;
		}

		.zoneHierarchyZone[zone-indent-level="0"] > .zoneInfo > .zoneSortHandle {
			display: none;
		}

		.zoneHierarchyZone .zoneInfo .twirlExpandChildZones {
			float: left;
			width: 12px;
			height: 12px;
			margin-left: -16px;
			background-image: url(/images/MediaManager/twirl12x12.png);
			overflow: hidden;
			cursor: pointer;
		}

			.zoneHierarchyZone .zoneInfo .twirlExpandChildZones:hover {
				background-color: #ccc;
			}

		.zoneHierarchyZone[expand-child-zones=true] > .zoneInfo > .twirlExpandChildZones {
			background-position: 0 -100%;
		}

		.zoneHierarchyZone > .childZones {
			display: none;
		}

		.zoneHierarchyZone[expand-child-zones=true] > .childZones {
			display: block;
		}

	

	.zoneHierarchyZonePad {
		height: 6px;
	}

	.zoneHierarchyZone.arrangeZoneCurrentTarget {
		border: 1px solid black;
		background-color: #cc9;
	}

	.zoneHierarchyZonePad.arrangeZoneCurrentTarget {
		background-color: #333;
	}

	.zoneHierarchyZone.arrangeZoneSource {
		opacity: 0.5;
	}

	.zoneHierarchyZonePad.arrangeZoneSource {
		visibility: hidden;
	}

	.zoneDragHelper {
		position: absolute;
		min-width: 120px;
		padding: 4px;
		background: #fff;
		border: 1px solid black;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	}



	
	
.manageSite .zonePropertiesStaticHeader {
	height: 30px;
	background-color: #e7e7e7;
	flex: 0 0 auto;
}

	.manageSite .head.head_tabs {
		overflow: hidden;
		height: 28px;
		padding: 0 4px;
		flex: 0 0 auto;
	}

	.list_tab,
	.list_tab > a {
		cursor: pointer;
	}

	#zoneDetails .list_tab.tabProf,
	#zoneDetails .list_tab.tabSkin {
		display: none;
	}

	#zoneDetails[view-tab="info"] .list_tab.tabInfo,
	#zoneDetails[view-tab="skin"] .list_tab.tabSkin,
	#zoneDetails[view-tab="code"] .list_tab.tabCode,
	#zoneDetails[view-tab="flag"] .list_tab.tabFlag,
	#zoneDetails[view-tab="path"] .list_tab.tabPath,
	#zoneDetails[view-tab="rept"] .list_tab.tabRept,
	#zoneDetails[view-tab="prof"] .list_tab.tabProf {
		background-color: white;
		border: 2px solid black;
		border-bottom: none;
	}

	#zoneDetails .propZone {
		display: none;
	}

	#zoneDetails[view-tab="info"] .propZone.propInfo,
	#zoneDetails[view-tab="skin"] .propZone.propSkin,
	#zoneDetails[view-tab="code"] .propZone.propCode,
	#zoneDetails[view-tab="flag"] .propZone.propFlag,
	#zoneDetails[view-tab="path"] .propZone.propPath,
	#zoneDetails[view-tab="rept"] .propZone.propRept,
	#zoneDetails[view-tab="prof"] .propZone.propProf {
		display: block;
	}

	.zonePropertiesList .propInfoList,
	.zonePropertiesList .propPathList,
	.zonePropertiesList .propCodeList,
	.zonePropertiesList .propFlagList {
		height: 500px;
		padding: 8px;
	}

@media only screen and (max-height: 768px) {
	.zonePropertiesList .propInfoList,
	.zonePropertiesList .propPathList,
	.zonePropertiesList .propCodeList,
	.zonePropertiesList .propFlagList {
		height: 370px;
		padding: 8px;
	}
}

	.manageSite .zonePropertiesContainer .propZone.propFlag .info {
		height: 30px;
		padding: 5px 10px;
	}

	.zonePropertiesList .propFlagList {
		height: 424px;
		padding: 8px;
	}

	.manageSite .zonePropertiesContainer .propZone.propSkin .propInfoList.skinInfo {
		height: 52px;
	}

	.manageSite .zonePropertiesContainer .propZone.propSkin .propSkinFlagList {
		height: 444px;
		padding: 8px;
	}

	.zonePropertiesContainer .propInfoList .item {
		position: relative;
		margin-left: 140px;
	}

	.zonePropertiesContainer .zonePropertiesList .item {
		padding: 0.2em 0;
	}

	.zonePropertiesContainer #zhm_zone_expires.error {
		background-color: #f36c6c;
	}

	.zonePropertiesContainer .propInfoList .item label.itemlabel {
		position: absolute;
		width: 132px;
		margin: 4px 0 0 -140px;
		text-align: right;
	}

	.zonePropertiesContainer .item ul {
		margin: 0;
		line-height: 1.5em;
	}

	.manageSite[pro=false] .zonePropertiesContainer .propInfoList .item#zhm_zone_owner > input.buttonBecomeOwner,
	.manageSite[pro=false] .hideNoPro {
		display: none;
	}

	.manageSite[pro="false"][data-zone-creator="true"] .hideNoPro.showZoneCreator {
		display: inherit;
	}

	.zonePropertiesContainer .itemaction {
		border-bottom: 1px solid #ccc;
	}

	#zhm_zone_owner.item[specify-by=select] input#zhm_zone_ownername,
	#zhm_zone_owner.item[specify-by=input] select#zhm_zone_ownerid,
	#zhm_zone_owner.item[specify-by=input] input.buttonBecomeOwner {
		display: none;
	}

	
	.manageSite .zonePropertiesFooter,
	.manageSite .zonePathsFooter {
		height: 40px;
		background-color: #e7e7e7;
	}

	.manageSite .zoneCodeFooter,
	.manageSite .zonePathsFooter {
		height: 24px;
		padding: 8px;
	}

	.zonePropertiesFooter .footerView {
		padding: 2px 4px;
		clear: both;
		overflow: auto;
	}

	.zonePropertiesFooter .buttonCreateNew {
		float: right;
	}

	
	.zonePropertiesContainer .heading {
		padding-left: 0.5em;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
	}

	.zonePropertiesContainer .zonePropertiesFlagsList {
		line-height: 140%;
		list-style-type: none;
		padding: 0;
	}

		.zonePropertiesContainer .zonePropertiesFlagsList .item {
			padding: 0 20px;
		}

	input[type=checkbox][tristate=null] {
		opacity: 0.4;
		filter: opacity(alpha=40);
	}


	

	#zhm_zone_paths > li,
	#zhm_zone_reports > li,
	#zhm_multicode .zonePropertiesCodeList > li {
		border: 1px solid #ccc;
		margin: 2px 0;
		padding: 2px;
	}


	#zhm_zone_paths li .deletePathLink,
	#zhm_zone_paths li .unsharePathLink,
	#zhm_zone_paths li .pathInfoLink,
	#zhm_zone_reports li .removeReportLink,
	#zhm_zone_reports li .infoReportLink {
		float: right;
	}

	#zhm_zone_paths li .editPathLink {
		font-size: 0.8em;
		font-style: italic;
	}

	#zhm_zone_paths li .deletePathLink,
	#zhm_zone_paths li .unsharePathLink,
	#zhm_zone_paths li .linkPath,
	#zhm_zone_paths li .decLevelLink,
	#zhm_zone_paths li .incLevelLink,
	#zhm_zone_paths li .pathLevel,
	#zhm_zone_paths li .editPathLink {
		display: none;
	}

	#zhm_zone_paths li[data-is-owned-path=true] .deletePathLink {
		display: initial;
	}

	#zhm_zone_paths li[data-is-owned-path=false] .linkPath {
		display: inline-block;
	}

	#zhm_zone_paths li[data-is-owned-path=false] .unsharePathLink,
	#zhm_zone_paths li[data-is-owned-path=false] .decLevelLink,
	#zhm_zone_paths li[data-is-owned-path=false] .incLevelLink,
	#zhm_zone_paths li[data-is-owned-path=false] .pathLevel {
		display: initial;
	}

	#zhm_zone_paths li[data-is-creator-user=true] .editPathLink {
		display: initial;
	}

	#zhm_zone_paths li[data-view-path-info=false] .pathInfo {
		display: none;
	}

	#zhm_zone_paths ul.pathInfoItems {
		line-height: 150%;
	}

	#zhm_zone_paths ul.linkedZones {
		line-height: 150%;
		margin-left: 0;
		list-style-type: circle;
	}

	#zhm_zone_paths .ui-sortable-helper {
		background: white;
		box-shadow: 2px 2px 6px rgba(32, 32, 32, 0.3);
	}

	

	#zhm_zone_reports .reportInfo {
		display: none;
		line-height: 120%;
		overflow: auto;
	}


	.manageSite .zonePropertiesContainer.info .propZone.propInfo,
	.manageSite .zonePropertiesContainer.wizard .propZone.propWizard,
	.manageSite .zonePropertiesContainer.module .propZone.propModule,
	.manageSite .zonePropertiesContainer.flag .propZone.propFlag {
		display: block;
	}

	.sortablePlaceholder {
		background: #BDBFD4;
	}

	.manageSite .zoneItem .zoneTitle.collapsedTitle {
		font-style: italic;
		font-weight: bold;
	}

	
	.zoneMultiCode {
		display: none;
	}
		.zoneMultiCode.show {
			display: inline;
		}
		.zoneMultiCode input {
			margin: 0;
		}

	#zhm_multicode .zonePropertiesCodeList > li[data-multicode] a.pathwayIcon {
		float: right;
	}

	#zhm_multicode .zonePropertiesCodeList > li[data-multicode].selected {
		border: 1px solid black;
		box-shadow: 0 0 3px #000;
		font-weight: bold;
	}

	.zoneCodeFooter {
		text-align: right;
	}

		.zoneCodeFooter button[data-multicode-action="ok"],
		.zoneCodeFooter button[data-multicode-action="cancel"],
		[data-multicode-selected] .zoneCodeFooter button[data-multicode-action="new"] {
			display: none;
		}

	[data-multicode-selected] .zoneCodeFooter button[data-multicode-action="ok"],
	[data-multicode-selected] .zoneCodeFooter button[data-multicode-action="cancel"] {
		display: inline-block;
	}

	@media print {
		body {
			background: white;
			background-image: none;
			color: #333;
			font-size: 11pt;
			height: auto;
		}

		a {
			text-decoration: underline;
		}

		.liveOverhead,
		.liveOverimageContainer,
		#bg,
		.liveHeader,
		.liveNavstrip,
		.liveFooter,
		.tokenOverhead {
			display: none;
		}

		.liveContent {
			background-image: none;
		}

		.liveFullContent {
			overflow: visible;
			width: 90%;
			padding: 0;
			margin-left: 0;
			height: 100%;
		}

		#lessonSummaryUserSelectContainer, .lessonSummaryButtons {
			display: none;
		}



		.lessonSummaryParentContainer, .lessonSummaryParentContainer.narrow {
			margin: 0;
			width: 100%;
		}
	}


	
	.utilities-html5Video.fullscreen {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: white;
		z-index: 100000; 
	}

	

	.zoneProfileContentScroll {
		position: relative;
		
		width: 600px;
		padding-left: 100px;
		padding-top: 10em;
	}

		.zoneProfileContentScroll .profileDivider {
			margin: 1.5em 4em;
			
		}

		.zoneProfileContentScroll .profileHeading {
			margin-top: 1.5em;
			font-size: 1.2em;
		}

		.zoneProfileContentScroll .profileItem {
			margin-top: 0.5em;
		}

		.zoneProfileContentScroll .profileItemSpaced {
			margin-top: 1.5em;
		}

		.zoneProfileContentScroll .profileLabel {
			float: left;
			width: 150px;
			padding-top: 0.5em;
		}

		.zoneProfileContentScroll .profileEditField {
		}

		.zoneProfileContentScroll .profileEditUsername {
			float: left;
			padding-top: 0.5em;
			color: #484848;
		}

		.zoneProfileContentScroll .profileEditEmail {
			width: 312px;
		}

		.zoneProfileContentScroll .profileValidation {
			font-weight: bold;
			margin-left: 150px;
		}

			.zoneProfileContentScroll .profileValidation ul {
				list-style-type: none;
				padding: 0;
			}

		.zoneProfileContentScroll .profileUserValidation {
			font-weight: bold;
			margin-left: 5px;
			color: #F00;
		}

	.userProfileContentScroll .profileItemMobile {
		display: none;
	}

	.zoneProfileSaveBar .saveButton {
		float: right;
	}

	.zoneProfileSaveBar .confirmMessage {
		border: 1px solid #339845;
		background: #D3ECE1;
		padding: 4px 20px;
		color: #339845;
		font-weight: bold;
	}

	
	.userProfileCertificationSection .certificationLink {
		margin-left: 0;
		width: 220px;
	}

	.userProfileCertificationSection svg {
		width: 20px;
		height: 20px;
		fill: #12204e;
		stroke: #12204e;
	}

	.userProfileCertificationSection span[data-expired="2"] {
		color: red;
	}

	

	.userProfileCertificationSection span[data-expired="1"] span.expiry,
	.userProfileCertificationSection span[data-expired="1"] span.expired,
	.userProfileCertificationSection span[data-expired="2"] span.expiry,
	.userProfileCertificationSection span[data-expired="2"] span.noExpiry,
	.userProfileCertificationSection span[data-expired="3"] span.expired,
	.userProfileCertificationSection span[data-expired="3"] span.noExpiry,
	.userProfileCertificationSection span[data-expired="4"] span.expired,
	.userProfileCertificationSection span[data-expired="4"] span.noExpiry {
		display: none;
	}

	.profileCertificationTable {
		margin-top: 10px;
	}

		.profileCertificationTable tr {
			vertical-align: top;
		}

		.profileCertificationTable .certificationLink svg {
			height: 30px;
			margin-right: 2px;
		}

		.profileCertificationTable .certificationLink a:hover > span {
			text-decoration: underline;
		}

		.profileCertificationTable .certificationLink span {
			display: inline-block;
			position: relative;
			top: -9px;
		}

			.profileCertificationTable .certificationLink span:hover {
				text-decoration: underline;
			}

		.profileCertificationTable .certificationExpiry span {
			display: inline-block;
			position: relative;
			top: 4px;
		}



	

	.liveContentReports .reportDescription {
		padding: 0.5em 0;
	}

	.liveContentReports .reportParameterList li {
		line-height: 1.8em;
	}

	.liveContentReports .reportParameterList input.error {
		border: 2px solid #D81010;
	}

	.liveContentReports .downloadCsv.hidden,
	.liveContentReports .vanillaLink.runReport.hidden {
		display: none;
	}

	.liveContentReports table.reportResultsTable .resultsTableSearch {
		width: 200px;
	}

	.liveContentReports table.reportResultsTable .resultsTableSearchGo {
		position: absolute;
		top: 0;
		right: 4px;
	}

	.liveContentReports textarea.emailAddresses {
		display: block;
		width: calc(100% - 8px);
		font-family: inherit;
		font-size: inherit;
	}

	.reportInfoText {
		margin: 10px 0px 10px 0px;
		font-size: inherit;
		font-weight: bold;
	}

	
	@media print {
		.livePage.livepathwayprogress .liveNavstrip,
		.livePage.livepathwayprogress .liveNavboxFrame,
		.livePage.livereports .liveNavstrip,
		.livePage.livereports .liveNavboxFrame {
			display: none;
		}

		.livePage.livepathwayprogress .liveNavContentScroll,
		.livePage.livereports .liveNavContentScroll {
			overflow: visible;
		}

		.livePage.livepathwayprogress .liveNavContent,
		.livePage.livereports .liveNavContent {
			background-image: none;
			float: none;
			width: auto;
		}

		.livePage.livereports .reportDescription .reportResultsTable {
			display: none;
		}
	}

	

	.liveDatePicker {
		position: absolute;
		left: 0;
		top: 2em;
		background-color: #eee;
		color: #575757;
		border: 1px solid #666;
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
		padding: 0.1em 0.2em;
		z-index: 1;
	}

		.liveDatePicker header {
			margin: 0.2em 0;
			text-align: center;
		}

		.liveDatePicker a:hover {
			text-decoration: none;
		}

		.liveDatePicker td {
			padding: 0.2em;
			color: #555;
			border: 1px solid transparent;
			background: #fff;
			text-align: center;
			cursor: pointer;
		}

			.liveDatePicker td[data-today="true"] {
				color: #000;
				font-weight: bold;
			}

			.liveDatePicker td[data-week-day="0"],
			.liveDatePicker td[data-week-day="6"] {
				background: #ddd;
			}

			.liveDatePicker td[data-current-month="false"] {
				color: #999;
				background: none;
			}

			.liveDatePicker td:hover {
				border: 1px solid #999;
			}

		.liveDatePicker [data-action="close"] {
			float: right;
			display: inline-block;
			margin-right: -0.8em;
			margin-top: -1em;
			width: 1em;
			height: 1em;
			line-height: 1em;
			padding: 0.1em;
			border-radius: 50%;
			background: #aaa;
			color: white;
			text-align: center;
		}

		.liveDatePicker [data-value="year"] {
			width: 3em;
			padding: 0;
			border: none;
			background: white;
			text-align: right;
			color: inherit;
			font-size: inherit;
			font-style: inherit;
			font-weight: inherit;
			font-family: inherit;
		}
	
	.liveNavContentLocalization .searchKeys {
		float: right;
		width: 200px;
		font-size: 0.8em;
	}

	ul.localizationLanguagesList {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		ul.localizationLanguagesList li.dictionaryKey {
			padding-bottom: 0.5em;
			margin-bottom: 0.5em;
			border-bottom: 1px solid #ccc;
		}

			ul.localizationLanguagesList li.dictionaryKey.highlight {
				font-weight: bold;
				background-color: #FFFCAE;
			}

		ul.localizationLanguagesList > li > label {
			display: inline-block;
			vertical-align: top;
			width: 235px;
			overflow: hidden;
		}

		ul.localizationLanguagesList > li > ul.plurals {
			display: inline-block;
			vertical-align: top;
			margin-left: 20px;
			padding: 0;
			list-style-type: none;
		}

			ul.localizationLanguagesList > li > ul.plurals input.count {
				width: 55px;
				text-align: right;
			}

			ul.localizationLanguagesList > li > ul.plurals input.phrase {
				width: 320px;
			}

			ul.localizationLanguagesList > li > ul.plurals .del,
			ul.localizationLanguagesList > li > ul.plurals .add {
				padding: 0 0.4em;
				border-radius: 50%;
			}

			ul.localizationLanguagesList > li > ul.plurals .add {
				border: 1px solid #999;
				background-color: #ddd;
			}

			ul.localizationLanguagesList > li > ul.plurals .del {
				border: 1px solid #900;
				background-color: #fcc;
			}

			ul.localizationLanguagesList > li > ul.plurals li.pluralCount[has-zone=false] .delPluralLink,
			ul.localizationLanguagesList > li > ul.plurals li.pluralCount[has-zone=true] .proPluralLink {
				display: none;
			}


	
	div.software {
		width: 80%;
		background-color: #fff;
		position: relative;
		margin: 10px auto;
		padding: 15px;
	}

		div.software h1 {
			text-align: center;
		}

		div.software h3 {
			text-align: center;
		}

		div.software .halfcolumn {
			display: inline-block;
			width: 44%;
			padding: 0 2%;
			vertical-align: top;
		}

		div.software .footnote {
			text-align: center;
			font-size: .8em;
		}

		div.software .linkholder {
			text-align: center;
		}

		div.software .uploaderButton {
			display: inline-block;
			width: 221px;
			height: 46px;
			margin: 10px;
			padding-top: 19px;
			
			color: white;
			text-align: center;
			font-size: 18px;
			border: 1px solid #82c636;
			border-radius: 4px;
			background-color: #71ae2d;
			background-image: linear-gradient(to bottom, #83bc3c 0%, #599b1b 100%);
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
		}

			div.software .uploaderButton:hover {
				background-color: #addd5e;
				background-image: linear-gradient(to bottom, #dbf999 0%, #73b816 100%);
				text-decoration: none;
			}

			div.software .uploaderButton.selected {
				border: 1px solid #537E24;
				box-shadow: 0 0 10px rgba(0,0,0,0.8);
			}

	

	body.pathwayCertificate {
		background: #fff;
		color: #444444;
		font-size: 40px;
		font-family: "SkinFont", arial, helvetica, sans-serif;
	}

		body.pathwayCertificate .certificateAlign {
			text-align: center;
		}

			body.pathwayCertificate .certificateAlign .certificate {
				position: relative;
				display: inline-block;
				margin: 10px auto;
				text-align: left;
				text-align: initial; 
			}

		body.pathwayCertificate .certificate > img {
			width: 1000px;
		}

		body.pathwayCertificate .certificatePlacedText {
			position: absolute;
			text-align: center;
		}

		body.pathwayCertificate[layout-id="0"] .learner {
			left: 446px;
			top: 336px;
			width: 543px;
			height: 138px;
		}

		body.pathwayCertificate[layout-id="1"] .learner {
			left: 446px;
			top: 336px;
			width: 543px;
			height: 138px;
		}

		body.pathwayCertificate[layout-id="2"] .learner {
			left: 60px;
			top: 205px;
			width: 880px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="3"] .learner {
			left: 60px;
			top: 320px;
			width: 880px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="4"] .learner {
			left: 60px;
			top: 250px;
			width: 880px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="5"] .learner {
			left: 445px;
			top: 343px;
			width: 543px;
			height: 127px;
		}

		body.pathwayCertificate[layout-id="0"] .date {
			left: 564px;
			top: 577px;
			width: 300px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="1"] .date {
			left: 564px;
			top: 577px;
			width: 300px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="2"] .date {
			left: 630px;
			top: 410px;
			width: 300px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="3"] .date {
			left: 345px;
			top: 560px;
			width: 300px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="4"] .date {
			left: 630px;
			top: 550px;
			width: 300px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="5"] .date {
			left: 564px;
			top: 577px;
			width: 300px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="0"] .tutor {
			display: none;
		}

		body.pathwayCertificate[layout-id="1"] .tutor {
			display: none;
		}

		body.pathwayCertificate[layout-id="2"] .tutor {
			left: 20px;
			top: 410px;
			width: 390px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="3"] .tutor {
			display: none;
		}

		body.pathwayCertificate[layout-id="4"] .tutor {
			left: 70px;
			top: 550px;
			width: 300px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="5"] .tutor {
			display: none;
		}

		body.pathwayCertificate[layout-id="0"] .points {
			left: 691px;
			top: 481px;
			width: 130px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="1"] .points {
			left: 691px;
			top: 481px;
			width: 130px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="2"] .points {
			left: 337px;
			top: 285px;
			width: 142px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="3"] .points {
			left: 485px;
			top: 405px;
			width: 130px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="4"] .points {
			left: 330px;
			top: 330px;
			width: 130px;
			height: 50px;
		}

		body.pathwayCertificate[layout-id="5"] .points {
			left: 691px;
			top: 465px;
			width: 130px;
			height: 50px;
		}


		
		body.pathwayCertificate[layout-id="9"] .learner {
			top: 50%;
			width: 100%;
		}

		body.pathwayCertificate[layout-id="9"] .tutor,
		body.pathwayCertificate[layout-id="9"] .points,
		body.pathwayCertificate[layout-id="9"] .date {
			display: none;
		}

	

	.nonMemberZoneTitle {
		padding: 0.3em 0;
		overflow: hidden;
		font-size: 2.5em;
		text-align: center;
		white-space: nowrap;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.nonMemberMessage,
	.pastMemberMessage,
	.requestJoinMemberMessage {
		padding-top: 70px;
		min-height: 440px;
		
		background-repeat: no-repeat;
		background-position: 300px 0;
	}

	

	.pathwayProgressOptions {
		margin-bottom: 1em;
	}

		.pathwayProgressOptions ul > li {
			padding: 0.2em 0;
		}

		.pathwayProgressOptions .buttonsRight {
			float: right;
		}

	.pathwayProgressDataMessage {
		display: none;
	}

	.pathwayProgressDataPending {
		display: inline-block;
		padding: 0 0.3em;
		border: 1px solid;
		border-radius: 50%;
		font-size: 0.8em;
	}

	.pathwayProgressItemTitle {
		text-align: center;
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	.pathwayProgressList {
		position: relative;
		float: none;
		width: 100%;
	}

		.pathwayProgressList.pathwayProgressPathList {
			height: 250px;
			overflow: hidden;
			overflow-y: auto;
		}

	[data-has-recommended="false"] .pathwayProgressPathList .recommendedModuleCount,
	[data-has-recommended="false"] .pathwayProgressItemList .recommendedModule {
		display: none;
	}

	[data-has-recommended="true"] .pathwayProgressPathList .recommendedModuleCount,
	[data-has-recommended="true"] .pathwayProgressItemList .recommendedModule {
		text-align: left;
		padding-left: 5px;
		min-width: 2.6em;
	}

	[data-has-recommended="false"] .pathwayProgressList.pathwayProgressPathList .pathwayProgressDataRow td.firstcolumn {
		text-align: left;
		
	}

	.pathwayProgressList table {
		width: 99%;
		border: 1px solid #999;
	}

		.pathwayProgressList table .rowHead {
			background-color: #666;
			color: #fff;
		}

			.pathwayProgressList table .rowHead th {
				border-left: 1px solid #999;
				border-right: 1px solid #333;
				border-top: 1px solid #999;
				border-bottom: 1px solid #424242;
			}

				.pathwayProgressList table .rowHead th.firstcolumn {
					border-left: none;
				}

				.pathwayProgressList table .rowHead th.lastcolumn {
					border-right: none;
				}

				.pathwayProgressList table .rowHead th.firstrow {
					border-top: none;
				}

				.pathwayProgressList table .rowHead th.lastrow {
					border-bottom: none;
				}

		.pathwayProgressList table img.loadingIcon {
			height: 1em;
		}

		.pathwayProgressList table tbody tr {
			background-color: #eee;
		}

			.pathwayProgressList table tbody tr:nth-child(2n+1) {
				background-color: #ddd;
			}

	.pathwayProgressList td {
		border-bottom: 1px solid #999;
	}


	.pathwayProgressList td {
		border-left: 1px solid #fff;
		border-right: 1px solid #aaa;
	}

		.pathwayProgressList td.firstcolumn a {
			
			height: 100%;
			display: inline-block;
		}

			.pathwayProgressList td.firstcolumn a:hover {
				text-decoration: none;
			}

		.pathwayProgressList td.firstcolumn {
			border-left: 1px solid #999;
		}

		.pathwayProgressList td.modified,
		.pathwayProgressList td.login,
		.pathwayProgressList td.certificate {
			min-width: 6em;
			white-space: nowrap;
		}

		.pathwayProgressList td.lastcolumn {
			border-right: 1px solid #999;
		}

		.pathwayProgressList td.certificate {
			min-width: 6em;
		}

		.pathwayProgressList td.noresults {
			padding: 1em;
		}

		.pathwayProgressList td.correct img {
			height: 12px;
		}

	.pathwayProgressList tr.pathwayProgressDataRow[item-id] {
		cursor: pointer;
	}

		.pathwayProgressList table tbody tr.pathwayProgressDataRow.selected,
		.pathwayProgressList tr.pathwayProgressDataRow[item-id]:hover,
		.pathwayProgressList tr.pathwayProgressDataRow[data-item-id]:hover,
		.pathwayProgressList tr.pathwayProgressDataRow[published-result-id]:hover {
			background: #fff;
		}

	.pathwayProgressList[data-list-by="module"] .login {
		display: none;
	}

	.pathwayProgressList[data-list-by] [data-for-list-by] {
		display: none;
	}

	.pathwayProgressList[data-list-by="module"] [data-for-list-by="module"],
	.pathwayProgressList[data-list-by="member"] [data-for-list-by="member"] {
		display: inline;
	}

	.pathwayProgressList .firstcolumn {
		text-align: left;
	}

	.pathwayProgressList .name input[type="text"] {
		float: right;
	}

	.pathwayProgressList td {
		text-align: center;
	}

		.pathwayProgressList td.notStarted {
			text-align: left;
			font-style: italic;
		}

		
		.pathwayProgressList td.name,
		.pathwayProgressList td.title {
			text-align: left;
		}

	.pathwayProgressList input[type="radio"] {
		cursor: pointer;
	}

		.pathwayProgressList input[type="radio"][disabled] {
			cursor: default;
		}

	.liveNavContentPathwayProgress #assignRecommendedModules,
	.liveNavContentPathwayProgress .recommendedModuleControls,
	.liveContentRecommendedModule select#group,
	.liveContentRecommendedModule a#manageGroups {
		display: none;
	}

	.liveNavContentPathwayProgress[data-has-recommended="true"] .recommendedModuleControls {
		display: inline-block;
		margin-left: 1em;
	}

	.pathwayProgressBlock {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-image: url(/images/bgffffff25.png);
		text-align: center;
	}

		.pathwayProgressBlock > span {
			position: relative;
			top: 50%;
		}

			.pathwayProgressBlock > span > img {
				margin-top: -50%;
			}

	.pathwayProgressMessage {
		position: absolute;
		background-color: #FFC;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
	}

		.pathwayProgressMessage .sleepicon {
			display: inline-block;
			float: none;
		}

	.pathwayProgressCertificates {
		display: none;
	}

		.pathwayProgressCertificates .progressBarCertificate {
			position: relative;
			display: inline-block;
			margin: 0 1em;
		}

			.pathwayProgressCertificates .progressBarCertificate .certificateIcon {
				overflow: hidden;
			}

				.pathwayProgressCertificates .progressBarCertificate .certificateIcon[certificate-achieved="false"] img {
					position: relative;
					top: -100%;
				}

	.pathwayProgressLoading {
		display: none;
	}

		.pathwayProgressLoading .pathwayProgressBarFrame {
			display: inline-block;
			width: 16em;
			border: 1px solid #ccc;
			border-radius: 4px;
		}

			.pathwayProgressLoading .pathwayProgressBarFrame .pathwayProgressBarFill {
				height: 8px;
				background-color: #12204e;
			}

	@media print {
		.pathwayProgressList tr.pathwayProgressDataRow[item-id].selected td {
			border-top: 1px solid;
			border-bottom: 2px solid;
		}
	}



	

	td.recommendedModuleCount {
		min-width: 3em;
		text-align: center;
	}

	
	.zoneUserProfileItem {
		position: relative;
		margin: 6px 0;
		padding-right: 32px;
		border: 1px solid #ccc;
	}

		.zoneUserProfileItem.zoneUserProfileItemFail {
			border: 1px solid red;
			box-shadow: 0 0 8px red;
		}

		.zoneUserProfileItem.ui-sortable-helper {
			background: white;
			box-shadow: 2px 2px 6px rgba(32, 32, 32, 0.3);
		}

		.zoneUserProfileItem .pathwayIcon[pathway-icon="sortbar"] {
			cursor: ns-resize;
		}

		.zoneUserProfileItem[expand-details="false"] .zoneUserProfileItemDetails {
			display: none;
		}

		.zoneUserProfileItem[data-storage-type="2"] .zoneUserProfileItemLookupContainer,
		.zoneUserProfileItem[data-storage-type="3"] .zoneUserProfileItemLookupContainer,
		.zoneUserProfileItem[data-storage-type="4"] .zoneUserProfileItemLookupContainer {
			display: none;
		}

		.zoneUserProfileItem[data-storage-type="1"] .zoneUserProfileItemValidation,
		.zoneUserProfileItem[data-storage-type="3"] .zoneUserProfileItemValidation,
		.zoneUserProfileItem[data-storage-type="4"] .zoneUserProfileItemValidation,
		.zoneUserProfileItem[data-storage-type="5"] .zoneUserProfileItemValidation {
			display: none;
		}

	input.zoneUserProfileItemTitle {
		width: 150px;
	}

	.zoneUserProfileItemFlags {
		display: inline-block;
	}

	[expand-details="false"] .zoneUserProfileItemFlags label span {
		display: none;
	}

	.zoneUserProfileItem .zoneUserProfileItemHandles {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		background-color: #ccc;
	}

	.zoneUserProfileItem[expand-details="true"] .zoneUserProfileItemHandles a[pathway-icon="sortbar"] {
		position: absolute;
		right: 0;
		top: 40%;
	}

	.zoneUserProfileItem ul.zoneUserProfileItemLookup {
		list-style-type: none;
	}

		.zoneUserProfileItem ul.zoneUserProfileItemLookup input[type="text"][placeholder-text] {
			width: 70%;
		}

	.zoneUserProfileItemValidation input[type="text"][profile-validation-field] {
		width: 45%;
		margin: 0 1%;
	}

	.zoneUserProfileItem.postProcessItem .zoneUserProfileItemHandles,
	.zoneUserProfileItem.postProcessItem .zoneUserProfileItemLookup li:last-child,
	.zoneUserProfileItem.postProcessItem .zoneUserProfileLookupItem a,
	.zoneUserProfileItem.postProcessItem .zoneUserProfileLookupItem .pathwayIcon {
		display: none;
	}


	

	.pinboardHeaderAdd .pinboardHeaderAddLink,
	.pinboardHeaderAdd .pinboardHeaderMenuLink {
		width: 35px;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		margin-top: 2px;
		border: 1px solid #d6d5d5;
		border-radius: 4px;
		background-color: #f0f0f0;
		background-image: linear-gradient(to bottom, #fff 0%, #eee 100%);
		box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);
	}

	.pinboardHeaderAdd a:hover {
		text-decoration: none;
	}

	.pinboardHeaderAdd .pinboardHeaderMenuLink,
	.pinboardHeaderAdd .pinboardHeaderAddLink {
		color: #c7c7c7;
		text-align: center;
		font-size: 27px;
		font-weight: bolder;
		vertical-align: bottom;
	}

		.pinboardHeaderAdd .pinboardHeaderMenuLink:hover,
		.pinboardHeaderAdd .pinboardHeaderAddLink:hover {
			color: #fff;
			background-color: #292929;
			background-image: none;
			box-shadow: none;
		}

		.pinboardHeaderAdd .pinboardHeaderMenuLink:active,
		.pinboardHeaderAdd .pinboardHeaderAddLink:active {
			background-color: #626262;
			background-image: none;
			box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.8);
		}

	.pinboardAddMenuLabel {
		text-transform: uppercase;
	}

	

	.pinboardButton.pinboardButtonOk,
	.pinboardButton.pinboardButtonSelect {
		width: 70px;
		height: 19px;
		margin: 1px 2px 1px 1px;
		padding-top: 4px;
		color: #fff;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.4);
		text-align: center;
		border: 1px solid #464646;
		border-radius: 4px;
		background-color: #595959;
		background-image: linear-gradient(to bottom, #6e6e6e 0%, #484848 100%);
		box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
	}

		.pinboardButton.pinboardButtonOk:hover,
		.pinboardButton.pinboardButtonSelect:hover {
			background-color: #606060;
			background-image: linear-gradient(to bottom, #757575 0%, #3e3e3e 100%);
		}

		.pinboardButton.pinboardButtonOk:active,
		.pinboardButton.pinboardButtonSelect:active {
			background-color: #3e3e3e;
			background-image: linear-gradient(to bottom, #535353 0%, #2a2a2a 100%);
		}

		.pinboardButton.pinboardButtonOk.disabled,
		.pinboardButton.pinboardButtonSelect.disabled,
		.pinboardButton.pinboardButtonOk.disabled:hover,
		.pinboardButton.pinboardButtonSelect.disabled:hover,
		.pinboardButton.pinboardButtonOk.disabled:active,
		.pinboardButton.pinboardButtonSelect.disabled:active {
			border-color: #c7c7c7;
			text-shadow: none;
			background-color: #cdcdcd;
			background-image: linear-gradient(to bottom, #d3d3d3 0%, #c7c7c7 100%);
		}

	

	.pinboardButton.pinboardButtonCancel {
		width: 70px;
		height: 19px;
		margin: 1px 2px 1px 1px;
		padding-top: 4px;
		color: #737373;
		
		text-align: center;
		border: 1px solid #bfbfbf;
		border-radius: 4px;
		background-color: #ececec;
		background-image: linear-gradient(to bottom, #e4e4e4 0%, #f3f3f3 100%);
		
	}

		.pinboardButton.pinboardButtonCancel:hover {
			color: #545454;
			background-color: #f8f8f8;
			background-image: linear-gradient(to bottom, #eee 0%, #fff 100%);
		}

		.pinboardButton.pinboardButtonCancel:active {
			background-color: #d0d0d0;
			background-image: linear-gradient(to bottom, #c9c9c9 0%, #d8d8d8 100%);
		}

		.pinboardButton.pinboardButtonCancel.disabled,
		.pinboardButton.pinboardButtonCancel.disabled:hover,
		.pinboardButton.pinboardButtonCancel.disabled:active {
			color: #d5d5d5;
			text-shadow: none;
			border-color: #ebebeb;
			background-color: #f8f8f8;
			background-image: linear-gradient(to bottom, #f6f6f6 0%, #fafafa 100%);
		}

	

	.pinboardButton.pinboardButtonUpload {
		width: 53px;
		height: 15px;
		margin: 4px 2px 4px 1px;
		padding-top: 4px;
		color: #737373;
		font-size: 10px;
		font-style: normal;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.2);
		text-align: center;
		border: 1px solid #bfbfbf;
		border-radius: 4px;
		background-color: #ececec;
		background-image: linear-gradient(to bottom, #f4f4f4 0%, #e2e2e2 100%);
		box-shadow: inset 0 0px 1px 1px rgba(255, 255, 255, 0.8);
	}

		.pinboardButton.pinboardButtonUpload:hover {
			color: #4c4c4c;
			background-color: #f1f1f1;
			background-image: linear-gradient(to bottom, #fcfcfc 0%, #e3e3e3 100%);
		}

		.pinboardButton.pinboardButtonUpload:active {
			background-color: #cfcfcf;
			background-image: linear-gradient(to bottom, #d9d9d9 0%, #c7c7c7 100%);
		}

		.pinboardButton.pinboardButtonUpload.disabled,
		.pinboardButton.pinboardButtonUpload.disabled:hover,
		.pinboardButton.pinboardButtonUpload.disabled:active {
			color: #d5d5d5;
			text-shadow: none;
			border-color: #fcfcfc;
			background-color: #f8f8f8;
			background-image: linear-gradient(to bottom, #fbfbfb 0%, #f6f6f6 100%);
		}

	

	.pinboardButton.pinboardButtonView,
	.pinboardButton.pinboardButtonLike,
	.pinboardButton.pinboardButtonUnlike,
	.pinboardButton.pinboardButtonComment,
	.pinboardButton.pinboardButtonDownload,
	.pinboardButton.pinboardButtonClose,
	.pinboardButton.pinboardButtonDelete,
	.pinboardButton.pinboardButtonGo {
		width: 66px;
		height: 14px;
		padding-top: 4px;
		color: #666;
		font-size: 11px;
		font-weight: bold;
		
		text-align: center;
		line-height: 1em;
		border: 1px solid #a1a1a1;
		border-radius: 10px;
		background-color: #fff;
		background-image: none;
	}

	.pinboardListItem .media .viewButtons .pinboardButton.pinboardButtonView,
	.pinboardListItem .media .viewButtons .pinboardButton.pinboardButtonLike,
	.pinboardListItem .media .viewButtons .pinboardButton.pinboardButtonUnlike,
	.pinboardListItem .media .viewButtons .pinboardButton.pinboardButtonComment,
	.pinboardListItem .media .viewButtons .pinboardButton.pinboardButtonDownload,
	.pinboardListItem .media .viewButtons .pinboardButton.pinboardButtonClose,
	.pinboardListItem .media .viewButtons .pinboardButton.pinboardButtonDelete,
	.pinboardListItem .media .viewButtons .pinboardButton.pinboardButtonGo,
	.pinboardViewContent .viewMediaButtons .pinboardButton.pinboardButtonView,
	.pinboardViewContent .viewMediaButtons .pinboardButton.pinboardButtonLike,
	.pinboardViewContent .viewMediaButtons .pinboardButton.pinboardButtonUnlike,
	.pinboardViewContent .viewMediaButtons .pinboardButton.pinboardButtonComment,
	.pinboardViewContent .viewMediaButtons .pinboardButton.pinboardButtonDownload,
	.pinboardViewContent .viewMediaButtons .pinboardButton.pinboardButtonClose,
	.pinboardViewContent .viewMediaButtons .pinboardButton.pinboardButtonDelete,
	.pinboardViewContent .viewMediaButtons .pinboardButton.pinboardButtonGo {
		margin: 4px 3px 4px 2px;
	}

	.pinboardButton.pinboardButtonView:hover,
	.pinboardButton.pinboardButtonLike:hover,
	.pinboardButton.pinboardButtonUnlike:hover,
	.pinboardButton.pinboardButtonComment:hover,
	.pinboardButton.pinboardButtonDownload:hover,
	.pinboardButton.pinboardButtonClose:hover,
	.pinboardButton.pinboardButtonDelete:hover,
	.pinboardButton.pinboardButtonGo:hover {
		background-color: #eee;
		background-image: linear-gradient(to bottom, #fdfdfd 0%, #dfdfdf 100%);
	}

	.pinboardButton.pinboardButtonView:active,
	.pinboardButton.pinboardButtonLike:active,
	.pinboardButton.pinboardButtonUnlike:active,
	.pinboardButton.pinboardButtonComment:active,
	.pinboardButton.pinboardButtonDownload:active,
	.pinboardButton.pinboardButtonClose:active,
	.pinboardButton.pinboardButtonDelete:active,
	.pinboardButton.pinboardButtonGo:active {
		background-color: #e2e2e2;
		background-image: linear-gradient(to bottom, #cfcfcf 0%, #fafafa 100%);
	}

	.pinboardButton.pinboardButtonView.disabled,
	.pinboardButton.pinboardButtonLike.disabled,
	.pinboardButton.pinboardButtonUnlike.disabled,
	.pinboardButton.pinboardButtonComment.disabled,
	.pinboardButton.pinboardButtonDownload.disabled,
	.pinboardButton.pinboardButtonClose.disabled,
	.pinboardButton.pinboardButtonDelete.disabled,
	.pinboardButton.pinboardButtonGo.disabled,
	.pinboardButton.pinboardButtonView.disabled:hover,
	.pinboardButton.pinboardButtonLike.disabled:hover,
	.pinboardButton.pinboardButtonUnlike.disabled:hover,
	.pinboardButton.pinboardButtonComment.disabled:hover,
	.pinboardButton.pinboardButtonDownload.disabled:hover,
	.pinboardButton.pinboardButtonClose.disabled:hover,
	.pinboardButton.pinboardButtonDelete.disabled:hover,
	.pinboardButton.pinboardButtonGo.disabled:hover,
	.pinboardButton.pinboardButtonView.disabled:active,
	.pinboardButton.pinboardButtonLike.disabled:active,
	.pinboardButton.pinboardButtonUnlike.disabled:active,
	.pinboardButton.pinboardButtonComment.disabled:active,
	.pinboardButton.pinboardButtonDownload.disabled:active,
	.pinboardButton.pinboardButtonClose.disabled:active,
	.pinboardButton.pinboardButtonDelete.disabled:active,
	.pinboardButton.pinboardButtonGo.disabled:active {
		color: #ccc;
		background-color: #fff;
	}

	.pinboardButton:hover {
		text-decoration: none;
	}

	.pinboardListItem .decalImage {
		width: 90px;
		height: 20px;
		margin-top: 2px;
		background-image: none;
		background-color: #fff;
		border-top: 1px solid #ccc;
		border-bottom: 2px solid #aaa;
		transform: rotateZ(-1deg);
		opacity: 0.5;
	}

	.pinboardHeader {
		height: 62px;
		background: none;
		border-bottom: 2px solid #ccc;
		box-shadow: inset 0 -1px 0 #fff;
	}

	.pinboardList {
		background: none;
	}

	.pinboardAdd .header {
		
		background-image: none;
		background-color: #eee;
	}

	.pinboardListBlock .header .close {
		width: 36px;
		height: 33px;
		padding-top: 3px;
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 50%;
		font-size: 28px;
		color: #cbcbcb;
		text-align: center;
		text-shadow: 0 1px 1px #fff;
		background-color: #e5e5e5;
		background-image: linear-gradient(to bottom, #ececec 0%, #dedede 100%);
		box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.04),inset 0 -1px 1px rgba(0, 0, 0, 0.3),inset 0 1px 1px #fff;
	}

		.pinboardListBlock .header .close:hover {
			background-color: #ebebeb;
			background-image: linear-gradient(to bottom, #f5f5f5 0%, #e2e2e2 100%);
			text-decoration: none;
		}

		.pinboardListBlock .header .close:active {
			color: #aeaeae;
			text-shadow: none;
			background-color: #c8c8c8;
			background-image: linear-gradient(to bottom, #cecece 0%, #c0c0c0 100%);
		}

		.pinboardListBlock .header .close img {
			display: none;
		}

	

	

	.liveNavContentAdmin,
	.livemanagepaths .liveNavContent,
	
	.liveContentZoneDetails
	
	
	
	{
		width: 801px;
		height: 587px;
		border: 1px solid #999;
		padding: 0;
	}

		.liveNavContentAdmin:before,
		.liveNavContentScrollHead,
		.liveContentZoneDetails:before,
		
		.livezoneskinedit .liveFullContent:before,
		.livezoneskinassetedit .liveFullContent:before,
		.moduleSummaryContainer.list .reportHeader {
			display: block;
			height: 22px;
			margin-top: 8px;
			font-size: 1.2em;
			font-weight: normal;
			border: none;
		}

		.liveNavContentAdmin:before {
			content: "Administration";
		}

		.liveContentZoneDetails:before {
			content: "Details";
		}

	.livezoneskinedit .liveFullContent:before {
		content: "Skin media";
	}


	.liveNavContentScroll.adminContentScroll.buttonsBelow,
	.liveNavContentScroll#pathwayProgressContainer,
	.saveZoneChangesContainer,
	
	.livezoneskinedit .liveFullContentScrollMain {
		padding: 8px;
		
		border-bottom: 1px solid #999;
	}

	.liveFullContentScrollMain #pmedLoadList {
		display: flex;
		flex-direction: column;
	}

	.livepathwaymapedit .liveContent {
		flex-direction: column;
	}

	.livepathwaymapedit .liveFullContentScrollMain {
		height: 600px;
	}

	.livepathwaymapedit .liveFullContentScrollMain #pmedPathwayMapList,
	.livepathwaymapedit .liveFullContentScrollMain #pmedPathwayMapListWizard {
		flex: 1 1 50%;
		overflow-y: auto;
	}

	.livepathwayedit .pathwayListContainer {
		flex: 1 1 300px;
		overflow-y: auto;
	}

	.liveNavContentUnderTitle.liveNavContentScroll.buttonsBelow,
	.liveNavContentScroll.adminContentScroll.buttonsBelow {
		height: 544px;
		padding: 0;
	}

	.liveNavContentScrollButtonsBelow,
	.liveFullContentScrollFoot,
	.moduleSummaryActions {
		padding-left: 3px;
	}

	

	.liveNavContentUnderTitle {
		display: flex;
		flex-direction: column;
		width: 803px;
		height: 100%;
		padding: 0;
	}


	.fullCover {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.3);
		text-align: center;
		background-image: url(/images/path-sleep16.gif);
		background-repeat: no-repeat;
		background-position: 50% 30%;
	}

	

	.adminZonesTable {
		
		border-top: none;
		border-bottom: none;
	}

		.adminZonesTable th {
			border-left: 1px solid #999;
			border-right: 1px solid #333;
			border-top: 1px solid #999;
			border-bottom: 1px solid #424242;
			
			background-color: #666;
			color: #fff;
		}

			
			.adminZonesTable th:first-child,
			.adminZonesTable td:first-child {
				border-left: none;
			}

		.adminZonesTable tr:first-child th {
			border-top: none;
		}

	.pathwayProgressList table .rowHead th:last-child {
		border-right: none;
	}

	
	.adminZonesTable tbody tr {
		background-color: #eee;
	}

		.adminZonesTable tbody tr:nth-child(2n+1) {
			background-color: #ddd;
		}

		.adminZonesTable tbody tr td {
			border-bottom: 1px solid #999;
		}

		.adminZonesTable tbody tr th,
		.adminZonesTable tbody tr td {
			padding: 0.5em;
		}

		.adminZonesTable tbody tr td {
			border-left: 1px solid #fff;
			border-right: 1px solid #aaa;
		}

			.adminZonesTable tr th:first-child,
			.adminZonesTable tbody tr td:first-child,
			.reportResultsTableFinal th:first-child,
			.reportResultsTableFinal td:first-child {
				border-left: none;
			}

			.adminZonesTable tr th:last-child,
			.adminZonesTable tbody tr td:last-child,
			.reportResultsTableFinal th:last-child,
			.reportResultsTableFinal td:last-child {
				border-right: none;
			}


	

	.liveNavContentScroll#pathwayProgressContainer {
		height: 540px;
		border-bottom: none;
	}

	.livemanagepaths #mgrLoading {
		position: absolute;
	}

	.liveContentZoneDetails .buttonSave {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	

	.liveNavContentScroll#pathwayProgressContainer {
		padding: 0;
	}

	.pathwayProgressOptions {
		padding: 4px 8px;
		margin: 0;
	}

		.pathwayProgressOptions ul {
			padding: 0;
			margin: 0;
		}

	.pathwayProgressPathway {
		display: none;
	}

	.pathwayProgressOptions ul > li {
		display: block;
	}

		.pathwayProgressOptions ul > li.pathwayProgressLoading,
		.pathwayProgressOptions ul > li.pathwayProgressDataMessage {
			display: none;
		}

	.pathwayProgressLoading .pathwayProgressBarFrame {
		width: 8em;
	}

	.pathwayProgressItemTitle {
		margin-top: 0.5em;
		margin-bottom: 0;
	}

	.pathwayProgressList table {
		width: 100%;
	}

		.pathwayProgressList table th.firstcolumn,
		.pathwayProgressList table td.firstcolumn {
			border-left: none;
		}

	[data-has-recommended="true"] .pathwayProgressList table th.firstcolumn {
		padding-left: 3.4em;
	}

	.pathwayProgressList table th:last-child,
	.pathwayProgressList table td:last-child {
		border-right: none;
	}

	.invitationTable .templateRow,
	.pathwayProgressList .templateRow {
		display: none;
	}

	[data-pathway-type="Module"] .pathwayProgressItemList .title,
	[data-pathway-type="Wizard"] .pathwayProgressItemList .attempted {
		display: none;
	}

	.invitationTable .firstcolumn {
		text-align: center;
	}

	

	.liveContentReports .liveNavContentScroll {
		overflow-x: auto;
	}

	.liveContentReports .chooseReportType {
		margin-top: 5px;
	}

	.liveContentReports .reportDescription {
		padding: 8px 0;
	}

		.liveContentReports .reportDescription .reportResultsTable {
			margin-top: 8px;
		}


	.liveContentReports #reportResultsInfo {
		display: none;
	}

		.liveContentReports #reportResultsInfo table {
			width: 100%;
			border-collapse: collapse;
		}

			.liveContentReports #reportResultsInfo table .templateRow {
				display: none;
			}

			.liveContentReports #reportResultsInfo table tr th,
			.liveContentReports #reportResultsInfo table tr td {
				padding: 0.2em 0.7em;
				border-bottom: 1px solid #c7c7c7;
			}

		.liveContentReports #reportResultsInfo form {
			display: inline;
		}

	.liveContentReports .reportActionButtons {
		margin-bottom: 4px;
		border-bottom: 1px solid #f1f1f1;
		
	}

		.liveContentReports .reportActionButtons .vanillaLink {
			vertical-align: middle;
		}

	.liveContentReports ul.reportParameterList {
		margin: 0;
		padding: 0 8px;
		list-style-type: none;
	}

	.liveContentReports .reportParameterList label,
	.liveContentReports .reportParameterList select,
	.liveContentReports .reportParameterList input,
	.liveContentReports .reportParameterList .liveDatePicker {
		margin: 0 0.5em 0 0;
	}

	.liveContentReports .reportParameterList label {
		display: inline-block;
		min-width: 12em;
		text-align: right;
	}

	.liveContentReports a.runReport.vanillaLink {
		margin-left: 4px;
	}

	

	#reportResults h4 {
		margin: 0;
		padding: 8px;
	}

	#reportResults > ul {
		display: inline-block;
		list-style-type: none;
		margin: 0 0 8px 8px;
		padding: 0;
		border: 1px solid #999;
	}

		#reportResults > ul > li {
			padding: 4px;
			background: #ddd;
			border-bottom: 1px solid #999;
			border-right: 1px solid #999;
		}

			#reportResults > ul > li:nth-child(2n) {
				background: #eee;
			}

			#reportResults > ul > li:first-child {
				background: #666;
				border-right-color: #333;
				border-bottom-color: #333;
				color: #fff;
			}


	table.reportResultsTableFinal {
		min-width: 100%;
		border-left: none;
		border-right: none;
	}

	


	.livezoneskinedit .liveFullContent {
		display: flex;
		flex-direction: column;
	}

	.livezoneskinedit .liveFullContent,
	.livezoneskinassetedit .liveFullContent form {
		margin-top: 8px;
		padding: 0;
		border: 1px solid #999;
		overflow: auto;
	}

	

	.livezoneskinedit .mediaCategory {
		width: 16em;
	}

	.livezoneskinedit .mediaCategoryList input[size="40"] {
		width: 18em;
	}

	.livezoneskinedit .liveFullContentScrollFoot button {
		margin-bottom: 4px;
	}

	

	.livezoneskinassetedit .liveContent textarea[cols="124"] {
		width: 93%;
	}

	.livezoneskinassetedit .liveContent textarea#lineNumbers {
		width: 5%;
	}

	

	.userSelectorSearchContainer {
		height: 20px;
		padding: 5px;
		vertical-align: middle;
	}

	.manageUsersSelector .list {
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.manageUsersSelector > div:first-child {
		width: 100%;
	}

	.manageUsersInfoPanel,
	.manageUsersColumnWidth {
		width: 30.9%;
	}

	.manageUsersSelector .userSelectorColumnWidth {
		width: 23.9%;
	}

	.manageUsersInfoPanel.listStyleTypeNone {
		margin: 0;
		margin-left: 10px;
		padding: 0;
		padding-top: 8px;
		line-height: 1.7em;
		float: left
	}

	.csvButtonsPanel {
		float: right;
	}

		.csvButtonsPanel .hoverMenuTrigger svg {
			width: 2em;
			height: 2em;
		}

	

	.csvHelpContainer {
		width: 1100px;
	}

	.csvHelpColumn img {
		width: 420px;
	}

	.csvHelpColumn.left {
		width: 39.9%;
		float: left;
	}

	.csvHelpColumn.right {
		width: 59.9%;
		float: left;
	}

	.livemanageusers .list_grey {
		margin-top: 8px;
	}

	
	.manageUsersSelector .head span {
		display: none;
	}

	
	.manageUsersSelector input[type="text"] {
		width: 100px;
	}

	
	.livemanageusers .list,
	.liveContentReports .userProfileFilter {
		margin: 8px 0.5%;
		border: none;
		background: #ddd;
	}

	.usersSelectorContainerHdr {
		text-align: center;
		height: 30px;
	}

	.hdr {
		background-color: #666;
		color: #fff;
		font-size: 16px;
		padding-top: 10px;
	}

	.info {
		color: black;
		background-color: white;
		padding: 5px 0px 5px 100px;
		width: 335px;
	}

	.digitiserControls .info {
		padding: 5px 0px 5px 5px;
		width: 300px;
	}

	.usersSelector .list .head {
		border-left: 1px solid #999;
		border-right: 1px solid #333;
		border-top: 1px solid #999;
		border-bottom: 1px solid #424242;
		
		
		background-color: #666;
		color: #fff;
	}

		.usersSelector .list .head.head_blue.subHdr {
			background-color: #fff;
			color: #333;
			font-weight: bold;
			border: none;
			padding-top: 15px;
			padding-right: 12px;
		}

	.usersSelector .list > div,
	.usersSelector .list > .ullist {
		border-top: 1px solid #999;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #999;
	}

	.livemanageusers #usersSelector .list_autoscroll {
		height: 350px;
	}

	.usersSelector .list > .ullist {
		margin: 0;
		padding: 0 6px;
		
	}

	.livemanageusers #manageUsersMemberships {
		margin-left: 0.5%;
	}

	.livemanageusers .usersSelector#usersSelector {
		float: none; 
		margin: 0;
	}

	.usersSelector .usersListEntry {
		clear: both;
		margin: 0;
		padding: 2px;
		border: none; 
		
		background-color: #eee;
		overflow: hidden;
		border-top: 1px solid #999;
	}

		.usersSelector .usersListEntry.selected {
			background-color: #999;
		}

		.usersSelector .usersListEntry[data-has-moved="true"] {
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.5) inset;
		}

	.usersSelector .list.grayedColumn,
	.usersSelector .list.grayedColumn.targetColumn {
		background-color: #8c8c8c;
	}

	.usersSelector .grayedColumn .usersListEntry {
		background: #bdbdbd;
	}

	.profileImagePlaceholder {
		position: relative;
		border-radius: 8px;
		box-shadow: 0 0 4px inset;
		overflow: hidden;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
	}

		.profileImagePlaceholder:before {
			content: " ";
			position: absolute;
			top: 14%;
			left: 30%;
			width: 40%;
			height: 48%;
			margin: -2px;
			border: 2px solid #666;
			border-radius: 50%;
			background-color: #ccc;
		}

		.profileImagePlaceholder:after {
			content: " ";
			position: absolute;
			top: 74%;
			left: 10%;
			width: 80%;
			height: 30%;
			margin: -2px;
			border: 2px solid #666;
			border-bottom-color: transparent;
			border-top-left-radius: 50% 80%;
			border-top-right-radius: 50% 80%;
			background-color: #ccc;
		}

	

	.livemanagepaths .liveNavContent {
		border: none;
	}

	.liveContentManagePaths .pathList {
		margin: 0;
		padding: 0;
		height: 558px;
		list-style-type: none;
		
		overflow: hidden;
		overflow-y: auto;
	}

		.liveContentManagePaths .pathList .loadingIcon {
			padding-top: 10%;
			text-align: center;
		}

		.liveContentManagePaths .pathList .loadingIcon {
			display: none;
		}

		.liveContentManagePaths .pathList[data-list-state="loading"] .loadingIcon {
			display: block;
		}

		.liveContentManagePaths .pathList .pathItem {
			padding: 0.5em;
			border-bottom: 1px solid #f1f1f1;
			cursor: move;
		}

			.liveContentManagePaths .pathList .pathItem .pathwayMapScene {
				display: inline-block;
				width: 50px;
				min-height: 40px;
				vertical-align: middle;
			}

			.liveContentManagePaths .pathList .pathItem label {
				margin-left: 1em;
			}

		.liveContentManagePaths .pathList .editPathwayLink {
			float: right;
		}


	

	.zonePathwayList.receiveDragPath {
		min-height: 1em;
		background: #12204e;
		box-shadow: 0 0 8px;
	}

		.zonePathwayList.receiveDragPath.active {
			background: #ed5625;
		}

	.zonePathwayList .itemEditPathway.highlight {
		background-color: #12204e;
	}

	

	

	
	.analysisControl[view="fullscreen"] {
		z-index: 1;
	}




	

	
	.loginTextBox {
		top: 420px;
	}

	
	.buttonLoginReveal,
	.buttonRegisterReveal {
		top: 170px;
		width: 219px;
		height: 65px;
	}

	
	.modifyusers #output,
	.importusers #output {
		height: 285px;
		overflow: scroll;
	}

	.csvUploader.liveFullContent.stepOne {
		float: left;
		width: 819px
	}

	.stepOne .csvStepTwo,
	.stepOne .csvStepThree {
		display: none;
	}

	.stepTwo .csvStepOne {
		display: none
	}

	.csvButtonBar {
		
	}

	.csvImportButton {
		margin-top: 7px;
		margin-bottom: 7px;
	}

	.csvNavUsers {
		color: #91c83e;
		display: inline-block;
		margin-top: 2em;
		font-size: 2em;
	}

		.csvNavUsers:hover {
			text-decoration: none;
			color: #5f7926;
		}

		.csvNavUsers.vanillaLink {
			font-size: 1em;
		}

	a.whatisacsv {
		text-decoration: underline;
	}

	span.questionmark {
		display: inline-block;
		width: 12px;
		color: white;
		background-color: #555;
		border-radius: 2px;
		padding-left: 4px;
		font-style: normal;
		font-weight: bold;
	}

	.csvImportTable {
		width: 100%;
		border-collapse: collapse;
		
		border-top: none;
		border-bottom: none;
	}

		.csvImportTable th {
			border-left: 1px solid #999;
			border-right: 1px solid #333;
			border-top: 1px solid #999;
			border-bottom: 1px solid #424242;
			
			background-color: #666;
			color: #fff;
		}

		.csvImportTable td {
			padding: 0.2em 1em;
			border-bottom: 1px solid #CCC;
		}


			
			.csvImportTable th:first-child,
			.csvImportTable td:first-child {
				border-left: none;
			}

		.csvImportTable tr:first-child th {
			border-top: none;
		}

		
		.csvImportTable tbody tr {
			background-color: #eee;
		}

			.csvImportTable tbody tr:nth-child(2n+1) {
				background-color: #ddd;
			}

			.csvImportTable tbody tr[data-processed=true] {
				background-color: lightgreen;
			}

			.csvImportTable tbody tr[data-processed=false] {
				background-color: lightcoral;
			}

			.csvImportTable tbody tr td {
				border-bottom: 1px solid #999;
			}

			.csvImportTable tbody tr th,
			.csvImportTable tbody tr td {
				padding: 0.5em;
			}

			.csvImportTable tbody tr td {
				border-left: 1px solid #fff;
				border-right: 1px solid #aaa;
			}

				.csvImportTable tr th:first-child,
				.csvImportTable tbody tr td:first-child {
					border-left: none;
				}

				.csvImportTable tbody tr td:nth-last-child(2),
				.csvImportTable tr th:last-child,
				.csvImportTable tbody tr td:last-child {
					border-right: none;
				}

				

				.csvImportTable tbody tr:nth-child(2) th:last-child,
				.csvImportTable tbody tr td:last-child {
					border: none;
					background-color: white;
				}

	td.csvFieldErrorMsg {
		color: red;
	}

	td.csvFieldWarnMsg {
		color: darkorange;
	}

	#checkBoxTarget input[type=checkbox] {
		position: relative;
		top: 3px;
	}

	.csvUploader input[type=file] {
		color: #91c83e;
	}


	.csvErrorline {
		line-height: 21px;
		height: 21px;
		margin-bottom: 20px;
	}

	csvErrorline.csvOk {
	}

	.csvErrorIcon {
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		background: rgb(228, 34, 34);
		color: white;
		font-size: 19px;
		line-height: 21px;
		font-family: arial;
		text-align: center;
	}

	.csvOkIcon {
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		background: #91c83e;
		color: white;
		font-size: 19px;
		line-height: 21px;
		font-family: arial;
		text-align: center;
	}


	.csvErrorline span {
		display: none;
	}

	.csvErrorline.csvError span.csvErrorFeedback,
	.csvErrorline.csvError span.csvErrorIcon {
		display: inline-block;
	}

	.csvErrorline.csvOk span.csvErrorFeedback,
	.csvErrorline.csvOk span.csvOkIcon {
		display: inline-block;
	}

	.csvErrorFeedback {
		height: 20px;
		position: relative;
		top: -2px;
	}

	.csvError {
		color: rgb(228, 34, 34);
	}

	.csvErrorWarning {
		color: darkorange;
	}

	.csvOk {
		
	}

	.csvNewValue {
		color: darkorange;
	}

	.csvFieldError {
		background-color: red;
		color: black;
	}

	.csvDownloadButton.vanillaButton {
		width: initial;
		width: auto;
		min-width: 94px;
	}

	.csvButtonBar input[type='file'] {
		opacity: 0;
		width: 5px;
	}

	.csv-custom-file-upload {
		width: 94px;
		height: 26px;
		margin: 4px 4px 5px 1px;
		color: #303030 !important;
		font-weight: normal !important;
		text-shadow: 1px 1px 1px #fff;
		white-space: nowrap;
		border: 1px solid #ccc;
		border-radius: 5px;
		background: none;
		background-color: #e5e5e5;
		background-image: linear-gradient(to bottom, #ededed 0%, #ddd 100%);
		box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.7);
		cursor: pointer;
		display: inline-block;
		line-height: 26px;
		text-align: center;
	}

	.csv {
		color: darkorange;
	}

	.csvError ul {
		list-style-type: none;
	}

	.csvLegend {
		display: none;
	}

	.legendOk {
		color: lightgreen;
	}

	.legendError {
		color: lightcoral;
	}

	.legendSystem {
		color: darkorange;
	}

	
	.csvButtonsPanel .inviteUsersLink,
	.csvButtonsPanel .createUsersLink,
	.csvButtonsPanel .modifyUsersLink,
	.csvButtonsPanel .joinUsersLink,
	.csvButtonsPanel .moveUsersLink {
		display: none;
	}

	.csvUploader > div.csvStepOne,
	.csvUploader > div.csvStepTwo,
	.csvUploader > form {
		display: none;
	}

	.csvUploader h1:after {
		content: "This feature is currently unavailable.";
		display: block;
		margin-top: 2em;
		font-size: 13px;
		font-weight: normal;
		font-style: italic;
	}


	

	.brackenPrintBar .showPrintBar {
		display: none;
	}

	body[data-launch-method="LTI"] .brackenPrintBar .showPrintBar {
		display: inline-block;
	}

	body[data-launch-method="LTI"] #liveOverhead,
	body[data-launch-method="LTI"] #liveNavboxFrame,
	body[data-launch-method="LTI"] .brackenPrintBar[data-show-bar="true"] .showPrintBar {
		display: none;
	}

	body[data-launch-method="LTI"] .liveNavContent {
		float: none;
		margin: 0 auto;
	}

	body[data-launch-method="LTI"] .liveContent {
		width: auto;
	}

	body[data-launch-method="LTI"] .brackenPrintBar[data-show-bar="false"] {
		display: block;
		text-align: right;
	}

	@media print {
		.moduleSummary {
			border: none;
			padding:0px;
			width:100%;
		}

		.moduleSummaryContainer .summary {
			border: none;
		}
		

		.moduleSummary .reportSummary.list_autoscroll {
			min-height: 0px;
			height: auto;
			overflow:visible;
		}

			.moduleSummary .reportHeaderInfo button,
			#moduleSummaryNext,
			.footer .moduleSummaryActions .printHide,
			.serverType[data-server-type=Developer] {
				display: none;
			}

		.moduleSummary .reportHeading label {
			padding-left: 0.2em;
			margin-right: 3.0em;
		}

		.liveNavContent{
			margin-left:0px;
		}

		.liveContent{
			margin:0px auto;
			padding:0px;
		}
	}

	
.Profilefs .liveNavContentTitle {
	background-color: unset;
	padding: 5px 0px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.Profilefs .liveNavContentTitle {
	color: #222;
}

.Profilefs select {
	height: 23px;
	width: 156px;
}

.Profilefs input[type="text"] {
	width: 152px;
	height: 17px;
}

.Profilefs.liveNavContent {
	width: 600px;
	height: 60vh;
	margin: 40px auto 0 auto;
	box-shadow: 0 0 25px rgba(0,0,0,0.04);
	padding: 30px;
}

.Profilefs .liveNavContentUnderTitle {
	padding: 40px 0px;
	width: unset;
}

.Profilefs .profileUserValidation {
	color: red;
	margin-left: 10px;
}

.profilefs-sub {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
	text-align: center;
}

input.footoken{
	display:none;
}

.grecaptcha-badge {
	display:none;
}
.googletandc{
	margin-top:5px;
	text-align:center
}
	.googletandc a{
		text-decoration:underline;
	}

#pointswidget {
	margin-bottom: 15px;
}







.loginTextBox {
	top: 347px;
}


.buttonLoginReveal {
	top: 230px;
	left: 60px;
	width: 219px;
	height: 65px;
}


.buttonRegisterReveal {
	top: 230px;
	left: -0px;
	width: 219px;
	height: 65px;
}


#loginBox.loginPageBox {
	top: 135px;
}


#registerBox.loginPageBox {
	top: -6px
}


.loginOverhead {
	display: none;
}


.tabControllerBar .tabsHolder,
.tabControllerBar .tabsHolder .tabs .tab .tabTitle {
	background-color: #12204e;
}

.tabControllerBar .tabsHolder .tabs .tabActive .tabTitle {
	background-color: #ed5625;
}

.navboxRole .navboxRoleCurrent {
	color: #2C333F;
}

.navboxRole .twirlDown {
	border-top-color: #2C333F;
}

.navboxRole .hoverMenuAnchor:hover .hoverMenuTrigger, .navboxRole .hoverMenuAnchor[data-hover-menu-visible="true"] .hoverMenuTrigger {
	background-color: #f1f1f1;
}


.loginOverhead, .liveOverhead, .tokenOverhead {
	background-color: rgba(255, 255, 255, 1);
	background-image: none;
}

.liveOverimage {
	margin-top: 10px;
}



.loginFooter {
	color: white;
}