/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Thu Nov 21 2013 10:31 UTC+0000
 * Plugins: tips viewport
 * Styles: css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}


.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	
}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		/*behavior: url(#default#VML);*/
		display: inline-block;
		visibility: visible;
	}

/***********************************************************************************/
/* QTIPS                                                                           */


.qtip-default {
	border: 0px solid #111111;
	background-color: #111111;
	color: #FAFAFA;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	max-width: none;
	min-width: 50px;
}
	.qtip-default .qtip-content {
		padding: 6px 12px 7px 12px;
	}

	.qtip-default .qtip-titlebar {
		padding: 6px 33px 7px 12px;
		background-color: #111111;
		-webkit-border-radius: 2px 2px 0 0;
		-moz-border-radius: 2px 2px 0 0;
		border-radius: 2px 2px 0 0;
	}

	.qtip-default .qtip-icon { /* .qtip-close */
		background: #FAFAFA;
		color: #777;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: none;
		background: none;
		color: #FAFAFA;
	}
	
	.qtip-default .qtip-icon .ui-icon {
		text-indent: -10000px;
		position: relative;
		color: #FAFAFA;
	}
	
	.qtip-default .qtip-icon .ui-icon:after {
		font-family: "FontAwesome";
		font-size: 14px;
		line-height: inherit;
		speak: none;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-indent: 0;
		-webkit-font-smoothing: antialiased;
		text-shadow: 0 0 0.02em rgba(230,150,28,0.3);
		content:"\f00d"; /* cross in circle */
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		text-align: center;
	}


.qtip-shadow {
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}


.qtip-theme {
	border-color: #BBBBBB;
	background-color: #BBBBBB;
	color: #333333;
}
	.qtip-theme .qtip-titlebar {
		background-color: #BBBBBB;
	}

	.qtip-theme .qtip-icon .ui-icon {
		color: #333333;
	}

.qtip-altcolor {
	border-color: #333333;
	background-color: #333333;
	color: #FAFAFA;
}
	.qtip-altcolor .qtip-titlebar {
		background-color: #333333;
	}

	.qtip-theme .qtip-icon .ui-icon {
		color: #FAFAFA;
	}

.qtip-yellow {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #FAFAFA;
}
	.qtip-yellow .qtip-content {
		background-color: #E6961C;

		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.qtip-yellow .qtip-titlebar {
		background-color: #E6961C;
	}

.qtip-bordered {
	border: 2px solid #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.qtip-black {
	border-color: #111111;
	background-color: #111111;
	color: #FAFAFA;
}

.qtip-topbar {
	border-width: 0;
	border: 2px solid #FFFFFF;
	-webkit-border-radius: 3px 3px 2px 2px;
	-moz-border-radius: 3px 3px 2px 2px;
	border-radius: 3px 3px 2px 2px;
}

.qtip-notifications {
	background-color: #FFFFFF;
	/*border-bottom-width: 0;*/
}

	.qtip-notifications .qtip-content {
		padding: 0 0 2px 0;
	}

	.qtip-notifications .qtip-tip {
		background-color: #E6961C;
	}


.qtip-popupsolo {
	max-width: 400px;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus {}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover {}


/*  qtip-theme  */
/*.qtip-theme {
	border: none;
	background-color: #D0D0D0;
	color: #111111;
}
	.qtip-theme .highlight {
		color: #E1004B;
	}
	.qtip-theme p {
		font-size: inherit;
		line-height: inherit;
		margin-bottom: 8px;
	}
	.qtip-theme p:last-child,
	.qtip-theme ol:last-child,
	.qtip-theme ul:last-child {
		margin: 0;
	}

	.qtip-theme .qtip-tip {
		background-color: #D0D0D0;
	}

	.qtip-theme .qtip-titlebar {
		background-color: transparent;
		border-bottom: 1px solid #BBBBBB;
	}

	.qtip-theme .qtip-titlebar .qtip-icon {
		background: #EEEEEE;
		color: #AAAAAA;
	}*/


/*  qtip-theme  */
/*.qtip-altcolor {
	background-color: #111111;
	color: #F2F2F2;
}
	.qtip-altcolor .highlight {
		color: #E1004B;
	}

	.qtip-altcolor .qtip-tip {
		background-color: #111111;
	}

	.qtip-altcolor .qtip-titlebar {
		background-color: transparent;
		border-bottom: 1px solid #333333;
	}

	.qtip-altcolor .qtip-titlebar .qtip-icon {
		background: #D0D0D0;
		color: #111111;
	}*/


/***********************************************************************************/
/* NOTIFICATIONS                                                                   */

#qtip-notifications {
	z-index: 15001;
	display: block;
}

#qtip-notifications-content ul {
	position: relative;
	list-style-type: none;

	margin: 0 !important;
	padding: 0 0 !important;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	font-size: 13px;
	line-height: 18px;
	font-weight: normal;

	-webkit-transition: bottom 0.4s ease-out, box-shadow 0.3s ease 0.1s;
	-moz-transition: bottom 0.4s ease-out, box-shadow 0.3s ease 0.1s;
	-o-transition: bottom 0.4s ease-out, box-shadow 0.3s ease 0.1s;
	transition: bottom 0.4s ease-out, box-shadow 0.3s ease 0.1s;
}
/*#qtip-notifications-content ul:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 11px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 0 7px;
	border-color: transparent transparent transparent #E6961C;
	border-width: 0 11px 6px 11px;
	border-color: transparent transparent #E6961C transparent;
	-webkit-transform:rotate(360deg);
	pointer-events: none;
}*/
#qtip-notifications-content ul li {
	min-width: 48px;
	padding: 0;
	/*box-shadow: 0 2px 0 #FFFFFF inset; /* CE861A */

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	background-color: #E6961C;
	margin-bottom: 2px;
	white-space: pre;
	overflow: hidden;
	vertical-align: top;

	cursor: pointer;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#qtip-notifications-content ul li:first-child {
	box-shadow: none;
}
#qtip-notifications-content ul li .message {
	position: relative;
	padding: 6px 15px 7px 48px;
}
#qtip-notifications-content ul li .message:after {
	font-family: "FontAwesome";
	font-size: 22px;
	line-height: inherit;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(230,150,28,0.3);
	content:"\f05a"; /* i in circle */
	position: absolute;
	top: 5px;
	left: 0px;
	width: 48px;
	text-align: center;
}
#qtip-notifications-content ul li .message:hover:after {
	content:"\f00d" !important; /* cross */
	font-size: 20px !important;
}
#qtip-notifications-content ul li.type_speech .message:after {
	content:"\f075"; /* speech bubble */
	font-size: 20px;
}
#qtip-notifications-content ul li.type_save .message:after {
	content:"\f0c7"; /* floppy disk */
}
#qtip-notifications-content ul li.type_important .message:after {
	content:"\f06a"; /* ! in circle */
}
#qtip-notifications-content ul li.type_error .message:after {
	content:"\f119"; /* sad face */
}
#qtip-notifications-content ul li.type_waiting .message:after {
	content:"\f0a4"; /* finger pointing right */
}
#qtip-notifications-content ul li.type_help .message:after {
	content:"\f059"; /* ? in circle */
}
#qtip-notifications-content ul li.type_completed .message:after {
	content:"\f005"; /* filled star */
}
#qtip-notifications-content ul li.type_none .message:after {
	content:"";
}

#qtip-notifications-content ul li .message a {
    color: #006EC1;
    text-decoration: none;
    border-bottom: 2px solid #006EC1;
}


/***********************************************************************************/
/* TUTORIALS                                                                       */
#tutorialcontrols {
	margin-top: 32px;
}
.tutorialbutton {
	float: right;
	padding: 5px 10px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#tutorial_next {
	background-color: #FFFFFF;
	color: #333333;
	margin-left: 10px;
}
#tutorialcontrols.nonext #tutorial_next {
	display: none;
}
#tutorial_next:hover,
#tutorial_next:focus {
	color: #E6961C;
}
#tutorial_skip {
	color: #FFFFFF;
}
#tutorial_skip:hover,
#tutorial_skip:focus {
	background-color: #FFFFFF;
	color: #E6961C;
}

.qtip-tutorial {
	max-width: 480px;
}

.qtip-tutorial .qtip-content p {
	padding-left: 36px;
}
#tutorial_skip:before,
.qtip-tutorial .qtip-content p:after {
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: inherit;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(230,150,28,0.3);
	content:"\f00d"; /* cross */
}
.qtip-tutorial .qtip-content p:after {
	content:"\f075"; /* speech bubble */
	font-size: 20px;
	line-height: inherit;
	position: absolute;
	top: 5px;
	left: 0px;
	width: 48px;
	text-align: center;
}


/***********************************************************************************/
/* QUESTION SETS                                                                   */

