#brackenContainer {
	position: relative;
	margin-top: 10px;
	width: 1076px;
	margin: 0px auto;
}

#editorNavigation {
	float: left;
	display: inline;
	width: 120px;
	height: 600px;
	border: 1px solid black;
	background-color: #999999;
}

	#editorNavigation .navigationScroll {
		width: 120px;
		height: 500px;
		overflow: hidden;
		overflow-y: scroll;
		list-style: none;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#editorNavigation #editorNavigationButtons {
		width: 120px;
		height: 100px;
		background-color: #CCCCCC;
	}

	#editorNavigation #editorNavigationButtonsEditMode {
		width: 120px;
		height: 100px;
		background-color: #CCCCCC;
	}

		#editorNavigation #editorNavigationButtonsEditMode select {
			width: 115px;
		}

.navigationPage {
	position: relative;
	margin: 2px;
	padding: 2px;
	border: 1px solid black;
	background-color: #FFFFFF;
	width: 90px;
	height: 58px;
	overflow: hidden;
	border-radius: 8px;
}

.navigationCurrentPage {
	margin: 1px;
	border-width: 3px;
	box-shadow: 0 0 8px;
}

.navigationPage .navPageCell {
	position: absolute;
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}

.navigationPage .navPageThumbnail {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.navigationPage .navPageLabel {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 0 0.5em;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 10px;
}

.navigationPage .navPageNext {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 10px;
}

.navigationPage .navPageScore {
	position: absolute;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	font-weight: bold;
	cursor: default;
}

.navigationMasterPage {
	background-image: url('/images/bracken3/showContentCell.png');
}

.navigationPage .navigationTitle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-height: 2.2em;
	border-bottom: 1px solid #ccc;
	background: white;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
}

#editorNavigation .navButton {
	padding: 4px;
	margin-left: 6px;
	display: none;
}

#editorNavigation .navButton.visible {
	display: block;
}

#editorNavigation .navButtonCtr {
	text-align: center;
	padding-top: 8px;
}

.contentFrame {
	position: relative;
	border: 1px solid black;
	width: 950px;
	height: 600px;
	overflow: hidden;
}

.contentCell {
	position: absolute;
}

.brackenShape {
	position: absolute;
	/* box-shadow: 0 0 1em red inset; */
}

	.brackenShape svg {
		position: absolute;
		left: 0;
		top: 0;
		/* box-shadow: 0 0 0.5em blue inset; */
	}

.brackenHyperlink {
	text-decoration: underline;
}

