/*  HOT POTATOES BY HALF-BAKED SOFTWARE - MULTIPLE CHOICE QUIZ CSS */

/* MODIFIED BY SUE LYON-JONES -RESPONSIVE EDIT - FONT SIZES SET TO 16PX 7 5 19 */

body{font-size:16px;}

/* SET BACKGROUND FOR QUIZ CONTAINER - 22 01 2017 */
.QuizBackground {background-color:#F4F4F4;}

/*Quizbox added to make margins behave - Background colour set to Grey 20 5 2016. Margins tweaked 27 9 2016  SLJ*/
.HpQuizBox {margin-top:20px; padding-top:20px;padding-bottom:20px;margin-bottom:0;background-color:#F4F4F4;}

/* ADJUST LEFT MARGIN FOR QUIZ BOX IF REQUIRED - 22 01 2017 */
.HpQuizBoxIndent {margin-left:50px;margin-top:20px; padding-top:20px;padding-bottom:20px;margin-bottom:0;background-color:#F4F4F4;}

/* ALIGN SHOW ANSWERS BUTTON EMBEDDED IN QUIZ -20 5 2016  SLJ */
.HpQuizBox h4 {padding-bottom:30px;padding-left:60px;}
	
button{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:16px;display:inline}

div.StdDiv{clear:both;background-color:#F4F4F4;font-family:'Open Sans',Helvetica,Arial,sans-serif;text-align:center;font-size:16px;color:#404040;padding-left:8px;}
div.StdDivBlue{clear:both;background-color:#E9F0FF;font-family:'Open Sans',Helvetica,Arial,sans-serif;text-align:center;font-size:16px;color:#404040;padding:8px;}

.Guess{font-weight:bold}
div.ExerciseText{}

/*Code to Disable Feedback Text - Feedback is now provided via dropdown box*/
.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{display:none}

span.CorrectMark{}
{background-color:#F4F4F4;}

select{font-size:16px;}

/*Code to Disable Hot Potatoes Feedback Box*/
div.Feedback {display:none;height:0}
.InstructionsDiv {background-color:#F4F4F4;}

/* Keypad styles */
div.Keypad{text-align:center;display:none;margin-bottom:8px}
div.Keypad button{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:120%;background-color:#F4F4F4;color:#404040;width:32px}

/* JQuiz styles - Top Padding adjusted 20 5 2016 - SLJ*/

/* STYLE QUIZ NAVIGATION 29 11 2017 -  SLJ */
div.QuestionNavigation{text-align:center;padding-top:10px;}

.QNum{text-align:left;margin:0 16px 64px 16px;font-weight:bold;}

textarea{font-family:'Open Sans',Helvetica,Arial,sans-serif;}

/*Negative left margin added to Fix issues on mobile display - 14 7 2015 - SLJ*/

.QuestionText{text-align:left;margin:20px 0 0 -20px;font-size:16px}

.Answer{font-size:16px;letter-spacing:.16px;color:#404040}

.PartialAnswer{font-size:16px;letter-spacing:.16px;color:#404040}

.Highlight{color:#404040;background-color:#ffff00;font-weight:bold;font-size:16px}

/*Code to Fix issues on mobile display - minus margin added 14 7 2015, edited 20 5 2016 - SLJ*/

ol.QuizQuestions{text-align:left;list-style-type:none;}

li.QuizQuestion{text-align:left;margin-left: -30px;padding:5px; margin:0 0 5px 0}

/*Code to Fix issues on mobile display - added 28 7 2015 - SLJ*/

@media only screen and (max-width:580px) {li.QuizQuestion {margin-left: -20px;}}

ol.MCAnswers{text-align:left;list-style-type:upper-alpha;padding:16px}

/*Code edited to adjust left margin on quiz, 28 7 2015 - SLJ*/

ol.MCAnswers li{margin-bottom:16px;margin-left: -60px;}

ol.MSelAnswers{text-align:left;list-style-type:lower-alpha;padding:16px}

div.ShortAnswer{padding:16px}

/*Code for Function Buttons Modified 23 5 2015 - SLJ*/

.FuncButton {
	color:#F4F4F4;
	text-align:left;
	border-style:solid;
	border-left-color:#F4F4F4;
	border-top-color:#F4F4F4;
	border-right-color:#F4F4F4;
	border-bottom-color:#F4F4F4;
	color:#404040;
	background-color:#F4F4F4;
	/* Sets text colour of buttons */
	color: #404040;
	font-size:10px;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
}
.FuncButtonUp {
	color:#F4F4F4;
	text-align:left;
	border-style:solid;
	border-left-color:#F4F4F4;
	border-top-color:#F4F4F4;
	border-right-color:#F4F4F4;
	border-bottom-color:#F4F4F4;
	color:#404040;
	background-color:#F4F4F4;
	/* Sets text colour of buttons */
	color: #404040;
	font-size:10px;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
}
.FuncButtonDown {
	color:#F4F4F4;
	text-align:left;
	border-style:solid;
	border-left-color:#F4F4F4;
	border-top-color:#F4F4F4;
	border-right-color:#F4F4F4;
	border-bottom-color:#F4F4F4;
	color:#404040;
	background-color:#F4F4F4;
	/* Sets text colour of buttons */
		color: #404040;
	font-size:10px;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
}

/*BeginNavBarStyle*/
div.NavButtonBar{
background-color:#F4F4F4;
text-align:center;
margin:0;
clear:both;
font-size:.875em;

}
.NavButton {
border-style:solid;
border-left-color:#F4F4F4;
border-top-color:#F4F4F4;
border-right-color:#F4F4F4;
border-bottom-color:#F4F4F4;
background-color:#F4F4F4;
color:#404040;
border:0;
cursor:pointer;	
}

.NavButtonUp {
border-style:solid;
border-left-color:#F4F4F4;
border-top-color:#F4F4F4;
border-right-color:#F4F4F4;
border-bottom-color:#F4F4F4;
color:#F4F4F4;
background-color:#F4F4F4;
border:0;
cursor:pointer;	
}

.NavButtonDown {
border-style:solid;
border-left-color:#F4F4F4;
border-top-color:#F4F4F4;
border-right-color:#F4F4F4;
border-bottom-color:#F4F4F4;
color:#F4F4F4;
background-color:#F4F4F4;
border:0;
cursor:pointer;	
}

/* PARESMENOT  - OVERRIDE CUSTOM CSS FOR UNSTYLED LISTS  */
.entry-content ul li {list-style:inside none none;margin-left:-50px;padding-left: 10px;}

/* FIX UNWANTED PADDING BELOW QUIZ ANSWERS  */
.entry-content ol, .entry-content ul {
	margin: 0px 0px 0px 34px;
}

/* DISABLE BUTTON OUTLINE IN CHROME */
button:focus {outline:none;}

/*ADDED 25 3 2017 TO FIX MARGINS ON LEGACY QUIZZES WITH ALIGNMENT ISSUES  SLJ*/
.HpQuizBoxLegacy {padding-top:20px;padding-bottom:20px;padding-left:90px;margin-bottom:0;background-color:#F4F4F4;}

/*ADDED 4 3 2018 SLJ*/
.HpQuizBoxLegacyBordered {padding-top:20px;padding-bottom:20px;padding-left:90px;margin-bottom:0;background-color:#F4F4F4;border-style:solid;border-width:1px;border-color:#CCCCCC;}

/* MODIFIED STYING 28 11 2017 -  SLJ */
.LegacyReading{font-size:16px;Margin-top:10px}
.LegacyListening{font-size:16px;Margin-top:10px}
.LegacyGrammar{font-size:16px;Margin-top:10px}


/* MODIFIED STYING 28 11 2017 -  SLJ */
.LegacyQNum{font-size:16px;text-align:left;margin:0 16px 64px 16px;font-weight:bold;}
/* HEIGHT INCREASED TO 40px - 15 8 2018 -  SLJ */
div.LegacyStdDiv{clear:both;background-color:#F4F4F4;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:16px;color:#404040;height:40px!important;}


/* STYLING FOR LEGACY EMBEDDED QUIZZES - 28 11 2017 -  SLJ */
.HpEmbeds {background-color:#F4F4F4;max-width:700px;
}


/* INCREASE FONT SIZE FOR RUBRICS ON LEGACY QUIZZES - 28 11 2017 -  SLJ */
.rubrics-plain-extra{font-size:16px;}

/* ADJUST DISPLAY OF QUIZ QUESTIONS ON LEGACY EMBEDS - 29 11 2017 -  SLJ */
div.LegacyQuestionNavigation{text-align:center;padding-top:10px;margin-left:-90px;}
.LegacyQuestionText{text-align:left;margin:30px 0 10px -30px;font-size:16px}

/* TURN OFF LIST STYLES FOR TRUE, FALSE, NOT GIVEN QUIZZES - SLJ */

.TfngMcq ol{list-style-type: none!important;
}

.TextBoxPaleBlue{
	background: #E9F0FF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px}

/* Pale Grey Text Box */

.TextBoxPaleGrey{
	background: #F4F4F4;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px
	}	
	

/* LAST EDIT 15 7 2019 */