ul.questionset,
ol.questionset,
.box.questionset {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 13px;
	line-height: 18px;
}
#main .questionset .questionelement {
	margin-bottom: 36px;
}
.questionset .response {
	font-size: inherit;
	line-height: inherit;
	margin-bottom: 8px;
}
.questionset .response:last-child {
	margin-bottom: 0px;
}
.questionset .choices {
	position: relative;
	z-index: 2;
}
.questionset .choices ul {
	position: relative;
}
.questionset .feedback {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	display: none;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding-left: 30px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.questionset .feedback:before {
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: inherit;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
	content:"\f0e5"; /* speech bubble outline */
	position: absolute;
	left: 6px;
	margin-top: 2px;
	color: #AAAAAA;
}
.questionset .feedback.visible {
	display: block;
}

.novideobox .questionset .response > .feedback {
	padding: 0 7px 0 30px;
	top: 0px;
	float: left;

	background-color: #F2F2F2;
	color: #383838;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.novideobox .questionset .response > .feedback:before {
	margin-top: 5px;
}
.novideobox .questionset .short_answer .response > .feedback:before {
	margin-top: 36px;
}
.novideobox .questionset .response > .feedback > *:first-child {
	margin-top: 6px;
}
.novideobox .questionset .response > .feedback > *:last-child {
	margin-bottom: 5px;
}
.questionset .choices .feedback {
	margin: 0 0 6px 0;
	padding: 0 7px 0 30px;
}
.questionset .choices li:last-child .feedback {
	margin-bottom: 2px;
}
.novideobox .questionset .choices .feedback {
	background-color: #F2F2F2;
	color: #383838;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.questionset .choices .feedback *:first-child {
	margin-top: 3px;
}
.questionset .choices .feedback *:last-child {
	margin-bottom: 3px;
}


.questionset .response > .feedback.widthtest {
	display: inline-block;
}
.questionset .response > .feedback.widthtest p {
	float: left;
	clear: left;
}
.questionset .response > .feedback.widthtest .MathJax_Display {
	display: inline-block;
	width: auto;
}

.questionset .feedback ul {
	list-style-type: disc;
	margin-bottom: 6px !important;
}
.questionset .feedback ul li {
	margin-bottom: 6px !important;
}
.questionset .feedback p {
	margin-bottom: 6px;
}

.questionset .feedback p > img {
	max-width: 100%;
}







.quizbox {
	position: relative;
	clear: left;
}
#content .quizbox + h6 {
	margin-top: 16px;
}


.quizbox.pagedmode {
	z-index: 1;
}