.brackenPluginScriptHolder {
	position: absolute;
}

	.brackenPluginScriptHolder .brackenPluginScript {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.brackenPluginScriptHolder .loadFilesProgressBar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 12px;
		border: 1px solid #a0a0a0;
		border-radius: 8px;
		background: #cfcfcf;
		background: linear-gradient(to bottom,#cfcfcf 0%,#eaeaea 100%);
	}

		.brackenPluginScriptHolder .loadFilesProgressBar .loadFilesProgressBarFill {
			width: 0%;
			height: 100%;
			margin: -1px 0 0 -1px;
			border: 1px solid #51677D;
			border-radius: 8px;
			background: #8fb6dd;
			background: linear-gradient(to bottom,#8fb6dd 0%,#6c8aa8 100%);
		}

/*
* Interaction reference.
*/
.interactionReferenceHolder {
}

	.interactionReferenceHolder[has-parent-cell="true"] {
		position: relative;
	}

	.interactionReferenceHolder[has-parent-cell="false"] {
		position: absolute;
	}

	.interactionReferenceHolder > textarea,
	.interactionReferenceHolder > div.brackenMultilineText,
	.interactionReferenceHolder .analyseCaptureReferenceHolder,
	.interactionReferenceHolder .uploadReferenceHolder {
		width: 100%;
		height: 100%;
	}

	.interactionReferenceHolder > input[type="text"],
	.interactionReferenceHolder > select {
		width: 100%;
	}

	.interactionReferenceHolder > input[type="text"],
	.interactionReferenceHolder > select {
		pointer-events: none;
		background: none;
	}

	.interactionReferenceHolder > textarea {
		padding: 0;
		background: none;
		overflow: auto;
	}

	.interactionReferenceHolder .analyseCaptureReferenceHolder,
	.interactionReferenceHolder .uploadReferenceHolder {
		text-align: center;
	}

		.interactionReferenceHolder .analyseCaptureReferenceHolder .analyseCaptureResultReference {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.interactionReferenceHolder .analyseCaptureReferenceHolder[has-exemplar="true"] .analyseCaptureResultReference,
		.interactionReferenceHolder .analyseCaptureReferenceHolder[has-exemplar="true"] .analyseCaptureExemplarReference {
			position: relative;
			display: inline-block;
			width: 48%;
			height: 100%;
			margin: 0 1%;
			vertical-align: top;
		}

		.interactionReferenceHolder .analyseCaptureReferenceHolder img,
		.interactionReferenceHolder .uploadReferenceHolder img,
		.interactionReferenceHolder .analyseCaptureReferenceHolder video,
		.interactionReferenceHolder .uploadReferenceHolder video {
			max-height: 100%;
			max-width: 100%;
			vertical-align: middle;
		}

		.interactionReferenceHolder .uploadReferenceHolder .uploadReferenceFilename {
			max-width: 100%;
			overflow: hidden;
			white-space: nowrap;
		}

		.interactionReferenceHolder .analyseCaptureReferenceHolder[has-exemplar="true"] {
		}


.contentFrame .lessonLocked {
	display: none;
	width: 380px;
	margin: 5em auto;
	padding: 2em;
	text-align: center;
	border: 2px solid #CCC;
	box-shadow: 0 0 16px rgba(180, 180, 0, 0.6);
}

.contentFrame .masterAsset.inert {
	pointer-events: none;
}

.contentCell .uploadedInteraction .mmPreviews .frame .title,
.displayListUploadedInteraction .mmPreviews .frame .title {
	font-size: 12px;
	height: auto;
	min-height: 18px;
}

.contentCell .uploadedInteraction button,
.displayListUploadedInteraction button {
	font-size: 12px !important;
}

.contentCell .uploadedInteraction .mmPreviews .frame,
.displayListUploadedInteraction .mmPreviews .frame,
.contentCell.wizardSelector .mmPreviews .frame {
	float: none;
}

	.contentCell .uploadedInteraction .mmPreviews .frame .removeSelectedMedia,
	.displayListUploadedInteraction .mmPreviews .frame .removeSelectedMedia {
		position: absolute;
		right: 0;
		top: 0;
	}

.uploadedInteraction .rotateSelectedMedia,
.displayListUploadedInteraction .rotateSelectedMedia {
	position: absolute;
	bottom: 0;
	right: 2px;
	transition: transform 0.3s ease-out;
}

	.uploadedInteraction .rotateSelectedMedia:hover,
	.displayListUploadedInteraction .rotateSelectedMedia:hover {
		transform: rotate(-90deg);
		text-decoration: none;
	}

.uploadedInteraction .rotateSelectedMedia.hidden,
.uploadedInteraction .removeSelectedMedia.hidden,
.displayListUploadedInteraction .rotateSelectedMedia.hidden,
.displayListUploadedInteraction .removeSelectedMedia.hidden {
	display: none;
}

.transitionOut {
	display: none;
}

.contentCell.wizardSelector .mmbuttonBrowse {
	font-size: 15px !important;
}

[br-display-mode="Learner"] [data-online-media="false"] .uploadedInteraction .vanillaButton.mmbuttonBrowse,
[br-display-mode="Learner"] [data-online-media="false"] .uploadedInteraction .vanillaButton.mmbuttonBrowse[disabled],
[br-display-mode="Learner"] [data-online-media="false"] .uploadedInteraction .vanillaButton.mmbuttonBrowse[disabled]:hover,
[br-display-mode="Learner"] [data-online-media="false"] .uploadedInteraction .vanillaButton.mmbuttonBrowse[disabled]:active,
[br-display-mode="Learner"] [data-online-media="false"] .displayListUploadedInteraction .vanillaButton.mmbuttonBrowse,
[br-display-mode="Learner"] [data-online-media="false"] .displayListUploadedInteraction .vanillaButton.mmbuttonBrowse[disabled],
[br-display-mode="Learner"] [data-online-media="false"] .displayListUploadedInteraction .vanillaButton.mmbuttonBrowse[disabled]:hover,
[br-display-mode="Learner"] [data-online-media="false"] .displayListUploadedInteraction .vanillaButton.mmbuttonBrowse[disabled]:active {
	cursor: not-allowed;
}

.contentCell.wizardSelector .mmPreviews .frame .media img {
	background: none;
}

.contentCell.wizardSelector .mmPreviews .title input.editFrameTitle {
	width: 90%;
	background: none;
	color: inherit;
	font-size: inherit;
	padding: 1px;
	border: none;
}

.contentCell.wizardSelector .buttons {
	text-align: left;
}

	.contentCell.wizardSelector .buttons .mmbuttonBrowse {
		float: none;
		display: inline-block;
	}

.brackenGroup {
	position: absolute;
	overflow: hidden;
}

.contentFrame.printPreview {
	border: none;
	width: auto;
	height: auto;
	overflow: auto;
}

/* The RTE Editor Iframe */
iframe {
	border: none; /* ensure no default shadowed border is rendered */
	width: 100%; /* expand the iframe content window to be the same size as the containing parent div */
	height: 100%;
}

.brackenPrintBar[data-show-bar="false"] {
	display: none;
}

.brackenPrintBar {
	padding: 0.5em 1em;
	background-color: #e7e7e7;
	text-align: center;
}

	.brackenPrintBar .printIcon {
		vertical-align: middle;
	}

.brackenPrintStart {
	float: right;
}

.brackenPrintOptions {
	display: none;
}

.brackenPrintOptionsGroup {
	display: inline-block;
	margin: 0.2em 1em;
	vertical-align: middle;
}

.brackenPrintModulePage {
	position: relative;
	border: 1px solid black;
	margin: 1em 0;
	width: 952px;
	height: 602px;
	overflow: hidden;
}

.brackenPrintModulePageHead {
}

.brackenPrintModulePageFoot {
	width: 952px;
	text-align: center;
}

.brackenPrintModulePageFooterText {
	text-align: center;
	padding-top: 1em;
	display: none;
}


.printPreview[print-breaks=all] .brackenPrintContent.printModulePage0,
.printPreview[print-breaks=all] .brackenPrintContent.printModulePage1,
.printPreview[print-breaks=odds] .brackenPrintContent.printModulePage1 {
	border-bottom: 1px dotted black;
	page-break-after: always;
}

	.printPreview[print-breaks=all] .brackenPrintContent.printModulePage0 .brackenPrintModulePageFooterText,
	.printPreview[print-breaks=all] .brackenPrintContent.printModulePage1 .brackenPrintModulePageFooterText,
	.printPreview[print-breaks=odds] .brackenPrintContent.printModulePage1 .brackenPrintModulePageFooterText {
		display: block;
	}

.printPreview .brackenPrintContent.printModulePage0.finalViewPage,
.printPreview .brackenPrintContent.printModulePage1.finalViewPage {
	border-bottom: none;
	page-break-after: auto;
}

	.printPreview .brackenPrintContent.printModulePage0.finalViewPage .brackenPrintModulePageFooterText,
	.printPreview .brackenPrintContent.printModulePage1.finalViewPage .brackenPrintModulePageFooterText {
		display: block;
	}

@media print {
	#editorNavigation,
	#masterFrame .previousPageButton,
	#masterFrame .nextPageButton,
	#masterFrame .contentFooter {
		display: none;
	}

	.brackenPrintBar {
		display: none;
	}
}

.printDropdown {
	position: relative;
}
	.printDropdown ul {
		position: absolute;
		left: 0;
		top: 1.3em;
		margin: 0;
		padding: 0 0.3em;
		list-style-type: none;
		border: 1px solid;
		background-color: rgba(255, 255, 255, 0.5);
		white-space: nowrap;
		font-size: 0.8em;
		opacity: 0.8;
		z-index: 1;
	}

		.printDropdown ul li[data-is-selected="true"] {
			border: 1px solid;
			border-radius: 0.25em;
			padding: 0em 0.2em;
			margin: 0.1em -0.2em;
		}


/* *******************************************************
* Quick Styles
******************************************************* */

.brackenContentPathwaysAwarua {
	font: normal 18px helvetica,arial,sans-serif;
	color: #4C4C4C;
}

.brackenContentTitle {
	font-size: 24px;
	font-weight: bold;
}
/* obsolete */
.brackenContentIntro {
	font-weight: bold;
}

.brackenContentInstruction {
	color: #3f7f00;
}

.brackenContentDefault {
}

.brackenContentSC {
	color: #666; /* font-weight:lighter; */
	font-size: 15px;
	font-family: Tahoma,helvetica,arial,sans-serif;
}

.brackenContentSCHeading {
	font-size: 22px;
	font-weight: normal;
}

.brackenContentSCInstruction {
	color: #0073BA;
}

.brackenContentSCNotes {
	font-style: italic;
}

.brackenFracContainer {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.9em;
}

.brackenFracElement {
	display: block;
	text-align: center;
	padding: 0.2em;
}

.brackenFracBar {
	display: block;
	height: 0px;
	border-bottom: 0.1em solid;
}

@media print {
	.brackenFracBar {
		border-color: #666;
	}
}



/* ****************************************************
* Questions
**************************************************** */
.questionHolder {
	position: relative;
}

.questionFloat {
	position: relative;
}

	.questionFloat input[type=text] {
		width: 20px;
	}

[browser-type="ipad"] .questionFloat input[type="text"] {
	padding: 2px 3px;
}

.questionHolder.dragDropChild {
	position: absolute;
}

	.questionFloat.dragDropChildFloat {
		position: absolute;
		display: inline-block;
	}

.dragDrop .questionFloat.dragDropChildFloat {
	position: relative;
}

.dragDrop .drophover {
	background-color: #92CA17 !important;
}

.dragDrop[data-is-inline="true"][data-dropped-count] .dragDropFloat {
	display: inline;
}
.dragDrop[data-is-inline="true"] .dragDropFloat,
.dragDrop[data-is-inline="true"][data-dropped-count="0"] .dragDropFloat {
	display: inline-block;
}


.dragDrop[data-is-inline="false"] .questionFloat.dragDropChildFloat {
	display: block;
}

.dragDrop[data-is-inline="true"] .questionFloat.dragDropChildFloat {
	display: inline;
}

.dragDrop[data-is-inline="false"] .dragDropFloat {
	display: inline-block;
	/*white-space: nowrap;*/
}

/*.dragDrop .interactionLabel {
	white-space: normal;
}*/

.dragDrop .dragDropChildFloat .audioIcon {
	display: none;
}

.questionFeedback {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
}

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

/* DIV elements as holders */
div.questionHolder {
	display: inline-block;
	position: relative;
}

div.questionFloat {
	position: relative;
}

	div.questionFloat.floated {
		float: left; /* float left requires div style=clear:both after it */
	}

.questionHolder .mmPreviews .title,
.questionHolder .mmPreviews .media {
	overflow: hidden;
}

.questionHolder .mmPreviews .frame .media img {
	background: none;
}

/**
* Display List interactions.
*/

div.displayListInteractionContainer,
span.displayListInteractionContainer {
	position: absolute;
}

	div.displayListInteractionContainer .questionFloat,
	span.displayListInteractionContainer .questionFloat {
		width: 100%;
		height: 100%;
	}

	.displayListInteractionContainer.checkBoxSet .questionFloat,
	.displayListInteractionContainer.radioSet .questionFloat {
		width: initial;
		height: initial;
	}


.displayListInteractionContainer.displayListDragDropSet {
	height: 0;
}

.displayListInteractionContainer.displayListDragDropSet .questionHolder {
	width: 100%;
	height: 0;
}

/* ****************************************************
* Rendered Questions in Cell
**************************************************** */
.contentCell input[type=text] {
	font-size: inherit;
	font-weight: inherit;
	text-decoration: inherit;
	font-style: inherit;
	color: inherit;
}

.contentCellDontSelect {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.contentCell .audioIcon,
.questionFloat .audioIcon,
.contentCell .titleIcon {
	position: absolute;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.contentCell .audioIcon,
.questionFloat .audioIcon {
	left: -24px;
	top: 0;
}

.contentCell .titleIcon {
	left: -24px;
	top: 0;
}

h1.contentCell,
h2.contentCell,
h3.contentCell,
h4.contentCell,
h5.contentCell,
h6.contentCell {
	margin: 0;
}

textarea.brackenMultilineText {
	resize: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-decoration: inherit;
	border: none;
}

div.brackenMultilineText {
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
	overflow-y: auto;
}

	textarea.brackenMultilineText[disabled],
	div.brackenMultilineText.disabled {
		background-color: #fff;
	}

.brackenMultilineText.hinted {
	font-style: italic;
    color: #ccc;
}

/*
 The following are a fix for a Chrome bug where
 adding and deleting lines in a contenteditable
 div with display: inline-block will move the
 element up and down, see https://stackoverflow.com/questions/56085850.
 We only want to apply this in Learner mode,
 to preserve the Multiline getRect() metrics.
*/
#brackenContainer:not([br-display-mode="Layout"]) .questionContainer[interaction-type="MultilineText"] .questionFloat,
#brackenContainer:not([br-display-mode="Layout"]) .displayListInteractionContainer[interaction-type="MultilineText"] .questionFloat {
	display: inline-block;
}

#brackenContainer:not([br-display-mode="Layout"]) .questionContainer[interaction-type="MultilineText"] .questionFeedback,
#brackenContainer:not([br-display-mode="Layout"]) .displayListInteractionContainer[interaction-type="MultilineText"] .questionFeedback {
	position: absolute;
	bottom: 12px;
	right: -16px;
}

#brackenContainer:not([br-display-mode="Layout"]) .questionContainer[interaction-type="MultilineText"] div.brackenMultilineText,
#brackenContainer:not([br-display-mode="Layout"]) .displayListInteractionContainer[interaction-type="MultilineText"] div.brackenMultilineText {
	display: block;
}
/* ^-- end Chrome bug fix --^ */

#brackenContainer .contentFrame .contentCell > div,
#brackenContainer .contentFrame .contentCell > p {
	font-style: inherit;
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	background-color: inherit;
}
.brackenMultilineTextFormattingAnchor {
	position: absolute;
	width: 100%;
}

