@charset "utf-8";
/* CSS Document */
body {font-family: 'Lato', Calibri, Arial, sans-serif; color: #fff; background: #47a3da; margin:0;}
.ico {float:left; margin:0px 20px 0px 0px; height:7vh; border:0px;}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.container  {background:#73BDE7;padding:0;}
.container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 1.7em 0.875em 0.17em;
}
.container > header h1 {
	font-size: 2.125em;
	line-height: .79;
	margin: 0 0 0.6em 0;
	float: left;
	font-weight: 400;
}
.container > header > span {
	display: block;
	position: relative;
	z-index: 9999;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.close {
		font-size: 2.5em;
		position: absolute;
		right: 1vw;
		color: #C00;
		font-weight: bold;
		text-decoration: none;
		}
.close:hover {color: #C03;}
.right {
		font-size: 2.4em;
		float:right;
		color: #FFF;
		text-decoration: none;
		}
.left {
		font-size: 2.4em;
		float:left;
		color: #FFF;
		text-decoration: none;
		}
.right:hover, .left:hover {color: #FF0;}

p{text-align: left;	margin: 0px; font-size: 100%;}
table,div,span,td{font-size: 98%; }
div.Titles{	font-weight:800;padding: 0.1em;;text-align: center;	color: #033;}
button{	font-family: Arial,Calibri;	font-size: 100%; display: inline;}

.ExerciseTitle{font-size: 210%; color: #033; font-weight:700;}

.ExerciseSubtitle{font-size: 120%;color: #0000a0;}

div.StdDiv{	text-align: center;	font-size: 170%;padding: 0.5em;	margin-bottom: 1px;}

/* EndCorePageCSS */
.Guess{	font-weight: bold;color:yellow;}
.CorrectAnswer{	font-weight: bold;color:yellow;}

div#Timer{padding: 0.25em;	margin-left: auto;	margin-right: auto;	text-align: center;	color: #0000a0;}
span#TimerText{	padding: 0.25em;border-width:1px;border-style:solid;font-weight:bold;display:none;color:#0000a0;}

span.Instructions{}
div.ExerciseText{}
.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{color: #0000a0;}
.LeftItem{font-size: 100%;	color: #000000;	text-align: left;}
.RightItem{	font-weight: bold;	font-size: 100%;	color: #000000;}

span.CorrectMark{}
input, textarea{font-family: Arial,Calibri;	font-size: 120%; text-align:center;	border:0;}
select{	font-size: 100%;}
div.Feedback {
	background-color: #e1e1ff;
	left: 26%;
	width: 35%;
	top:10%
	z-index: 1;
	border-style: solid;
	border-width: 3px;
	border-radius: 8px;
	border-color:#2E64FE;
	padding: 2.5em;
	text-align: center;
	color: #0B3861;
	position: absolute;
	display: none;
	font-size: 170%;
	font-weight:700;
	opacity:.84;
}

div.ExerciseDiv{color: #000000;}

/* JMatch flashcard styles */
/* JMix styles */
/* JCloze styles */
/* JCross styles */
/* Keypad styles */
div.Keypad{
	text-align: center;
	display: none; /* initially hidden, shown if needed */
	margin-bottom: 0.5em;
}
div.Keypad button{
	font-family: Arial,Calibri;
	font-size: 120%;
	background-color: #ffffff;
	color: #000000;
	width: 2em;
}

/* JQuiz styles */
div.QuestionNavigation{	text-align: center;}
.QNum{margin: 0em 1em 0.5em 1em;font-weight: bold;vertical-align: middle;}
textarea{text-align: center;}
.QuestionText{ text-align: center;	margin: 0px; font-size: 120%;}
.Answer{font-size: 120%;letter-spacing: 0.1em; text-align: center; color:#006;}
.PartialAnswer{
	font-size: 120%;
	letter-spacing: 0.1em;
	color: #0000a0;
}
.Highlight{	color: #000000;	background-color: #ffff00;	font-weight: bold;	font-size: 120%;}
ol.QuizQuestions{list-style-type: none;}
li.QuizQuestion{	padding: 1em;	border-style: solid;	border-width: 0px 0px 1px 0px;}
ol.MCAnswers{text-align: left;list-style-type: upper-alpha;	padding: 1em;}
ol.MCAnswers li{margin-bottom: 1em;}
ol.MSelAnswers{text-align: left;list-style-type: lower-alpha;padding: 1em;}
div.ShortAnswer{padding: 1em;}
.FuncButton, .FuncButtonDown, .FuncButtonUp {
	position: relative;
	padding: .4em .6em;
	margin: 0px 10px 10px 0px;
	border-radius: 8px;
	color: #FFF;
	text-decoration: none;	
	background-color: #3498DB;
	border-bottom: 5px solid #2980B9;
	text-shadow: 0px 1px #2980B9;
	cursor:pointer;
}
.FuncButton:hover{background-color: #036;}

/*BeginNavBarStyle*/
div.NavButtonBar{
	background-color: #8080c0;
	text-align: center;
	margin: 2px 0px 2px 0px;
	clear: both;
	font-size: 100%;
}

.NavButton {
	border-style: solid;	
	border-left-color: #bfbfdf;
	border-top-color: #bfbfdf;
	border-right-color: #404060;
	border-bottom-color: #404060;
	background-color: #8080c0;
	color: #000000;
	border-width: 2px;
	cursor: pointer;	
}

.NavButtonUp {
	border-style: solid;
	border-left-color: #bfbfdf;
	border-top-color: #bfbfdf;
	border-right-color: #404060;
	border-bottom-color: #404060;
	color: #8080c0;
	background-color: #000000;
	border-width: 2px;
	cursor: pointer;	
}

.NavButtonDown {
	border-style: solid;
	border-left-color: #404060;
	border-top-color: #404060;
	border-right-color: #bfbfdf;
	border-bottom-color: #bfbfdf;
	color: #8080c0;
	background-color: #000000;
	border-width: 2px;
	cursor: pointer;	
}