.quizbox.pagedmode .questionelement {
	position: absolute !important;
	width: 100%;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;

	visibility: hidden;
	opacity: 0;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ie8 .quizbox.pagedmode .questionelement {
	opacity: 1;
}
.quizbox.pagedmode .questionelement.open {
	position: relative !important;
}

.quizbox.pagedmode .questionwrap {
	margin-bottom: 12px;
}

.quizbox.novideobox.pagedmode {
	top: 51px;
}

.videobox.pagedmode .videoboxelement {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 358px;
	overflow: auto;

	padding: 12px 12px 44px !important;

	border-radius: 0 2px 2px 0;

	background-color: #EEEEEE;
	background-color: rgba(255,255,255, 0.85);
	color: #383838;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.pagedcontrols .control {
	display: inline-block;
	margin-right: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	opacity: 0.6;
}
.videopage .pagedcontrols .control {
	margin-right: 0;
	margin-left: 2px;
}
.pagedcontrols .control:hover,
.pagedcontrols .control:active,
.pagedcontrols .control:focus {
	opacity: 1;
}
.pagedcontrols .control.submit,
.pagedcontrols .control.prevbutton,
.pagedcontrols .control.nextbutton {
	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	-moz-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	-o-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
}
.pagedcontrols.open .control {
	opacity: 1;
	visibility: inherit;

	-webkit-transition: opacity 0.05s ease-in-out 0.1s, visibility 0s linear;
	-moz-transition: opacity 0.05s ease-in-out 0.1s, visibility 0s linear;
	-o-transition: opacity 0.05s ease-in-out 0.1s, visibility 0s linear;
	transition: opacity 0.05s ease-in-out 0.1s, visibility 0s linear;
}
.pagedcontrols .control.openbutton .icon:before {
	content: "\f065"; /* arrow left */
}
.pagedcontrols.open .control.openbutton .icon:before {
	content: "\f066"; /* arrow right */
}
.pagedcontrols .control.nextbutton .icon:before {
	content: "\f054"; /* right chevron */
}
.pagedcontrols .control.prevbutton .icon:before {
	content: "\f053"; /* left chevron */
}

.videopage .pagedcontrols {
	position: absolute;
	z-index: 1002;
	right: 0;
	bottom: 0;
	padding: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





















/***********************************************************************************/
/* QUESTION TYPES                                                                  */

.blank_fill .question {
	margin-bottom: 2px;
}
.short_answer .question,
.multiple_choice .question {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 4px;
}
.blank_fill .question .counter,
.short_answer .question > .label .counter,
.multiple_choice .question > .label .counter {
	display: inline-block;
	margin-right: 5px;
}
.questionset.nocounters .counter {
	display: none !important;
}
.short_answer .question p,
.short_answer .response p,
.short_answer .feedback p,
.multiple_choice .question p,
.multiple_choice .response p,
.multiple_choice .feedback p {
	font-size: inherit;
	line-height: inherit;
}

.short_answer textarea {
	display: block;
	width: 100%;
	line-height: 18px;
	min-height: 100px;
	max-height: 300px;
	resize: vertical;
}
.novideobox .questionset .short_answer .response > .feedback {
	top: 0px;
	z-index: 2;
	background-color: #FAFAFA;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}
.novideobox .questionset .short_answer.activefeedback .answer.inputwrap {
	border-bottom-style: dashed;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

.short_answer .answer {
	display: block;
	max-width: 500px;
	z-index: 2;
}
.short_answer .feedback .rateyourself {
	vertical-align: top;
	position: relative;
	top: -4px;
	left: -2px;
	display: inline-block;
	padding: 4px 2px 0 2px;
	font-style: italic;
	margin-bottom: 1px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background-color 0.5s ease-out 0.2s, color 0.5s ease-out 0.2s;
	-moz-transition: background-color 0.5s ease-out 0.2s, color 0.5s ease-out 0.2s;
	-o-transition: background-color 0.5s ease-out 0.2s, color 0.5s ease-out 0.2s;
	transition: background-color 0.5s ease-out 0.2s, color 0.5s ease-out 0.2s;
}
.flash .short_answer .feedback .rateyourself.flashable {
	color: #FFFFFF;
	background-color: #E6961C;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.short_answer .feedback .rateyourself.rated {
	top: 0px;
	left: 0px;
	padding: 0;
	margin-bottom: 13px;
}
.short_answer .feedback .rateyourself .inputwrap {
	background-color: #EEEEEE;
	top: -2px;
	margin-left: 2px;
}
.short_answer .feedback .rateyourself .input {
	display: inline-block;
	margin: 0;
	padding: 3px 14px;
	font-family: inherit;
	font-size: 14px;
	line-height: inherit;
	font-weight: bold;
	font-style: inherit;
	cursor: pointer;

	outline: 0 !important;

	background: none;
	border: none;
	color: #999999;
}
.videobox .feedback .rateyourself .input {
	padding: 3px 10px;
}
.short_answer .feedback .rateyourself .input::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}




/*#main .questionset .questionelement.blank_fill .question {
	border-top: 2px solid transparent;
}*/
.blank_fill .answer {
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 2px;
}

.blank_fill .description {
	padding: 4px 0 5px 0 !important;
	overflow: hidden;
}












.multiple_choice .choices ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	float: left;
}
.multiple_choice .choices ul li {
	margin: 0 0 0 0 !important;
	padding: 0;
	position: relative;
}
.multiple_choice .choices input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	left: -100px;
}
.multiple_choice .choices .label {
	display: block;
	display: inline-block;
	position: relative;
	margin: 0 0 2px 0;
	cursor: default;
	padding: 3px 7px 3px 30px;
	min-width: 14px;
	min-height: 18px;
	height: auto;

	background-color: #FAFAFA;
	color: #383838;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;

	-webkit-transition: border-color 0.05s ease-in-out;
	-moz-transition: border-color 0.05s ease-in-out;
	-o-transition: border-color 0.05s ease-in-out;
	transition: border-color 0.05s ease-in-out;
}
.multiple_choice .choices .label * {
	pointer-events: none;
}
.multiple_choice.enabled .choices .label,
.multiple_choice.enabled .choices .label .radio,
.multiple_choice.enabled .choices .label .radio .letter,
.multiple_choice.enabled .choices .label .radio .innerlabel {
	cursor: pointer !important;
}
.multiple_choice .choices .label .radio {
	position: absolute;
	width: 24px;

	left: 0;
	top: 0;
	bottom: 0;
	margin: 0;
	vertical-align:top;

	padding-top: 3px;
	text-align: center;

	color: #B4B4B4;
	font-size: 14px;
	font-weight: bold;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.multiple_choice .choices .label .radio:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;

	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
	content:"\f10c"; /* radio unchecked */

	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	-moz-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	-o-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
}
.multiple_choice .choices .label input[type='checkbox'] + .radio:before {
	content:"\f096"; /* checkbox unchecked */
}


/*.multiple_choice .choices .label .radio:before, /* show button/hide letter */
.multiple_choice.enabled .choices .label:hover .radio:before,
.multiple_choice.enabled .choices .label:active .radio:before,
.multiple_choice .choices .label.checked .radio:before,
.multiple_choice .choices .label.correct .radio:before,
.multiple_choice .choices .label.revealedanswer .radio:before {
	opacity: 1;
	visibility: inherit;

	-webkit-transition: opacity 0.05s ease-in-out, visibility 0s linear;
	-moz-transition: opacity 0.05s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0.05s ease-in-out, visibility 0s linear;
	transition: opacity 0.05s ease-in-out, visibility 0s linear;
}
.multiple_choice.enabled .choices .label:active .radio:before,
.multiple_choice .choices .label.checked .radio:before {
	content:"\f192"; /* radio checked */
}
.multiple_choice.enabled .choices .label:active input[type='checkbox'] + .radio:before,
.multiple_choice .choices .label.checked input[type='checkbox'] + .radio:before {
	content:"\f046"; /* checkbox checked */
}


.multiple_choice.revealed .choices .label.revealedanswer .radio:before,
.multiple_choice.revealed .choices .label.revealedanswer input[type='checkbox'] + .radio:before {
	content: "\f067"; /* plus */
}
.multiple_choice.revealed .choices .label.checked .radio:before,
.multiple_choice.revealed .choices .label.checked input[type='checkbox'] + .radio:before {
	content: "\f00d"; /* cross */
}
.multiple_choice.revealed .choices .label.checked.revealedanswer .radio:before,
.multiple_choice.revealed .choices .label.checked.revealedanswer input[type='checkbox'] + .radio:before {
	content: "\f00c"; /* tick */
}



.multiple_choice .choices .label .letter {
	opacity: 1;
	visibility: inherit;

	-webkit-transition: opacity 0.05s ease-in-out, visibility 0s linear;
	-moz-transition: opacity 0.05s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0.05s ease-in-out, visibility 0s linear;
	transition: opacity 0.05s ease-in-out, visibility 0s linear;
}
/*.multiple_choice .choices .label .letter, /* show button/hide letter */
.multiple_choice.enabled .choices .label:hover .letter,
.multiple_choice.enabled .choices .label:active .letter,
.multiple_choice .choices .label.correct .letter,
.multiple_choice .choices .label.incorrect .letter,
.multiple_choice .choices .label.checked .letter,
.multiple_choice .choices .label.revealedanswer .letter {
	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	-moz-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	-o-transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
	transition: opacity 0.05s ease-in-out, visibility 0s linear 0.05s;
}
.multiple_choice .choices .label.notcorrect .radio:before {
	content: "" !important;
}
.multiple_choice .choices .label.correct .radio:before {
	content:"\f067" !important; /* plus */
}
.multiple_choice .choices .label.correct.notchecked .radio:before {
	content: "" !important;
}
.multiple_choice .choices .label.checked.correct .radio:before {
	content:"\f00c" !important; /* tick */
}
.multiple_choice .choices .label.incorrect .radio:before {
	content:"\f00d" !important; /* cross */
}


.multiple_choice.enabled .choices .label:hover {
	border-color: #B4B4B4;
}
.multiple_choice.enabled .choices .label:active,
.multiple_choice.enabled .choices .label:focus,
.multiple_choice.enabled .choices .label.activeinput {
	background-color: #FFFFFF;
}
.multiple_choice.enabled .choices .label:active,
.multiple_choice.enabled .choices .label:focus,
.multiple_choice.enabled .choices .label.activeinput,
.multiple_choice .choices .label.checked,
.multiple_choice .choices .label.checked:hover {
	border-color: #888888;
}
.multiple_choice .choices .label:active .radio,
.multiple_choice .choices .label:focus .radio,
.multiple_choice .choices .label.activeinput .radio,
.multiple_choice .choices .label.checked .radio,
.multiple_choice .choices .label.checked:hover .radio,
.multiple_choice .choices .label.revealedanswer .radio {
	color: #383838;
}



.multiple_choice .choices .label.notcorrect,
.multiple_choice .choices .label.incorrect,
.multiple_choice .choices .label.correct {
	background-color: transparent !important;
	background-color: rgba(255,255,255,0) !important;
	-webkit-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
	-moz-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
	-o-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
	transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}

.multiple_choice .choices .label.notcorrect {
	border-color: transparent !important;
	border-color: rgba(255,255,255,0) !important;
}
.multiple_choice .choices .label.correct {
	border-color: #2A8CD2 !important;
	border-color: transparent !important;
	border-color: rgba(255,255,255,0) !important;
}
.multiple_choice .choices .label.correct .radio {
	/*color: #2A8CD2 !important;*/
}
.multiple_choice .choices .label.checked.correct {
	border-color: #62B734 !important;
}
.multiple_choice .choices .label.checked.correct .radio {
	color: #62B734 !important;
}
.multiple_choice .choices .label.incorrect {
	border-color: #C21935 !important;
}
.multiple_choice .choices .label.incorrect .radio {
	color: #C21935 !important;
}



.multiple_choice .choices .label.correct.notchecked {
	padding-right: 82px;
}

.multiple_choice .choices .label.correct.notchecked .letter {
	opacity: 1;
	visibility: inherit;
}
.multiple_choice .choices .label.correct.notchecked .correctindicator {
	white-space: pre;
	position: absolute;
	margin-left: -62px;
	left: 100%;
	top: 3px;
	line-height: 13px;
	padding: 2px 5px 3px 0px;

	border-radius: 1px 2px 2px 1px;
	color: #AAAAAA;
	background-color: #F2F2F2;
}
.multiple_choice .choices .label.correct.notchecked .correctindicator:before {
	margin-right: 3px;

	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 12px;
	text-align: left;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;

	content: "\f00c"; /* plus */
}
.multiple_choice .choices .label.correct.notchecked .correctindicator:after {
	content: '';
	position: absolute;
	left: -8px;
	top: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 8px 9px 0;
	border-color: transparent #F2F2F2 transparent transparent;
}









/***********************************************************************************/
/* VIDEO BOX                                                                       */
.videobox {
	position: absolute;
	overflow: hidden;
	z-index: 1001;
	-webkit-transition: width 0.4s ease;
	-moz-transition: width 0.4s ease;
	-o-transition: width 0.4s ease;
	transition: width 0.4s ease;
}
.videobox.left {
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
}
.videobox.right {
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
}
.videobox.left.open,
.videobox.right.open {
	width: 358px;
}
.videobox.top {
	left: 0;
	right: 0;
	top: 0;
	height: 30%;
}
.videobox.bottom {
	left: 0;
	right: 0;
	bottom: 0;
	height: 30%;
}

.videobox .questionset {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;

	border-radius: 0 2px 2px 0;

	background-color: #EEEEEE;
	background-color: rgba(255,255,255, 0.85);
	color: #383838;
}
.videobox.right .questionset {
	left: 0;
}
.videobox.left .questionset {
	right: 0;
}
.videobox.left .questionset,
.videobox.right .questionset {
	width: 358px;
}


.quizbox.videobox .questionelement {
	/*bottom: 0;*/
	padding: 12px 12px 44px 12px !important;
}


.videobox .questionset .multiple_choice .choices ul {
	float: none;
}
.videobox .questionset .multiple_choice .choices .label {
	display: inline-block;
}


.videobox .questionset .feedback {
	padding-top: 4px;
}
.videobox .questionset .choices .feedback {
	padding-top: 0px;
}
.videobox .questionset .feedback:before {
	margin-top: -1px;
}
.videobox .questionset .choices .feedback:before {
	margin-top: 2px;
}







/***********************************************************************************/
/* TABLES                                                                          */
table {
	border-spacing: 0px;
	border: none;
	margin: 0;
	border-collapse: collapse;
	padding: 0;
	font-size: 13px;
	line-height: 16px;
}
.small table,
table.small {
	font-size: 11px;
	line-height: 16px;
}

table td,
table th {
	padding: 2px 0 0 2px;
	vertical-align: top;
}
table td.textcell,
table th.textcell {
	padding-right: 13px;
}
.small table td.textcell,
table.small th.textcell {
	padding-right: 7px;
}
table td.aligncenter.textcell,
table th.aligncenter.textcell {
	padding-left: 7px;
	padding-right: 8px;
}
.small table td.aligncenter.textcell,
table.small th.aligncenter.textcell {
	padding-left: 4px;
	padding-right: 5px;
}
table tr:first-child td,
table tr:first-child th {
	padding-top: 2px;
}
table td:last-child,
table th:last-child {
	padding-right: 2px;
}
table tr:last-child td,
table tr:last-child th {
	padding-bottom: 2px;
}
table tr.feedbackcell td,
table tr.feedbackcell th {
	padding-top: 0;
	padding-bottom: 0;
}
table .alignleft {
	text-align: left !important;
}
table .aligncenter {
	text-align: center !important;
}
table .alignright {
	text-align: right !important;
}
table.top td,
table.top th,
table tr.top td,
table tr.top th,
table td.top,
table th.top {
	vertical-align: top;
}
table.middle td,
table.middle th,
table tr.middle td,
table tr.middle th,
table td.middle,
table th.middle {
	vertical-align: middle;
}
table td.bold,
table th.bold,
table tr.bold td,
table tr.bold th {
	font-weight: bold;
}
table td.highlight,
table th.highlight,
table tr.highlight td,
table tr.highlight th {
	font-weight: bold;
}
table tr.error,
table td.error,
table th.error {
	background-color: #F0124A !important;
}

table tr:first-child td:first-child,
table tr:first-child th:first-child {
	border-radius: 2px 0 0 0;
}

table tr.topborder td,
table tr.topborder th,
table tr td.topborder,
table tr th.topborder {
	padding-top: 2px;
}
table tr td.topborder,
table tr th.topborder {
	border-top: 2px solid #CCCCCC;
}
table tr.bottomborder td,
table tr.bottomborder th,
table tr td.bottomborder,
table tr th.bottomborder {
	padding-bottom: 2px;
	border-bottom: 2px solid #CCCCCC;
}
table tr.doublebottomborder td,
table tr.doublebottomborder th,
table tr td.doublebottomborder,
table tr th.doublebottomborder {
	padding-bottom: 2px;
	border-bottom: 3px double #CCCCCC;
}
.rightbordercells td,
table td.rightborder,
.rightbordercells th,
table th.rightborder {
	border-right: 2px solid #CCCCCC;
}
.rightbordercells td + td,
table td.rightborder + td,
.rightbordercells th + th,
table th.rightborder + th {
	padding-left: 2px;
}
.rightbordercells td:last-child,
.rightbordercells th:last-child,
table tr td.noright,
table tr th.noright {
	border-right: none;
}
table tr td.noright + td,
table tr th.noright + th {
	padding-left: 0;
}
table tr.noborder th,
table tr.noborder td {
	border-color: transparent;
}
table tr.darkborder th,
table tr.darkborder td,
table tr th.darkborder,
table tr td.darkborder {
	border-color: #888888;
}

div.table,
div.infotable,
div.inputtable {
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 16px 0;
	width: 100%;
	display: inline;
	float: left;
	clear: left;
	vertical-align: top;
}
div.infotable,
div.inputtable {
	background-color: #F2F2F2;
	color: #383838;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div.table.nofloat,
div.infotable.nofloat,
div.inputtable.nofloat {
	float: none;
	display: block;
}
div.table.clearnone,
div.infotable.clearnone,
div.inputtable.clearnone {
	clear: none;
}
div.table.widthauto,
div.infotable.widthauto,
div.inputtable.widthauto {
	width: auto;
}
div.table.indent,
div.infotable.indent,
div.inputtable.indent {
	margin-left: 24px;
}
div.table.marginright,
div.infotable.marginright,
div.inputtable.marginright {
	margin-right: 16px;
}
div.table.reducedmargin,
div.infotable.reducedmargin,
div.inputtable.reducedmargin {
	margin-bottom: 8px;
}
div.table.nomargin,
div.infotable.nomargin,
div.inputtable.nomargin {
	margin-bottom: 0px;
}


div.table table,
div.infotable table,
div.inputtable table {
	width: 100%;
}
div.table tr.odd td,
div.infotable tr.odd td,
div.inputtable tr.odd td {
	background-color: #EBEBEB;
}

div.infotable tr th,
div.inputtable tr th {
	background-color: #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
}


div.table table {
	font-size: inherit;
	line-height: inherit;
}
div.table td:first-child {
	padding-left: 0;
}



div.table .dropbox,
div.inputtable .dropbox {
	float: none;
	width: auto;
}







/***********************************************************************************/
/* INPUTS                                                                          */
input,
select,
textarea {
	position: relative;
	z-index: 2;

	border: none;
	border-image-width: 0;
	padding: 4px;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	vertical-align: top;
	text-align: left;
	text-indent: 0;

	outline: 0;

	background: transparent;
	color: #383838;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-o-user-select: text !important;
	user-select: text !important;
}
input,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select {
	background: #FAFAFA;
}
.activeinput select {
	background: transparent;
}
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus {
	outline: 0;
}
input::-moz-selection,
textarea::-moz-selection {
	background-color: #50B9E8;
	color: #ffffff;
}
input::selection,
textarea::selection {
	background-color: #50B9E8;
	color: #ffffff;
}

input[disabled],
select[disabled],
input[disabled]:hover,
select[disabled]:hover,
input[disabled]:focus,
select[disabled]:focus {
	color: #B4B4B4 !important;
	cursor: default;
}
textarea[disabled],
textarea[disabled]:hover,
textarea[disabled]:focus {
	color: #383838 !important;
	cursor: default;
}


.inputwrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: inherit;
	height: auto;
	padding: 0;
	border: none;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	/*box-shadow: 2px 2px 0 0 #CCCCCC;*/
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	
	background: #FAFAFA;
	color: #383838;

	-webkit-transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out;
	-moz-transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out;
	-o-transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out;
	transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out;
}
.draganddrop .inputwrap {
	-webkit-transition: background-color 0.05s ease-in-out 0.05s, border-color 0.05s ease-in-out 0.05s;
	-moz-transition: background-color 0.05s ease-in-out 0.05s, border-color 0.05s ease-in-out 0.05s;
	-o-transition: background-color 0.05s ease-in-out 0.05s, border-color 0.05s ease-in-out 0.05s;
	transition: background-color 0.05s ease-in-out 0.05s, border-color 0.05s ease-in-out 0.05s;
}
.inputwrap:hover {
	border-color: #B4B4B4;
	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.inputwrap.activeinput {
	background: #FFFFFF;
	border-color: #888888;
	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.inputwrap.readonly,
.inputwrap.readonly:hover,
.inputwrap.readonly.activeinput {
	border-color: #CCCCCC;
	background-color: #FAFAFA;
}


table .inputwrap {
	z-index: 10;
	width: auto;
	display: block;
}
.inputwrap.fillwidth {
	float: none;
	display: block;
	overflow: hidden;
}
.inputwrap.fillwidth input,
.inputwrap.fillwidth select {
	width: 100%;
}



.inputwrap.smallest input {
	width: 14px !important;
}
.inputwrap.tiny input {
	width: 24px !important;
}
.inputwrap.short input {
	width: 50px !important;
}
.inputwrap.long input {
	width: 240px !important;
}
.inputwrap.long2 input {
	width: 340px !important;
}
.inputwrap.long3 input {
	width: 440px !important;
}
.inputwrap.long4 input {
	width: 540px !important;
}







/***********************************************************************************/
/* TEXT INPUTS                                                                     */
.inputwrap.text.answer {
	padding-right: 20px;
}

.inputwrap.textinput input {
	width: 120px;
	display: inline-block;
}
table .inputwrap.textinput input {
	width: 100% !important;
}
.inputwrap.answer input {
	height: 26px;
}
.inputwrap.icon:after,
.inputwrap.answer:after,
.inputwrap.textinput:after {
	content: "\f040"; /* pencil */
	font-family: "FontAwesome";
	color: #B4B4B4;
	background: inherit;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 14px;
	padding: 5px 5px 0 5px;
	pointer-events: none;

	speak: none;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
}
.inputwrap.hasvalue:after {
	content: "";
}
.small .inputwrap.icon:after,
.small .inputwrap.answer:after,
.small .inputwrap.textinput:after {
	padding: 3px 5px;
}
.inputwrap.textinput.left input,
.inputwrap.textinput.center input {
	text-align: left;
}
.inputwrap.textinput.left:after,
.inputwrap.textinput.center:after {
	right: 0;
}
.inputwrap.textinput.right input {
	text-align: right;
}
.inputwrap.textinput.right:after {
	right: auto;
	left: 0;
}
.inputwrap.textinput.readonly input {
	cursor: default;
}
.inputwrap.textinput.readonly:after {
	content: "\f023" !important; /* lock */
}
/*.small .inputwrap.textinput.readonly:after {
	padding-top: 4px;
	padding-bottom: 2px;
}*/
.inputwrap.answer.activeinput:after,
.inputwrap.textinput.activeinput:after {
	/*content: ""; /* disables select on first click in firefox... */
	visibility: hidden;
}
.inputwrap.answer.readonly.activeinput:after,
.inputwrap.textinput.readonly.activeinput:after {
	visibility: inherit;
}

.activefeedback .inputwrap:after {
	content: "" !important;
}







/***********************************************************************************/
/* SELECT INPUTS                                                                   */
.inputwrap.select.activeinput:after {
	visibility: visible;
}
.inputwrap.selectinput {
	padding: 0;
	line-height: inherit;
	height: auto;
}
.inputwrap.select:after,
.inputwrap.selectinput:after {
	content: "\f0d7"; /* down triangle */
	font-family: "FontAwesome";
	color: #B4B4B4;
	background: inherit;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 14px;
	padding: 5px 5px 0 5px;
	pointer-events: none;

	speak: none;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
}
.small .inputwrap.select:after,
.small .inputwrap.selectinput:after {
	padding: 3px 5px;
}
.inputwrap.select.correct:after {
	z-index: 3;
}
.inputwrap.answer.incorrect select,
.inputwrap.answer.partcorrect select,
.inputwrap.answer.correct select {
	visibility: inherit;
	color: #383838 !important;
}
.inputwrap.selectinput select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	width: auto;
	padding: 3px 3px 3px 0;
	display: inline-block;
	cursor: pointer;

	background: #FAFAFA !important;
	background-color: rgba(250,250,250,0) !important;
}
.inputwrap.selectinput select option {
	background-color: #FAFAFA !important;
	background-color: rgba(250,250,250,0) !important;
}

.inputwrap.selectinput.width100p {
	width: auto;
	display: block;
}
.inputwrap.selectinput.width100p select {
	width: 100% !important;
}
table .inputwrap.selectinput select {
	width: 100%;
}






/***********************************************************************************/
/* CORRECT WRAP                                                                    */
.inputwrap span.revealedanswer {
	position: absolute;
	z-index: 5;
	padding: 4px;
	margin-bottom: -3px;
	font-size: inherit;
	line-height: 1em;
	color: inherit;
	bottom: 100%;
	left: 2px;
	width: auto;
	background-color: #383838;
	color: #FAFAFA;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.inputwrap span.revealedanswer.under {
	bottom: auto;
	top: 100%;
	margin-bottom: 0;
}
.small .inputwrap span.revealedanswer {
	margin-bottom: -2px;
	font-size: 11px;
}
.inputwrap.radioinput span.revealedanswer {
	display: none;
}
.inputwrap.left span.revealedanswer,
.inputwrap.center span.revealedanswer {
	left: auto;
	right: 2px;
}

.inputwrap span.revealedanswer:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 3px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #383838 transparent transparent transparent;
	-webkit-transform:rotate(360deg);
	pointer-events: none;
}
.inputwrap.left span.revealedanswer:after,
.inputwrap.center span.revealedanswer:after {
	left: auto;
	right: 3px;
}

span.revealedanswer.under:after {
	bottom: auto;
	top: -4px;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #383838 transparent;
}





.inputwrap span.replaceanswer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 4px;
	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inputwrap.left span.replaceanswer,
.inputwrap.center span.replaceanswer {
	text-align: left;
}
.inputwrap.right span.replaceanswer {
	text-align: right;
}
.inputwrap.autohide span.revealedanswer {
	visibility: hidden !important;
	opacity: 0 !important;
	-webkit-transition: visibility 0s linear 0.1s, opacity 0.05s ease-in-out 0.05s;
	-moz-transition: visibility 0s linear 0.1s, opacity 0.05s ease-in-out 0.05s;
	-o-transition: visibility 0s linear 0.1s, opacity 0.05s ease-in-out 0.05s;
	transition: visibility 0s linear 0.1s, opacity 0.05s ease-in-out 0.05s;
}
.inputwrap.autohide:hover span.revealedanswer,
tr:hover .inputwrap.autohide span.revealedanswer,
.inputwrap.autohide:active span.revealedanswer {
	visibility: inherit !important;
	opacity: 1 !important;
	-webkit-transition: opacity .0s ease-in-out;
	-moz-transition: opacity .0s ease-in-out;
	-o-transition: opacity .0s ease-in-out;
	transition: opacity .0s ease-in-out;
}
.inputwrap.incorrect select,
.inputwrap.partcorrect select,
.inputwrap.correct select {
	visibility: hidden;
}
.inputwrap.textinput.incorrect input,
.inputwrap.textinput.partcorrect input,
.inputwrap.textinput.correct input {
	visibility: hidden;
}





.inputwrap.answer span.revealedanswer {
	display: none;
	margin-bottom: 2px;
	padding: 3px 4px 5px 4px;
}
.inputwrap.answer.revealed span.revealedanswer {
	display: block;
}
.inputwrap.answer span.revealedanswer {
	left: auto;
	right: 2px;
}
.inputwrap.answer span.revealedanswer:after {
	left: auto;
	right: 3px;
}
.inputwrap.answer.revealed.correct span.revealedanswer {
	display: none;
}


.inputwrap.answer.correct input,
.inputwrap.answer.correct select {
	visibility: hidden;
}
.inputwrap.answer.correct span.replaceanswer {
	font-size: 13px;
	line-height: 18px;
}


.inputwrap.select span.replaceanswer {
	padding-left: 8px;
}









.inputwrap.correct,
.inputwrap.partcorrect,
.inputwrap.incorrect {
	-webkit-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
	-moz-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
	-o-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
	transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
.inputwrap.correct {
	background-color: transparent !important;
	background-color: rgba(255,255,255,0) !important;
}

.inputwrap.correct {
	border-bottom-style: solid !important;
	border-color: #62B734 !important;
}
.inputwrap.partcorrect {
	border-bottom-style: solid !important;
	border-color: #2A8CD2 !important;
}
.inputwrap.incorrect {
	border-bottom-style: solid !important;
	border-color: #C21935 !important;
}
.inputwrap.correct span.revealedanswer {
	background-color: #62B734 !important;
}
.inputwrap.correct span.revealedanswer:after {
	border-top-color: #62B734;
}
.inputwrap.correct span.revealedanswer.under:after {
	border-bottom-color: #62B734;
}
.inputwrap.correct span.revealedanswer {
	display: none;
}
.inputwrap.partcorrect span.revealedanswer {
	background-color: #2A8CD2 !important;
}
.inputwrap.partcorrect span.revealedanswer:after {
	border-top-color: #2A8CD2;
}
.inputwrap.partcorrect span.revealedanswer.under:after {
	border-bottom-color: #2A8CD2;
}
.inputwrap.incorrect span.revealedanswer {
	background-color: #C21935 !important;
}
.inputwrap.incorrect span.revealedanswer:after {
	border-top-color: #C21935;
}
.inputwrap.incorrect span.revealedanswer.under:after {
	border-bottom-color: #C21935;
}
.inputwrap.correct:after {
	content: "\f00c" !important; /* tick */
	color: #62B734 !important;
	font-size: 14px;
}
.inputwrap.partcorrect:after {
	content: "\f00c" !important; /* tick */
	color: #2A8CD2 !important;
	font-size: 14px;
}
.inputwrap.incorrect:after {
	content: "\f00d" !important; /* cross */
	color: #C21935 !important;
	font-size: 14px;
}


.inputwrap.selectinput.correct:after,
.inputwrap.selectinput.partcorrect:after {
	padding-right: 4px;
}








/***********************************************************************************/
/* GLOSSARY DRAG                                                                   */
.glossary_drag {
	overflow: hidden;
}

.glossary_drag * {
	-moz-box-sizing: border-box;
}

.placeholder,
.detachable {
	position: relative;
}
.detachable {
	z-index: 2;
}
.detachable.detached {
	background-color: #FFFFFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 -15px 0 15px #FFFFFF;

}

.draggables > ul,
.droppables > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.draggables > ul > li,
.droppables > ul > li {
	padding: 0;
	margin: 0;
	position: relative;
}
.draggables > ul > li {
	float: left;
	margin-right: 2px;
}
.draggables {
	z-index: 2;

	overflow: hidden;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.droppables {
	z-index: 1;
}
.dragoption {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: auto;
	vertical-align: top;
	padding-right: 22px;
}
.draggables .dragoption {
	margin-bottom: 2px;
}
.dragoption.ui-draggable-dragging {
	cursor: default !important;
	z-index: 2;
}
.dragoption.ui-draggable-dragging:before {
	content: "";
	position: absolute;
	z-index: 20;
	top: 100%;
	margin-top:-1px;
	left: 10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #383838 transparent transparent transparent;
	-webkit-transform:rotate(360deg);
}
.lowPower .dragoption.ui-draggable-dragging:before {
	border-width: 11px 11px 0 11px;
}

.dragoption.original.active,
.dragoption.original.active:hover,
.dragoption.used {
	background-color: #CCCCCC !important;
	color: #666666 !important;
	opacity: 1;
}
.dragoption.helper {
	opacity: 1;
}
.dragoption.active,
.dragoption.copy {
}
.dragoption.placed {
	position: relative;
	white-space: pre;
	overflow: hidden;
}
.options.enabled .dragoption.disabled:after {
	content: "";
}




.dropzone {
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;

	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;


	vertical-align: center;

	background: #FFFFFF;

	-webkit-transition: box-shadow 0.05s ease;
	-moz-transition: box-shadow 0.05s ease;
	-o-transition: box-shadow 0.05s ease;
	transition: box-shadow 0.05s ease;
}
.ui-state-hover .dropzone {
	border-color: blue;
}
.active .dropzone {
}
.dropzone:before {
	content: '\a0 ';
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 4px 0;
	width: 0;
	cursor: default;
}
.dropzone:after {
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: inherit;
	text-align: left;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;

	content: "\f067"; /* plus */

	position: relative;
	float: right;
	z-index: 1;
	display: block;
	opacity: 1;

	margin: 0 0 0 2px;
	padding: 4px 10px;
	/*min-width: 50px;*/

	text-align: center;
	vertical-align: center;

	cursor: default;

	color: #CCCCCC;
}
.dropzone.ui-state-active:after,
.ui-state-active .dropzone:after {
	content: "\f067"; /* plus */
	color: inherit;
}
.dropzone.ui-state-hover:after,
.ui-state-hover .dropzone:after {
	content: "\f067"; /* plus */
}
.dropzone.ui-droppable-disabled:after,
.ui-droppable-disabled .dropzone:after {
	display: none;
}

.glossaryterm {
	position: relative;
	padding: 0 0 16px 0;
	margin-top: 12px;
	border: 1px solid transparent;
}

.glossaryterm .dropzone {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 10px;
	width: auto;
	min-width: 25px;
	min-height: 28px;
	padding: 2px 2px 0 2px;
}

.dropzone.vertical .dragoption {
	float: left;
	clear: left;
	margin-bottom: 2px;
}
.dropzone.vertical .dragoption:last-child {
	margin-bottom: 0;
}

.dropzone .dragoption {
	margin-right: 2px;
}
.dropzone .dragoption:last-child {
	margin-right: 0;
}


.glossaryterm > .term {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	position: relative;
	padding: 20px 4px 4px 4px;
	margin-top: 0;
	top: 16px;
	background-color: #F2F2F2;
	border-right: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
}

.glossaryterm > .term > *:last-child {
	margin-bottom: 0;
}

.glossaryterm.ui-state-active .dropzone,
.glossaryterm.ui-state-active .term {
}
.glossaryterm.ui-state-hover .dropzone,
.glossaryterm.ui-state-hover .term {
}
.glossaryterm.ui-state-active * {
	cursor: default;
}








/***********************************************************************************/
/* CROSS WORD                                                                      */
.cross_word .questionwrap {
	overflow: hidden;
}

.box.table.bordered.crossword {
	border-color: #333333;
	background-color: #333333;
	margin-bottom: 1em;
}
.crossword {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	margin: 5px 0;
	background-color: #333333; /* #FFFFFF */
	padding: 0px;
	border: 0px solid #333333;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.crossword * {
	-moz-box-sizing: border-box;
}

.crossword table {
	font-size: inherit;
	line-height: inherit;
	border-spacing: 0px;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
}
.crossword table td {
	vertical-align:top;

	padding: 0;
	line-height: 0;
	position: relative;
	height: 0;
	width: 5%;
	border: 1px solid #333333;

	cursor: pointer;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.crossword table tr:first-child td {
	padding-top: 0;
}
.crossword table tr:last-child td {
	padding-bottom: 0;
}
.crossword table td .cell {
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 0;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 100%;
	background-color: #FFFFFF;
}
@media screen and (min-width:1024px) {
	.crossword table td .cell {
		font-weight: bold;
	}
}
table tr:last-child td .cell {
	border-bottom: none;
}
table tr td:last-child .cell {
	border-right: none;
}

.crossword table td .cell .fill {
	display: block;
	position: absolute;
	padding-top: 50%;
	width: 100%;
	height: 100%;
}
.crossword table td .cell .num {
	display: block;
	font-weight: bold;
	color: #565656;
	position: absolute;
	font-size: 9px;
	line-height: 100%;
	z-index: 2;
	margin: 1px 0 0 1px;

	-webkit-text-size-adjust: none !important;
	-moz-text-size-adjust: none !important;
	-ms-text-size-adjust: none !important;
	text-size-adjust: none !important;

	-webkit-font-size-adjust: none !important;
	-moz-font-size-adjust: none !important;
	-ms-font-size-adjust: none !important;
	font-size-adjust: none !important;
}

.crossword table td.unused .cell {
	cursor: default;
	background-color: transparent;
}
.active .crossword table td.used .cell {
	cursor: pointer;
}

.active .box.table.bordered.crossword {
	border-color: #333333;
	background-color: #333333;
}
/*.active .crossword table td .cell .num {
	color: #333333;
}*/
.active .crossword table td .cell {
	border-color: #333333;
}
.active .crossword table td.unused .cell {
	background-color: #333333;
}
.active .crossword table td.inselection .cell {
	background-color: #9BDEFF;/*FF9EB4*/
}
.active .crossword table td.currentletter .cell {
	background-color: #3CBEFF;/*FF698A*/
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1) inset, 0 0 2px 0px rgba(0, 0, 0, 0.4) inset;
}
.active .crossword table td.used:hover .cell {
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2) inset, 0 0 2px 0px rgba(0, 0, 0, 0.5) inset;
}

.crossword table td.correct .cell {
	/*color: #FFFFFF !important;*/
	background-color: #9AE074;
}
.active .crossword table td.correct.inselection .cell {
	background-color: #78CE4A;
}
.active .crossword table td.correct.currentletter .cell {
	background-color: #62B734;
}

.cross_word li .hint:after {
	content: "\f00c"; /* tick */
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: inherit;
	margin-left: 3px;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;

	text-shadow: 0 0 0.02em rgba(242,242,242,0.3);
	color: #62B734;

	visibility: hidden;
}
.cross_word li.correct {
	color: #888;
}
.cross_word li.correct .hint:after {
	visibility: visible;
}

.crossword .controls {
	position: absolute;
	z-index: 10;
	top: 10px;
	left: 10px;
	padding: 4px;

	max-width: 45%;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;


	overflow: hidden;

	font-size: 16px;
	line-height: 21px;

	background: #FFFFFF;

	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3), 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3), 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3), 0px 0px 10px 3px rgba(0, 0, 0, 0.2);

	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity 0.05s ease-out, visibility 0s linear 0.05s;
	-moz-transition: opacity 0.05s ease-out, visibility 0s linear 0.05s;
	-o-transition: opacity 0.05s ease-out, visibility 0s linear 0.05s;
	transition: opacity 0.05s ease-out, visibility 0s linear 0.05s;
}
.active .crossword .controls.visible {
	opacity: 0.9;
	visibility: visible;
	pointer-events: none;

	-webkit-transition: opacity 0.05s ease-out, visibility 0s linear;
	-moz-transition: opacity 0.05s ease-out, visibility 0s linear;
	-o-transition: opacity 0.05s ease-out, visibility 0s linear;
	transition: opacity 0.05s ease-out, visibility 0s linear;
}
.active .crossword .controls.visible:hover {
	opacity: 0.5;
}
.crossword .controls:hover {
}
.crossword .controls input {
	opacity: 0;
	position: absolute;

	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;

	-webkit-touch-callout: none;
	-webkit-appearance: none;
	outline: 0 !important;

	width: 100%;
	background: #FFFFFF;
	padding: 3px;

	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05) inset, 0 0 2px 0px rgba(0, 0, 0, 0.3) inset;
}