.brackenMultilineTextFormattingBar {
	position: absolute;
	bottom: 4px;
	padding: 4px 8px;
	margin-left: -8px;
	border-bottom: 1px solid #c3c3c5;
	border-radius: 8px;
	white-space: nowrap;
	background-color: #fff;
	background: linear-gradient(to bottom, #fdfdfd 0%, #f3f3f3 100%);
}

	.brackenMultilineTextFormattingAnchor.formatBarBelow .brackenMultilineTextFormattingBar {
		bottom: auto;
		top: 4px;
	}

	.brackenMultilineTextFormattingBar span.brackenMultilineTextFormattingGroup {
		line-height: 32px;
		white-space: nowrap;
	}

	.brackenMultilineTextFormattingBar button {
		padding: 0;
		margin: 0 1px;
		width: 28px;
		height: 28px;
		border: none;
		border-radius: 4px;
		text-align: center;
		vertical-align: middle;
	}

.mediaElementHolder {
	position: absolute;
	display: inline-block;
}

.contentCell .mediaElementHolder {
	position: relative;
}

.mediaElement {
	position: absolute;
}

.mediaElement[media-element-type="audio"] audio {
	width: 100%;
}

.mediaElement[media-element-type="audio"] embed {
	width: 100%;
	height: 100%;
}

.navPageCell .silverDualAnalyseNavMedia {
	height: 50%;
	text-align: center;
}

	.navPageCell .silverDualAnalyseNavMedia > img {
		max-width: 100%;
		max-height: 100%;
	}

/*
* Slider
*/
div.questionHolder.brackenSlider {
	position: relative;
	display: block;
}

.brackenSlider .questionFeedback {
	position: absolute;
}

/* -- Horizontal -- */
.sliderContainer[data-slider-direction="horizontal"] {
	position: relative;
	top: 20%;
	width: 100%;
	height: 20%;
}

.sliderContainer .sliderRangeValue {
	display: none;
}

.sliderContainer .sliderValue .currentValue {
	pointer-events: none;
}

.sliderContainer[data-slider-direction="horizontal"] .sliderRangeValue,
.sliderContainer[data-slider-direction="horizontal"] .sliderRange {
	position: relative;
	vertical-align: middle;
}

.sliderContainer[data-slider-direction="horizontal"] .sliderRange {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.sliderContainer.showRange[data-slider-direction="horizontal"] .sliderRange {
	width: 70%;
}

.sliderContainer.showRange[data-slider-direction="horizontal"] .sliderRangeValue {
	width: 13%;
	height: 1em;
	display: inline-block;
}

.sliderContainer.showRange[data-slider-direction="horizontal"] .sliderStartValue {
	margin-right: 1%;
	text-align: right;
}

.sliderContainer.showRange[data-slider-direction="horizontal"] .sliderEndValue {
	margin-left: 1%;
	text-align: left;
}

.sliderContainer.showRange[data-slider-direction="horizontal"] .sliderRangeValue span {
	position: absolute;
	top: 0;
}

.sliderContainer.showRange[data-slider-direction="horizontal"] .sliderStartValue span {
	right: 0;
}

.sliderContainer.showRange[data-slider-direction="horizontal"] .sliderEndValue span {
	left: 0;
}

.sliderContainer[data-slider-direction="horizontal"] .sliderAnchor {
	position: absolute;
	top: 110%;
}

.sliderContainer.hasResult[data-slider-direction="horizontal"] .sliderAnchor {
	top: -75%;
}

.sliderContainer[data-slider-direction="horizontal"] .sliderAnchor .sliderThumb {
	position: absolute;
	top: 0;
}

.sliderContainer.showValue[data-slider-direction="horizontal"] .sliderAnchor .sliderValue {
	position: relative;
	top: 100%;
	left: -50%;
	height: 1.2em;
	vertical-align: bottom;
	white-space: nowrap;
}

.sliderContainer .sliderAnchor .sliderGrab {
	position: relative;
}

.sliderContainer[data-slider-direction="horizontal"] .sliderAnchor .sliderGrab {
	left: -100%;
	top: -25%;
	width: 300%;
	height: 200%;
}


/* -- Vertical -- */
.sliderContainer[data-slider-direction="vertical"] {
	height: 100%;
}

.sliderContainer.showRange[data-slider-direction="vertical"] .sliderRangeValue {
	display: block;
	text-align: center;
}

.sliderContainer[data-slider-direction="vertical"] .sliderRange {
	position: relative;
	margin-left: 40%;
	width: 20%;
	height: 100%;
}

.sliderContainer.showRange[data-slider-direction="vertical"] .sliderRange {
	height: 80%;
}


.sliderContainer[data-slider-direction="vertical"] .sliderAnchor {
	position: absolute;
	left: -240%;
}

.sliderContainer.hasResult[data-slider-direction="vertical"] .sliderAnchor {
	left: -60%;
}

.sliderContainer[data-slider-direction="vertical"] .sliderAnchor .sliderValue {
	position: absolute;
	top: -0.8em;
	right: -4.5em;
	width: 4em;
	white-space: nowrap;
	overflow: visible;
}

.sliderContainer[data-slider-direction="vertical"] .sliderAnchor .sliderGrab {
	top: -100%;
	left: -50%;
	width: 250%;
	height: 300%;
}



/* -- Visual style -- */
.sliderContainer .sliderRange {
	border-radius: 40px;
	background-color: #d2d2d2;
}

.sliderContainer .sliderAnchor .sliderThumb {
	border-radius: 40px;
	background-color: #898989;
}

.sliderContainer .sliderAnchor.dragging .sliderThumb {
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
	background-color: #383839;
}

@media print {
	.sliderContainer .sliderRange,
	.sliderContainer .sliderThumb {
		border: 1px solid #333;
		margin: -1px;
	}
}

/* 
* Embedded Sharable Content Object Element
*/
.mediaElementScoAnchor {
	width: 100%;
	height: 100%;
}

.mediaElementScoContent {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: white;
}

.mediaElementScoLoading {
	position: relative;
	top: 20px;
	height: 0;
	text-align: center;
}

select.mediaElementScoNavigation {
	position: absolute;
	display: none;
	right: 32px;
	top: 0;
}

.mediaElementScoFullscreen {
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	height: 28px;
	padding: 0;
}

.analyseCaptureExemplar {
	text-align: center;
	overflow: hidden;
}

	.analyseCaptureExemplar > img {
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
	}

.questionFeedback.analyseCapture {
	position: absolute;
	right: -16px;
}

[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="legacy"] button.analysisCaptureFull,
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="legacy"] button.analysisCaptureFull[disabled],
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="legacy"] button.analysisCaptureRegion,
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="legacy"] button.analysisCaptureRegion[disabled],
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="simple"] button[button-action="simple"],
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="simple"] button[button-action="simple"][disabled],
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="advanced"] button[button-action="full"],
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="advanced"] button[button-action="full"][disabled],
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="advanced"] button[button-action="region"][disabled],
[br-display-mode="Learner"] [data-online-media="false"] [analyse-capture-view="advanced"] button[button-action="region"] {
	cursor: not-allowed;
}

