/*
* Exported CSS.
*/
body {
	font: normal 13px helvetica,tahoma,arial,sans-serif;
	margin: 0px;
	padding: 0px;
	color: #555;
	background: #FFF;
}

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

	a:hover {
		text-decoration: underline;
	}

	a img {
		border-width: 0; /* suppress IE borders for images in hyperlinks */
	}

/*
* Vanilla button <button>, <div> and hyperlink <a> elements styled to look the same
*/
.vanillaButton,
.vanillaLink {
	width: 94px;
	height: 26px;
	margin: 4px 4px 5px 1px;
	color: #303030;
	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;
}

	.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);
	}

	.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);
	}

	.vanillaButton[disabled],
	.vanillaLink[disabled],
	.vanillaButton[disabled]:hover,
	.vanillaLink[disabled]:hover,
	.vanillaButton[disabled]:active,
	.vanillaLink[disabled]:active {
		color: #b1b1b1;
		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;
	}

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

/* Export always fix padding on text boxes. */
.questionFloat input[type="text"] {
	padding: 2px;
}

/*
* No Slide Transitions
*/

/*
#contentFrame #contentLayer {
	position: relative;
}

#contentFrame.transition,
#contentFrame.transitionOut {
	display: none;
}
*/

/*
* Print bar
*/

.brackenPrintBar {
	display: none;
	margin: 0 60px;
}
	.brackenPrintBar[data-show-bar="true"] {
		display: block;
	}

.headerBar {
	height: 2em;
	margin-top: 1em;
	padding: 0 60px;
}
.brackenPrintStart {
    border: none;
    background: none;
}

/*
* Hover menus.
*/
.hoverMenuAnchor > .hoverMenuPopup {
	display: none;
}

.hoverMenuAnchor[data-hover-menu-visible="true"] > .hoverMenuPopup {
	display: block;
}

/*
* Modules.
*/

#brackenContainer {
	width: 1024px;
	/*top: 30px;*/
	margin: 0 auto;
}

.previousPageButton.standard,
.nextPageButton.standard {
	width: 36px;
}

.contentFooter {
	position: absolute;
	left: 36px;
}

.navigationPrintButton {
	visibility: hidden;
}

.brButtonSize {
	width: 200px;
}

/*
* Replace references for exported files.
*/

#blockLayer {
	background-image: url(../images/bg00000035.png);
}

.feedbackFloat .shadow_r1_c1 { /* nw */ background:url('../images/shadow_r1_c1.png'); } 
.feedbackFloat .shadow_r1_c2 { /* n  */ background:url('../images/shadow_r1_c2.png'); } 
.feedbackFloat .shadow_r1_c3 { /* ne */ background:url('../images/shadow_r1_c3.png'); } 
.feedbackFloat .shadow_r2_c1 { /* w  */ background:url('../images/shadow_r2_c1.png'); } 
.feedbackFloat .shadow_r2_c3 { /* e  */ background:url('../images/shadow_r2_c3.png'); } 
.feedbackFloat .shadow_r3_c2 { /* sw */ background:url('../images/shadow_r3_c1.png'); } 
.feedbackFloat .shadow_r3_c3 { /* s  */ background:url('../images/shadow_r3_c2.png'); } 
.feedbackFloat .shadow_r3_c4 { /* se */ background:url('../images/shadow_r3_c3.png'); }

.ac-timeline-container .ac-timeline-selection .ac-timeline-selection-anchor,
.ac-timeline-container .ac-timeline-thumb {
	background-image: url(../images/AnalysisTools/ac-timeline.png);
}

.ac-drawbar-sprite {
	background-image: url(../images/AnalysisTools/ac-drawbar.png);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Pathway Zoomer
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Pathway zoomer container */
.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;
}

.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;
		}

/* Lesson / wizard pathways */
.pathZoomContainer .pathwayType {
	display: none;
}

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


/* Legend elements - these are managed by Pathway Maps. Don't modify. */
.pathZoomLegendContainer {
	position: absolute;
	display: none;
}
/* Zone title */
.pathZoomLegendOverTitle {
	padding: 4px;
}
/* Path title */
.pathZoomLegendTitle {
	padding: 4px;
	font-weight: bold;
}
/* Lesson image */
.pathZoomLegendImage {
	float: right;
	margin: 8px;
}
/* Lesson title and description */
.pathZoomLegendDescription {
	overflow: hidden;
	overflow-y: auto;
}
/* Scrolling content of lesson title and description */
.pathZoomLegendDescContent {
	padding: 10px;
}
/* Lesson title - can modify this*/
.pathZoomLegendLessonTitle {
	font-weight: bold;
	padding-bottom: 0.5em;
}

/* Lesson module points within description */
.pathZoomLegendPoints {
	padding-bottom: 0.5em;
	font-style: italic;
}

/* Link in description indicating lesson that needs to be passed on path */
.pathZoomLegendBlockLesson {
	margin: 0.2em 0;
	color: #733;
	font-style: italic;
}
/* Description */
.pathZoomLegendDescription {
}

.pathZoomLegendButtons {
	padding: 4px;
}

/* Buttons: Visibility controlled by Pathway Zoomer */
.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%;
	}

/* Progress bar elements */

#pptitle {
	display: none;
}

.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; /*print only*/
	}

@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;
	}

/* Progress and report results */

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.pathwayProgressTableDate,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableScore,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableAttempted,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableLessonPts,
		table.pathwayProgressTable .pathwayProgressTableRow td.pathwayProgressTableMaxPts {
			text-align: center;
		}

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

/*
* Bracken module theme colors
*/
[data-site-view="mobile"] #brackenContainer {
	width: 100%;
}

[data-site-view="mobile"] .lessonProgressBar .fill {
	background-color: #8DBB3D;
	background-color: $themeColorLight;
}

[data-site-view="mobile"] .previousPageButton.mobile {
	background-image: linear-gradient(to right, #5f7926 20%, rgba(255, 255, 255, 0));
	background-image: linear-gradient(to right, $themeColorLight 20%, rgba(255, 255, 255, 0));
}

[data-site-view="mobile"] .nextPageButton.mobile {
	background-image: linear-gradient(to left, #5f7926 20%, rgba(255, 255, 255, 0));
	background-image: linear-gradient(to left, $themeColorLight 20%, rgba(255, 255, 255, 0));
}

	[data-site-view="mobile"] .previousPageButton.mobile.highlight,
	[data-site-view="mobile"] .nextPageButton.mobile.highlight {
		background-image: none;
		background-color: #5f7926;
		background-color: $themeColorLight;
	}

[data-site-view="mobile"] .brSectionButton {
	display: block;
	width: 96%;
	margin: 0.5em 2% 1.5em 2%;
}