.ie8 .crossword .controls input,
.ie9 .crossword .controls input,
.ie10 .crossword .controls input {
	bottom: 100%;
}
.mobileDevice .crossword .controls input {
	opacity: 1;
	position: relative;
	pointer-events: auto;
}








/***********************************************************************************/
/* CONTROL CENTER                                                                  */
#controlcentermask {
	position: absolute;
	z-index: 3;

	height: 0;
	width: 100%;

	display: none;

	background-color: transparent;
	background-color: rgba(0, 0, 0, 0);
}

#dashboardlegend {
	position: absolute;
	top: 307px;
	right: 10px;
	width: 100px;

	font-size: 12px;
	line-height: 16px;
	text-align: center;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #F2F2F2;
	color: #383838;
}
#dashboardlegend div {
	padding: 8px 4px 4px 4px;
}
#dashboardlegend div.icon:before {
	content: "A";
	display: block;
	font-family: "FontAwesome";
	font-size: 16px;
	line-height: 24px !important;
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;

	text-shadow: 0 0 0.02em rgba(242,242,242,0.3);

	color: #666666;
}
#dashboardlegend div.icon.available:before {
	content: "\f006"; /* empty star */
	font-size: 17px;
}
#dashboardlegend div.icon.attention:before {
	content: "\f006 \a0\a0 \F12A"; /* exclamation */
	font-size: 17px;
	color: #D32542;
}
#dashboardlegend div.icon.earned:before {
	content: "\f123"; /* half star */
	font-size: 17px;
	color: #63D326; /* FD971F */
}
#dashboardlegend div.icon.all_earned:before {
	content: "\f005"; /* filled star */
	font-size: 17px;
	color: #63D326; /* FD971F */

	-webkit-text-fill-color: #A6FB78;
	-webkit-text-stroke-width: 1.3px;
	-webkit-text-stroke-color: #63D326;
}
#dashboardlegend div.icon.goto:before {
	content:"\f054"; /* right chevron */
}