[analyse-capture-view="simple"] .questionFeedback.analyseCapture,
[analyse-capture-view="advanced"] .questionFeedback.analyseCapture {
	position: absolute;
	right: 4px;
	bottom: 4px;
}

[analyse-capture-view="simple"] .analysisCaptureImage,
[analyse-capture-view="advanced"] .analysisCaptureImage {
	width: 100%;
	height: 100%;
	background-color: #e1e1e1;
	text-align: center;
}

[analyse-capture-view="advanced"] .analysisCaptureImage {
	height: 90%;
}

	[analyse-capture-view="simple"] .analysisCaptureImage > img,
	[analyse-capture-view="advanced"] .analysisCaptureImage > img {
		display: inline-block;
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
	}


[analyse-capture-view="simple"] button,
[analyse-capture-view="advanced"] button {
	border: none;
	padding: 0;
	cursor: pointer;
}

	[analyse-capture-view="simple"] button[button-action],
	[analyse-capture-view="advanced"] button[button-action] {
		background-color: #abdce1;
		text-align: center;
		overflow: hidden;
	}

		[analyse-capture-view="simple"] button[button-action]:hover,
		[analyse-capture-view="advanced"] button[button-action]:hover {
			background-color: #37b1be;
		}

		[analyse-capture-view="simple"] button[button-action][disabled]:hover,
		[analyse-capture-view="advanced"] button[button-action][disabled]:hover {
			background-color: #abdce1;
			cursor: default;
		}

	[analyse-capture-view="advanced"] button[button-action="full"],
	[analyse-capture-view="advanced"] button[button-action="region"],
	[analyse-capture-view="advanced"] button[button-action="preview"],
	[analyse-capture-view="advanced"] button[button-action="restore"] {
		position: absolute;
		width: 40px;
		height: 50%;
	}

	[analyse-capture-view="advanced"] button[button-action="full"] {
		left: -40px;
		top: 0;
	}

	[analyse-capture-view="advanced"] button[button-action="region"] {
		left: -40px;
		bottom: 0;
	}

	[analyse-capture-view="advanced"] button[button-action="preview"] {
		right: -40px;
		top: 0;
	}

	[analyse-capture-view="advanced"] button[button-action="restore"] {
		right: -40px;
		bottom: 0;
	}

	[analyse-capture-view="simple"] button[button-action="simple"] {
		width: 100%;
	}

	[analyse-capture-view="simple"] button[button-action] > div,
	[analyse-capture-view="advanced"] button[button-action] > div {
		display: inline-block;
		width: 32px;
		height: 32px;
		overflow: hidden;
	}

		[analyse-capture-view="simple"] button[button-action] > div > img,
		[analyse-capture-view="advanced"] button[button-action] > div > img {
			position: relative;
		}