#dashboardlegend div:first-child {
	padding-top: 4px;
}



#controlcenter {
	padding: 36px 0 0 0;
	margin: 0;

	position: absolute;
	/*overflow: hidden;*/
	overflow-x: visible;
	overflow-y: hidden;
	
	top: 0;
	left: 0;
	right: 0;
	min-width: 720px;
	max-width: 1024px;
	height: 0;
	max-height: 950px;

	color: #333333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;


	cursor: default;

	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important;
}
#controlcentermask.open {
	min-height: 267px;
	height: 100%;
}
.ie8 #controlcentermask.open {
	background-color: #484848;
}
#controlcenter * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#controlcenter .content {
	clear: left;
	position: absolute;
	top: 77px;
	bottom: 30px;
	left: 120px;
	right: 120px;

	min-width: 480px;
	max-width: 784px;

	background-color: #FFFFFF;
	padding: 1px 20px 20px 20px;
	/*overflow-x: hidden;*/
	overflow-y: auto;

	visibility: hidden;

	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;

	-webkit-transition: visibility 0s linear 0.6s;
	-moz-transition: visibility 0s linear 0.6s;
	-o-transition: visibility 0s linear 0.6s;
	transition: visibility 0s linear 0.6s;
}
/*@media screen and (min-width:0\0) {*/
/* IE9 complex container with border radius slows down everything */
.ie8 #controlcenter .content,
.ie9 #controlcenter .content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.ie8 #controlcenter .content {
	min-width: 440px;
}

#controlcenter #productmodified {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	text-align: right;
	color: #AAAAAA;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
}

#controlcenter #tabselections {
	padding: 0;
	border-bottom: 2px solid #E2E2E2;
	background-color: #FAFAFA;
	position: absolute;
	z-index: 100;

	left: 120px;
	right: 120px;
	min-width: 480px;
	max-width: 784px;

	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
#controlcenter #tabselections a {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 8px 20px;
	color: #888888;
	background-color: #FAFAFA;
	margin-bottom: -2px;
	margin-right: -2px;
	border-left: 2px solid #FAFAFA;
	border-right: 2px solid #FAFAFA;
	border-bottom-color: #E2E2E2;

	-webkit-transition: color 0.05s linear;
	-moz-transition: color 0.05s linear;
	-o-transition: color 0.05s linear;
	transition: color 0.05s linear;
}
#controlcenter #tabselections a:first-child {
	border-left: none;
}
#controlcenter #tabselections a:hover {
	color: inherit;

	-webkit-transition: color 0s linear;
	-moz-transition: color 0s linear;
	-o-transition: color 0s linear;
	transition: color 0s linear;
}
#controlcenter #tabselections a.current {
	background-color: #FFFFFF;
	color: inherit;
	cursor: default;
	border-left-color: #E2E2E2;
	border-right-color: #E2E2E2;
	border-bottom: 2px solid;
	border-bottom-color: #FFFFFF;
}
#controlcenter #tabselections a#settingstab {
	z-index: 1;
	border-left-color: #E2E2E2;
}
#controlcenter #tabselections a#settingstab.current {
	z-index: 5;
}

#controlcenter #tabselections a .icon,
#controlcenter #settingssection .topsection:before {
	display: inline-block;
	vertical-align: top;
	height: 24px;
	width: auto;
	margin-right: 10px;
	pointer-events: none !important;

	background-image: none !important;
	font-family: "FontAwesome";
	font-size: 22px;
	line-height: 24px !important;
	text-align: left;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;

	text-shadow: 0 0 0.02em rgba(242,242,242,0.3);
}
#controlcenter #settingssection .topsection:before {
}
#controlcenter #tabselections a .icon:before {
	content:"\f128"; /* question mark */
	vertical-align: top;
}
#controlcenter #tabselections a#dashboardtab .icon:before {
	content:"\f0c9"; /* three lines */
	font-size: 21px;
}

#controlcenter #tabselections a#dashboardtab.notavailable .icon:before {
	content:"\f05e"; /* ban */
	font-size: 22px;
}
#controlcenter #tabselections a#settingstab .icon:before {
	content:"\f013"; /* gear */
}
#controlcenter #tabselections a#returntoetext {
	color: #63C0E8;
}
#controlcenter #tabselections a#returntoetext:hover {
	color: #04B0FF;
}
#controlcenter #tabselections a#returntoetext .icon:before {
	content:"\f041"; /* map marker */
}
#controlcenter #settingssection .topsection:before {
	font-size: 20px;
	vertical-align: middle;
	line-height: inherit !important;
	content:"\f059"; /* ? in circle */
}





#controlcentermask.open #controlcenter .content {
	visibility: inherit;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#controlcenter .contentsection {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0 0 10px 0;

	display: none;
}