[analyse-capture-view] button[button-action="full"] > div > img {
	left: 0%;
}

[analyse-capture-view] button[button-action="region"] > div > img {
	left: -100%;
}

[analyse-capture-view] button[button-action="preview"] > div > img {
	left: -200%;
}

[analyse-capture-view] button[button-action="restore"] > div > img {
	left: -300%;
}

[analyse-capture-view] button[button-action="simple"] > div > img {
	left: -400%;
}


[analyse-capture-view="advanced"] .analyseCaptureTimeline {
	position: absolute;
	width: 100%;
	height: 10%;
	background: #999;
	overflow: hidden;
}

.analyseCaptureTimeline .analyseCaptureTimelineSelection {
	position: absolute;
	height: 100%;
	background-color: #5c1c1c;
}

	.analyseCaptureTimeline .analyseCaptureTimelineSelection[selection-type="position"] {
		margin-left: -1px;
		border-left: 2px solid #5c1c1c;
	}

.contentFrame[br-page-view=Mark] .analysisCaptureButton .analysisCaptureFull,
.contentFrame[br-page-view=Mark] .analysisCaptureButton .analysisCaptureRegion {
	cursor: default;
}


.analyseCaptureSummaryAuto {
	width: auto;
}

/* Holding container for analysis tools. */
#analysisToolLayer {
	display: none;
}