#controlcenter .section {
	font-size: 13px;
	margin: 0 0 0 0;
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	overflow: hidden;
	position: relative;
}
#controlcenter .section.nopad,
#controlcenter .section.structure {
	padding: 0;
}
.mobileDevice.apple #controlcenter .section.structure {
	padding-bottom: 20px;
}
#controlcenter .section.options {
	padding-top: 0;
}
#controlcenter .section.structure {
	overflow: visible;
}
#controlcenter .section:last-child {
	margin-bottom: 20px;
}

#controlcenter #dashboardsection .topsection {
	padding-top: 15px;
}
#controlcenter #settingssection .topsection {
	padding-top: 17px;
}


#controlcenter .topsection h2 {
	margin-bottom: 8px;
	line-height: 24px;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
}

#controlcenter #dashcurrenttitle {
	padding-left: 27px;
	position: relative;
}

#controlcenter #dashcurrenttitle:after {
	content: "\f015"; /* home */

	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);

	/*display: inline-block;*/
	position: absolute;
	left: 0;
	top: 0;
	width: 27px;
}
#controlcenter #dashcurrenttitle.folder:after {
	font-size: 19px;
	line-height: 25px;
	content:"\f07b"; /* folder filled */
	content:"\f07c"; /* folder filled open */
}
#controlcenter #dashcurrenttitle.module:after {
	content:"\f114"; /* folder */
	content:"\f115"; /* folder open */
}
#controlcenter #dashcurrenttitle.video:after {
	content:"\f008"; /* film */
}
#controlcenter #dashcurrenttitle.quiz:after {
	text-indent: 1px;
	content:"\f040"; /* pencil */
}

#controlcenter .options a {
	display: block;

	margin: 0 -5px 4px -5px;
	padding: 0 0 0 26px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	line-height: 36px;
	cursor: pointer;
	color: inherit;
	white-space: pre;
	position: relative;
}
#controlcenter .options a:hover {
	background-color: #EEEEEE;
	border-color: #EEEEEE;
	color: inherit;
}

#controlcenter .options a.hasicon .icon {
	position: absolute;
	left: 2px;
	top: 0;
	pointer-events: none !important;
	background-color: transparent;

	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 36px;
	text-align: left;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;

	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
}
#controlcenter .options a.hasicon .icon:before { width: 16px; display: inline-block; } /* eye */

#controlcenter .options #settings_tutorialwatch .icon:before { content:"\f04a"; width: 18px; } /* eye */
#controlcenter .options #settings_tutorialshow .icon:before { content:"\f096"; } /* empty check box */
#controlcenter .options #settings_tutorialshow.checked .icon:before { content:"\f046"; } /* tick in check box */
#controlcenter .options #settings_audio .icon:before { content:"\f096"; } /* empty check box */
#controlcenter .options #settings_audio.checked .icon:before { content:"\f046"; } /* tick in check box */
#controlcenter .options #settings_clearpage .icon:before { content:"\f014"; } /* trash */
#controlcenter .options #settings_clearall .icon:before { content:"\f014"; } /* trash */
#controlcenter .options #settings_prefill .icon:before { content:"\f0d0"; } /* wand */



#controlcenter .section #dashbreadcrumb {
	color: #888888;
	line-height: 25px;
	min-height: 26px;

	opacity: 0;

	-webkit-transition: color 0.05s linear, opacity 0.05s linear;
	-moz-transition: color 0.05s linear, opacity 0.05s linear;
	-o-transition: color 0.05s linear, opacity 0.05s linear;
	transition: color 0.05s linear, opacity 0.05s linear;
}
#controlcenter .section #dashbreadcrumb.active {
	opacity: 1;
}
#controlcenter .section #dashbreadcrumb .crumblink {
	display: inline-block;
	padding: 0 5px;
	margin-left: -5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background-color 0.05s linear, color 0.05s linear;
	-moz-transition: background-color 0.05s linear, color 0.05s linear;
	-o-transition: background-color 0.05s linear, color 0.05s linear;
	transition: background-color 0.05s linear, color 0.05s linear;
}
#controlcenter .section #dashbreadcrumb .crumblink:hover {
	color: inherit;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#controlcenter .section #dashbreadcrumb.active .crumblink:hover {
	background-color: #EEEEEE;
	color: #333333;
}
#controlcenter .section #dashbreadcrumb .crumb .crumblink.home:before,
#controlcenter .section #dashbreadcrumb .crumb:after,
#controlcenter .section .up_next .crumb + .crumb:before {
	content: "\f015"; /* home */

	font-family: "FontAwesome";
	font-size: 14px;
	line-height: inherit;
	text-align: left;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
#controlcenter .section #dashbreadcrumb .crumb .crumblink.home:before {
	font-size: 20px;
	line-height: inherit;
	vertical-align: top;
}
#controlcenter .section .up_next .crumb + .crumb:before {
	content: "\f105"; /* chevron right */ 
	margin-left: 7px;
	margin-right: 7px;
}
#controlcenter .section #dashbreadcrumb .crumb:after {
	content: "\f105"; /* chevron right */ 
	margin-left: 4px;
	margin-right: 8px;
}

#controlcenter .section .progress_meter_full {
	position: relative;
	width: 100%;
	background-color: #EEEEEE;
	color: #EEEEEE;
	-webkit-border-radius: 0 10px 0 10px;
	-moz-border-radius: 0 10px 0 10px;
	border-radius: 0 10px 0 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#controlcenter .section .progress_meter {
	position: relative;
	z-index: 0;
	height: 4px;
	width: 30%;
	-webkit-border-radius: 0 10px 0 10px;
	-moz-border-radius: 0 10px 0 10px;
	border-radius: 0 10px 0 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #AAAAAA;
	color: #AAAAAA;
}
#controlcenter .section .progress_value {
	color: #888888;
	float: right;
	padding-left: 5px;
	position: relative;
	z-index: 1;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	text-align: right;
}

#controlcenter .section #star_meter {
	float: left;
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 19px 20px 0 0;
	width: 99px;
	height: 95px;

	color: #55BB1F;
	color: #383838;
}

#controlcenter .section #star_meter .amount {
	font-size: 24px;
	line-height: 20px;
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	z-index: 4;
	top: 37px;
	left: 0;
	width: 100%;
}
#controlcenter .section #star_meter .remaining {
	font-size: 11px;
	position: absolute;
	z-index: 5;
	top: 54px;
	left: 0;
	width: 100%;
	/*color: #63D326;*/
}


#controlcenter .section #star_meter:before,
#controlcenter .section #star_meter .star_fill:after,
#controlcenter .section #star_meter #dashcurrentstarprogress:before {
	content: "\f005"; /* filled star */

	position: absolute;

	font-family: "FontAwesome";
	line-height: 1em;
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}

#controlcenter .section #star_meter .star_fill {
	position: absolute;
	z-index: 2;

	top: 9px;
	left: 8px;
	width: 83px;
	height: 79px;
}
#controlcenter .section #star_meter .star_fill #dashcurrentstarprogress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}

#controlcenter .section #star_meter:before { /* bottom star */
	z-index: 1;
	color: #63D326;
	top: 0;
	left: 0;
	font-size: 106px;
}
#controlcenter .section #star_meter .star_fill:after { /* middle star */
	z-index: 1;
	color: #FFFFFF;
	top: 0;
	left: 1px;
	font-size: 87px;
}
#controlcenter .section #star_meter .star_fill #dashcurrentstarprogress:before { /* top star */
	color: #A6FB78;
	top: 0;
	left: 1px;
	font-size: 87px;

	text-shadow: 0 0 2px #63D326;
}


#controlcenter .structure .dash_back {
	color: #CCCCCC;
	font-style: italic;
}
#controlcenter .structure .dash_back.enabled {
	color: inherit;
}

#controlcenter .section .up_next {
	margin: 20px 0 4px 10px;
	min-height: 52px;
	overflow: hidden;
	position: relative;
}
#controlcenter .section .up_next + .up_next {
	margin-top: 0;
}
#controlcenter .section .up_next.review {
	margin-bottom: 0;
}

#controlcenter .section .up_next a {
	float: left;
	padding: 10px 10px 8px 95px;
	line-height: 16px;
	display: block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;

	background-color: #F2F2F2;

	background-color: #EFFBFF;
	border-color: #8FD7F5;

	-webkit-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	-moz-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	-o-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
}
#controlcenter .section .up_next a:focus,
#controlcenter .section .up_next a:hover,
#controlcenter .section .up_next a:focus .action,
#controlcenter .section .up_next a:hover .action {
	color: #ffffff !important;
	background: #04B0FF;
	border-color: #04B0FF;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

#controlcenter .section .up_next .action {
	position: absolute;
	left: 0;
	color: #565656;

	-webkit-transition: color 0.05s linear;
	-moz-transition: color 0.05s linear;
	-o-transition: color 0.05s linear;
	transition: color 0.05s linear;
}
#controlcenter .section .up_next .action:before {
	content: "\f077"; /* question mark */

	font-family: "FontAwesome";
	font-size: 16px;
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);

	margin-left: 4px;
	margin-right: 4px;
	float: left;
	width: 28px;
}
#controlcenter .section .up_next.next .action:before {
	content: "\f0a4"; /* point finger */
	font-size: 18px;
}
#controlcenter .section .up_next.review .action:before {
	content: "\f0e2"; /* rewind arrow */
	font-size: 17px;
}








#controlcenter .section > ul,
#controlcenter .section > ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 36px;
	position: relative;
}
#controlcenter .section > ul li,
#controlcenter .section > ol li {
	margin: 0;
}

#controlcenter .section.structure > ul,
#controlcenter .section.structure > ol {
	display: none;
	visibility: hidden;
	margin-right: 88px;
	white-space: pre;
}
#controlcenter .section.structure > ul.open,
#controlcenter .section.structure > ol.open {
	display: block;
	visibility: visible;
}
#controlcenter .section.structure > ul.sliding,
#controlcenter .section.structure > ol.sliding {
	position: absolute;
	top: 20px;
}