.analysisToolContainer {
	background: #fff;
}

.mediaElement.isPreview .analysisToolContainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.radioSet.interactionClassCompact .questionFloat,
.checkBoxSet.interactionClassCompact .questionFloat,
.interactionReferenceHolder .interactionClassCompact .interactionReferenceItem {
	padding: 0.2em 0;
}

.radioSet.interactionClassMedium .questionFloat,
.checkBoxSet.interactionClassMedium .questionFloat,
.interactionReferenceHolder .interactionClassMedium .interactionReferenceItem {
	padding: 0.4em 0;
}

.radioSet.interactionClassLoose .questionFloat,
.checkBoxSet.interactionClassLoose .questionFloat,
.interactionReferenceHolder .interactionClassLoose .interactionReferenceItem {
	padding: 0.8em 0;
}

.radioSet.interactionClassStacked .questionHolder,
.checkBoxSet.interactionClassStacked .questionHolder,
.interactionReferenceHolder .interactionClassStacked .interactionReferenceItem {
	display: inline-block;
	padding: 0 8px;
	vertical-align: top;
}

.radioSetChildContainer,
.checkBoxSetChildContainer {
	display: block;
}

.pluginCover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/**
* New Media Manager
*/
#blockLayer {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	background-image: url(/images/bg00000035.png);
}

#mediaManagerContainer {
	position: absolute;
	background-color: #fff;
}

	#mediaManagerContainer .mmContainer {
		border: none;
	}

	#mediaManagerContainer .mmSearchBar,
	#mediaManagerContainer .mmFooterBar {
		background-color: #e7e7e7;
	}