#controlcenter .structure > ul > li.dash_back,
#controlcenter .structure > ol > li.dash_back {
	margin-right: 0px;
}

#controlcenter .structure > ul > li,
#controlcenter .structure > ol > li {
	position: relative;
	height: 36px;
	padding: 0;
	margin-bottom: 4px;
	margin-left: 20px;
	background-color: #FFFFFF;
	cursor: default;
}
/*#controlcenter .structure li:nth-child(even) {
	background: #FDFDFD;
}*/
#controlcenter .structure > ul > li:last-child,
#controlcenter .structure > ol > li:last-child {
}
#controlcenter .structure > ul > li.enabled,
#controlcenter .structure > ul > li.enabled *,
#controlcenter .structure > ol > li.enabled,
#controlcenter .structure > ol > li.enabled * {
	cursor: pointer;
}

#controlcenter .structure li:focus {
	outline: 0;
}

/*#controlcenter .structure > ul ul {
	list-style-type: none;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	line-height: 24px;
	position: relative;
	display: none;
	height: 0;
	overflow: hidden;
}*/
#controlcenter .structure > ul > li:last-child ul {
	padding-bottom: 0;
}
#controlcenter .structure > ul > li.open ul {
	display: block;
	height: auto;
}


#controlcenter .structure .rowaction {
	position: relative;
	z-index: 10;
	float: right;
	height: 36px;
	width: 48px;
	font-weight: bold;
	text-align: center;
	margin-right: -68px;
	padding: 0;
	color: #777777;
	background-color: #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	-moz-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	-o-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
}
#controlcenter .structure .rowaction.enabled { /* .pageaction */
	z-index: 2;
	color: #666666;
	border-color: #8FD7F5;
	background-color: #EFFBFF;
}
#controlcenter .structure .rowaction.enabled:focus,
#controlcenter .structure .rowaction.enabled:focus:after,
#controlcenter .structure .rowaction.enabled:hover,
#controlcenter .structure .rowaction.enabled:hover:after,
#controlcenter .structure .page:focus .rowaction.enabled,
#controlcenter .structure .page:focus .rowaction.enabled:after,
#controlcenter .structure .page:hover .rowaction.enabled,
#controlcenter .structure .page:hover .rowaction.enabled:after {
	color: #FFFFFF;
	background-color: #04B0FF;
	border-color: #04B0FF;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#controlcenter .structure li.enabled:focus h5,
#controlcenter .structure li.enabled:hover h5 {
	background-color: #EEEEEE;
	border-color: #EEEEEE;
	color: #333333;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#controlcenter .structure li.enabled.page:focus h5,
#controlcenter .structure li.enabled.page:hover h5,
#controlcenter .structure .rowaction.enabled:focus + h5,
#controlcenter .structure .rowaction.enabled:hover + h5 {
	background-color: transparent;
	border-color: transparent;
	color: inherit;
}


#controlcenter .structure .stars_available:after {
	content: "";
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #EEEEEE;
	-webkit-border-radius: 0 2px 0 2px;
	-moz-border-radius: 0 2px 0 2px;
	border-radius: 0 2px 0 2px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


#controlcenter .structure .progress_meter {
	position: absolute;
	z-index: 7;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 30%;

	-webkit-border-radius: 0 2px 0 2px;
	-moz-border-radius: 0 2px 0 2px;
	border-radius: 0 2px 0 2px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	/*top: 0;
	bottom: 0;
	height: auto;
	background-color: #FAFAFA;
	border-right: 1px solid #DDDDDD;
	border-radius: 0;*/
}

#controlcenter .progress_poor .progress_meter {
	background-color: #D32542;
	color: #D32542;
}
/*#controlcenter .structure .progress_fair .progress_meter {
	background-color: #EA9239;
	color: #EA9239;
}*/
#controlcenter .progress_good .progress_meter {
	background-color: #63D326; /* FD971F */
	color: #63D326; /* FD971F */
}


#controlcenter .structure .progress_value {
	padding-left: 0;
	width: 46px;
	right: -46px;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
#controlcenter .structure .progress_notice:before {
	content: "";
	position: absolute;
	color: #BBBBBB;

	right: 25px;
	width: 20px;

	font-family: "FontAwesome";
	font-size: 14px;
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
}
/*#controlcenter .structure .progress_poor.has_stars .progress_notice {
	text-align: right;
	width: 98px;
}*/
#controlcenter .structure .progress_poor.has_stars .progress_notice:before {
	content: "\F12A"; /* exclamation */
	color: #D32542;
}

#controlcenter .structure .progress_seen {
	color: #777777;
}

#controlcenter .structure h4 {
	display: block;
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}
#controlcenter .structure h5 {
	display: block;
	position: relative;
	z-index: 2;
	margin: 0 -5px 0 -5px;
	padding: 0 0 0 21px;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;

	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;

	-webkit-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	-moz-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	-o-transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
	transition: background-color 0.05s linear, border-color 0.05s linear, color 0.05s linear;
}
.ie8 #controlcenter .structure h5,
.ie9 #controlcenter .structure h5,
.ie10 #controlcenter .structure h5 {
	margin: 0;
}
@media screen and (min-width:0\0) { /* just to be sure, for ie10 */
	#controlcenter .structure h5 {
		margin: 0;
	}
}
#controlcenter .structure .has_progress h5 {
	padding-right: 46px;
}
#controlcenter .structure .rowaction:after,
#controlcenter .structure h5:after {
	content: "";
	position: absolute;
	left: 0;
	width: 14px;

	font-family: "FontAwesome";
	font-size: 14px;
	line-height: inherit !important;
	text-align: left;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
	content:"\f067"; /* icon */
}
#controlcenter .structure h5 .iconnumber {
	display: inline-block;
	width: 21px;
}


#controlcenter .structure .rowaction:after {
	position: relative;
	text-align: center;
	left: 0;
	width: 54px;
	font-size: 16px;
	content:"\f054"; /* right chevron */
}
#controlcenter .structure .stars_available .rowaction:after,
#controlcenter .structure .progress_incomplete .rowaction:after {
	content: "\f006"; /* empty star */
	color: #555555;
	font-size: 17px;
}
#controlcenter .structure .progress_poor .rowaction:after {
	color: #D32542;
}
#controlcenter .structure .progress_fair .rowaction:after {
	content: "\f123"; /* half star */
	font-size: 17px;
}
#controlcenter .structure .has_stars .rowaction:after {
	content: "\f123"; /* half star */
	color: #63D326; /* FD971F */
	font-size: 17px;
}
#controlcenter .structure .has_all_stars .rowaction:after {
	content: "\f005"; /* filled star */
}

/*#controlcenter .structure .stars_available .rowaction:after,
#controlcenter .structure .progress_incomplete .rowaction:after {
	content: "\f005"; /* filled star *//*
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1.6px;
	-webkit-text-stroke-color: #666666;
}
#controlcenter .structure .has_stars .rowaction:after,
#controlcenter .structure .progress_fair .rowaction:after {
	content: "\f123"; /* half star *//*
	-webkit-text-fill-color: #666666;
	-webkit-text-stroke-width: 0;
}*/

#controlcenter .structure .has_all_stars .rowaction:after {
	content: "\f005"; /* filled star */
	-webkit-text-fill-color: #A6FB78;
	-webkit-text-stroke-width: 1.3px;
	-webkit-text-stroke-color: #63D326;
}


#controlcenter .structure .dash_back > h5:after {
	content:"\f048"; /* left stop */
	left: 3px;
}
#controlcenter .structure .dash_back.enabled > h5:after {
	content:"\f0d9"; /* caret left */
	font-size: 18px;
	left: 4px;
}
#controlcenter .structure .folder > h5:after {
	content:"\f07b"; /* folder filled */
	left: 1px;
}
#controlcenter .structure .module > h5:after {
	content:"\f114"; /* folder */
	left: 1px;
}
#controlcenter .structure .info > h5:after {
	content:"\f0f6"; /* page with lines */
	content:"\f15b"; /* page filled */
	left: 2px;
}
#controlcenter .structure .video > h5:after {
	content:"\f008"; /* film */
	left: 0;
}
#controlcenter .structure .animated > h5:after {
	content:"\f144"; /* play in filled circle */
	left: 1px;
}
#controlcenter .structure .quiz > h5:after,
#controlcenter .structure .quiz2 > h5:after {
	content:"\f040"; /* pencil */
	left: 1px;
}
#controlcenter .structure .draganddrop > h5:after {
	content:"\f047"; /* drag */
	left: 0;
}
#controlcenter .structure .stepped > h5:after {
	content:"\f124"; /* triangle right */
	content:"\f013"; /* gear */
	content:"\f161"; /* sort down */
	left: 0;
}

/*#controlcenter .structure .folder li.current > h5:after {
	content:"\f115";
	content:"\f0a4";
}
#controlcenter .structure .pages li.current > h5:after {
	content:"\f0a4";
	content:"\f0a4";
}*/
#controlcenter .structure li.current:before {
	font-family: "FontAwesome";
	font-size: 18px;
	line-height: inherit;
	text-align: left;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);

	content:"\f0DA"; /* triangle right */

	color: #333333;

	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: -14px;
	width: 14px;
}





#controlcenter a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
#controlcenter a:hover {
	color: #04B0FF;
}

#controlcenter h2 a {
	color: #888888;
}
#controlcenter h2 a.current {
	color: inherit;
	cursor: default;
}

/* iOS smooth scrolling */
.smoothscroll #controlcenter .content {
	-webkit-overflow-scrolling: touch;
}
.smoothscroll #controlcenter .structure h5 {
	-webkit-transform: translate3d(0,0,0);
}
/**/