/* *******************************************************
* Drag Drop Interaction
******************************************************* */
.dragDrop {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

	.dragDrop .questionFeedback,
	.dragDropChild .questionFeedback {
		position: absolute;
	}

.IconOnDrag {
	position: relative;
}

.dragDrop .questionFeedback.IconOnTarget {
	position: absolute;
	top: 3px;
	right: -20px;
}

.dragDrop[data-icon-on-target="true"] .dragDropChildFloat .questionFeedback {
	display: none;
}

.dragDropChild .selectionHint {
	box-shadow: 0 0 10px #333;
	background-image: url(/images/Bracken3/showContentCell.png);
}

/* Fix for Internet Explorer 11 moving drop target boxes when dragging upwards out of drop zones */
.questionFloat.ui-draggable-dragging {
	position: absolute;
}

.ui-draggable span {
	cursor: pointer;
}

.translucent {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* .questionHolder { border: 1px solid red; } */

/*
* Highlight interaction
*/
[data-chooser-count="1"] > .brackenHighlightChoose {
	display: none;
}

/* Chevrons for e.g. carousel. Can leave an inner span that gets hidden. */

.chevronLeft:before,
.chevronRight:before {
	content: " ";
	border-left: 0.2em solid;
	border-bottom: 0.2em solid;
	width: 0.45em;
	height: 0.45em;
	display: inline-block;
	vertical-align: middle;
}

.chevronLeft > span,
.chevronRight > span {
	display: none;
}

.chevronLeft:before {
	transform: rotate(45deg);
}

.chevronRight:before {
	transform: rotate(225deg);
}


/** -------------------------------
* Carousel
* Some colour styles from template2.css.
* ------------------------------ */
.brackenCarouselLayer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	background: white;
	max-height: 4em;
	text-align: center;
	transition-property: max-height, padding ;
	transition-duration:		0.2s;
	transition-delay: 0.2s;
	transition-timing-function: ease-out;
	font-size: 0.9em;
}

	.brackenCarouselLayer[data-show-carousel="false"] {
		max-height: 0;
		padding-top: 0;
		padding-bottom: 0;
		transition: max-height 0.12s ease-out;
	}

	.carouselNavigationDots {
		display: inline-block;
		max-width: 620px;
		vertical-align: middle;
	}

	.carouselNavigation button {
		display: inline-block;
		padding: 0.1em 0.6em;
		color: #777;
		border: none;
		background: none;
		vertical-align: middle;
		cursor: pointer;
	}

.carouselNavigation > button {
	font-size: 1.5em;
}

	.brackenCarouselLayer .carouselButtons {
		margin-bottom: 0.3em;
	}

.carouselButtons button {
	border: none;
	min-width: 7em;
	margin: 0 0.2em;
	padding: 0.5em 0.8em 0.4em 0.5em;
	border-radius: 0.2em;
}

		.carouselButtons button:before {
			content: " ";
			display: inline-block;
			width: 16px;
			height: 16px;
			margin-right: 0.5em;
			vertical-align: middle;
		}

		.carouselButtons button[data-carousel-action="clear"]:before {
			background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAzMiAzMic+PGcgZmlsbD0nd2hpdGUnPjxwYXRoIGQ9J00xMC41LDI2LjhMMTAuNSwyNi44YzAuNywwLDEuMy0wLjYsMS4zLTEuM3YtOS45YzAtMC43LTAuNi0xLjMtMS4zLTEuM2gwYy0wLjcsMC0xLjMsMC42LTEuMywxLjN2OS45IEM5LjIsMjYuMiw5LjcsMjYuOCwxMC41LDI2Ljh6Jy8+PHBhdGggZD0nTTE2LjEsMjYuOEwxNi4xLDI2LjhjMC43LDAsMS4zLTAuNiwxLjMtMS4zdi05LjljMC0wLjctMC42LTEuMy0xLjMtMS4zaDBjLTAuNywwLTEuMywwLjYtMS4zLDEuM3Y5LjkgQzE0LjgsMjYuMiwxNS4zLDI2LjgsMTYuMSwyNi44eicvPjxwYXRoIGQ9J00yMS43LDI2LjhMMjEuNywyNi44YzAuNywwLDEuMy0wLjYsMS4zLTEuM3YtOS45YzAtMC43LTAuNi0xLjMtMS4zLTEuM2gwYy0wLjcsMC0xLjMsMC42LTEuMywxLjN2OS45IEMyMC4zLDI2LjIsMjAuOSwyNi44LDIxLjcsMjYuOHonLz48cGF0aCBkPSdNNS4xLDI4LjdDNS4xLDMwLjUsNi43LDMyLDguNiwzMmgxNWMxLjksMCwzLjQtMS41LDMuNS0zLjNsMS0xOS42SDRMNS4xLDI4Ljd6IE0yNi40LDEwLjhsLTAuOSwxNy44IGMwLDEtMC45LDEuNy0xLjgsMS43aC0xNWMtMSwwLTEuOC0wLjgtMS44LTEuOEw1LjgsMTAuOEgyNi40eicvPjxwYXRoIGQ9J00yNy42LDUuNWwtNS43LTAuOUwyMS45LDRjMC4yLTEuNS0wLjgtMi44LTIuMi0zLjFMMTQuMywwYy0xLjUtMC4yLTIuOCwwLjgtMy4xLDIuMmwtMC4xLDAuNkw1LjQsMS45IEM0LjYsMS44LDQsMi4zLDMuOCwzTDMuNiw0LjhsMjQuOSw0TDI4LjcsN0MyOC44LDYuMywyOC4zLDUuNiwyNy42LDUuNXogTTIwLjUsMy43bC0wLjEsMC42bC03LjktMS4zbDAuMS0wLjYgYzAuMS0wLjcsMC44LTEuMiwxLjQtMWw1LjQsMC45QzIwLjIsMi40LDIwLjYsMy4xLDIwLjUsMy43eicvPjwvZz48L3N2Zz4=");
		}

		.carouselButtons button[data-carousel-action="more"]:before {
			background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBhdGggZmlsbD0nd2hpdGUnIGQ9J00zMS45LDguOHYwLjd2MjAuNGMwLDEuMS0wLjksMi4xLTIuMSwyLjFIOC44Yy0xLjEsMC0yLTAuOS0yLjEtMnYtMi45aDIuM3YxLjJ2MS4zaDIwLjVWOS41aC00LjkgYy0xLDAtMS44LTAuOC0xLjgtMS44VjIuNEg5LjF2Mi41SDYuN1YyLjFjMC0xLjEsMC45LTIuMSwyLjEtMi4xaDE0LjFoMC4yYzAuMywwLDAuNiwwLDAuOSwwLjFjMC45LDAuMiwxLjgsMC43LDIuMywxLjJsNC4yLDQuMiBjMC42LDAuNiwxLjIsMS44LDEuMywyLjh2MHYwQzMxLjksOC42LDMxLjksOC43LDMxLjksOC44eiBNMTcuNCw5YzMuOSwzLjksMy45LDEwLjEsMCwxMy45Yy0zLjksMy45LTEwLjEsMy45LTEzLjksMCBjLTMuOS0zLjktMy45LTEwLjEsMC0xMy45QzcuMyw1LjIsMTMuNiw1LjIsMTcuNCw5eiBNMTIuMiwxNC4zVjkuNVY4LjlsLTAuNSwwbC0yLjQsMGwtMC41LDBsMCwwLjVsMCw0LjhIMy45SDMuNGwwLDAuNWwwLDIuNCBsMCwwLjVsMC41LDBoNC44djQuOHYwLjVsMC41LDBsMi40LDBsMC41LDB2LTAuNXYtNC44bDQuOCwwbDAuNSwwbDAtMC41bDAtMi40bDAtMC41SDE3SDEyLjJ6Jy8+PC9zdmc+");
		}

	.carouselButtons button[disabled],
	.carouselButtons button[disabled]:hover {
		background-color: #d3d3d3;
	}

.carouselNavigation,
.carouselButtons {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

	.carouselNavigation .carouselNavigationDot[data-current-carousel-page="true"] {
		font-size: 1.4em;
		font-weight: bold;
	}

.brackenCarouselLayer[data-carousel-clear="false"] button[data-carousel-action="clear"] {
	display: none;
}

/* *******************************************************
* Feedback Float
******************************************************* */
.feedbackFloat {
	position: absolute;
	background: #F0F077;
	padding: 4px 6px;
	color: black;
	border: 1px solid #CC6;
	/* z-index: Lift above draggable items. */
	z-index: 1; 
}

.feedbackFloatShadow {
	position: absolute;
}

.feedbackFloat .shadow_r1_c1 {
	background: url('/images/Bracken3/FeedbackFloat/shadow_r1_c1.png');
	left: -8px;
	top: -8px;
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
}
/* nw	*/
.feedbackFloat .shadow_r1_c2 {
	background: url('/images/Bracken3/FeedbackFloat/shadow_r1_c2.png');
	left: 0px;
	top: -8px;
	width: 100%;
	height: 8px;
	background-repeat: repeat-x;
}
/* n 	*/
.feedbackFloat .shadow_r1_c3 {
	background: url('/images/Bracken3/FeedbackFloat/shadow_r1_c3.png');
	right: -8px;
	top: -8px;
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
}
/* ne	*/
.feedbackFloat .shadow_r2_c1 {
	background: url('/images/Bracken3/FeedbackFloat/shadow_r2_c1.png');
	left: -8px;
	top: 0px;
	width: 8px;
	height: 100%;
	background-repeat: repeat-y;
}
/* w 	*/
.feedbackFloat .shadow_r2_c3 {
	background: url('/images/Bracken3/FeedbackFloat/shadow_r2_c3.png');
	right: -8px;
	top: 0px;
	width: 8px;
	height: 100%;
	background-repeat: repeat-y;
}
/* e 	*/
.feedbackFloat .shadow_r3_c2 {
	background: url('/images/Bracken3/FeedbackFloat/shadow_r3_c1.png');
	left: -8px;
	bottom: -8px;
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
}
/* sw	*/
.feedbackFloat .shadow_r3_c3 {
	background: url('/images/Bracken3/FeedbackFloat/shadow_r3_c2.png');
	left: 0px;
	bottom: -8px;
	width: 100%;
	height: 8px;
	background-repeat: repeat-x;
}
/* s 	*/
.feedbackFloat .shadow_r3_c4 {
	background: url('/images/Bracken3/FeedbackFloat/shadow_r3_c3.png');
	right: -8px;
	bottom: -8px;
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
}
/* se */

/*
* Module Certificate styles.
*/
/*.lessonCertificateAdd {
	display: block;
	margin-bottom: -6px;

}*/

button.moreInfo {
	margin-left: 177px;
	font-size: .9em;
	border: none;
	background: none;
	/*color: inherit;*/
	font-family: inherit;
	cursor: pointer;
}

button.moreInfo:hover {
	text-decoration: underline;
}

button.moreInfo:focus { 
	outline-style: none;
}

li.lessonCertificateAdd img {
	float: right;
	width: 30px;
	height: 30px;
}

li.lessonCertificate td[data-field="name"] {
	max-width: 14em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.moduleCertDesc {
    right: 0;
    font-size: .9em;
    width: 202px;
    float: right;
	margin-top: -7px;
    position: absolute;
    background: white;
    /*z-index: 1000;*/
}

/*li.template {
	top: -2px;
}*/

ul.itemList.certificateContent,
div.certificateContent,
tr.certificateDetail {
	line-height: 2em;
}

/*
* Bracken table styles.
*/
table.brackenTable {
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
}

	table.brackenTable td,
	table.brackenTable th {
		min-width: 2em;
		min-height: 1em;
		padding: 0.2em 0.4em;
	}

	table.brackenTable[data-table-style="grid"] th,
	table.brackenTable[data-table-style="grid"] td {
		border: 1px solid #999;
	}

	table.brackenTable[data-table-style="grid"] th {
		border-bottom-width: 2px;
	}

	table.brackenTable[data-table-style="banded"] tr:nth-child(2n) {
		background-color: #e7e7e7;
	}

	table.brackenTable[data-table-style="banded"] th {
		background-color: #c7c7c7;
	}

	table.brackenTable[data-table-style="lines"] th {
		border-top: 1px solid #666;
		border-bottom: 2px solid #666;
	}

	table.brackenTable[data-table-style="lines"] tr {
		border-bottom: 1px solid #666;
	}

		table.brackenTable[data-table-style="lines"] tr:first-child {
			border-top: 1px solid #666;
		}

	table.brackenTable[data-table-style="bold"] th,
	table.brackenTable[data-table-style="bold"] td {
		border: 1px solid #494949;
	}

	table.brackenTable[data-table-style="bold"] th,
	table.brackenTable[data-table-style="bold"] tr td:first-child {
		background-color: #494949;
		color: #fff;
		font-weight: bold;
	}