/*  HOT POTATOES BY HALF-BAKED SOFTWARE - LEGACY STYLE SHEET - READ ONLY VERSION - MODIFIED SLJ 11 8 21 */

/* TEXT COLOUR SET TO BLACK TO MATCH H5P - 11 8 21 */
body{font-size:16px;color:#000000}

/* SET BACKGROUND FOR QUIZ CONTAINER  */
.QuizBackground {background-color:#FFFFFF;}

/*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:#FFFFFF;}

/* 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:#FFFFFF;}

/* 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:#FFFFFF;font-family:'Open Sans',Helvetica,Arial,sans-serif;text-align:center;font-size:16px;color:#000000;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:#000000;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:#FFFFFF;}

select{font-size:16px;}

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

/* 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:#FFFFFF;color:#000000;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*/



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

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

.Highlight{color:#000000;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;}

/*MODIFIED 11 8 21 - SLJ*/
li.QuizQuestion{text-align:left;margin-left: 0;padding:5px; margin:0 0 5px 0}



/*MARGIN LEFT ADDED 11 8 21 - SLJ*/
ol.MCAnswers {
    text-align: left;
    list-style-type: upper-alpha;
    padding: 16px;
    margin-left: 20px;
}

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

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

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

div.ShortAnswer{padding:16px}

/*MODIFIED 11 8 21 BG COLOUR CHANGED 12 8 21 - SLJ*/

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

PrevQButton, .NextQButton
{
	color:#FFFFFF;
	text-align:left;
	border-style:solid;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
color:#000000;
background-color:#FFFFFF;
	/* Sets text colour of buttons */
		color: #000000;
	font-size:10px;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
}

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

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

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

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

/* PARESMENOT  - OVERRIDE CUSTOM CSS FOR UNSTYLED LISTS  */
.entry-content ul li {list-style:inside none none;margin-left:0;padding-left: 10px;}
/* RESOLVE ISSUES WITH LEFT ALIGNMENT OF QUESTIONS 1 8 21 20:01  */
.commentlist ol ol, .commentlist ul ul, .entry-content ol ol, .entry-content ul ul {
    margin: 0 0 0 25px;}

/* FIX UNWANTED PADDING BELOW QUIZ ANSWERS - MODIFIED 1 8 21 20:01  */
.entry-content ol, .entry-content ul {
	margin: 0;
}

/* 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:#FFFFFF;}



/* 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:#FFFFFF;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:16px;color:#000000;height:40px!important;}


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


/* 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:0;}


/* 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: #FFFFFF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px
	}	
	
	
/* MODIFIED CODE APPLIED 11 8 2021 */	
.HPMcReading {min-height:280px;margin-bottom: 10px;margin-top: 10px;}
.H5pMcQuiz {min-height:280px}

/* HOTPOT MODIFICATIONS - 9 8 21 */

.NavButton { 
	border-style: solid;
	border-radius: 0.5em;
	padding: 0.5em;
	min-width: 48px;
min-height: 36px;
	font-weight:normal;
    vertical-align: middle;
	text-align:center;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #000000;
	background-color:#FFFFFF;
	border-width: 0;
	cursor: pointer;	
	box-shadow: none;
}


.NavButtonUp {
	border-style: solid;
	border-radius: 0.5em;
	padding: 0.5em;
	min-width: 48px;
min-height: 36px;
	font-weight:normal;
    vertical-align: middle;
	text-align:center;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #000000;
	background-color:#FFFFFF;
	border-width: 0;
	cursor: pointer;	
	box-shadow: none;
}



.NavButtonDown {
	border-style: solid;
	border-radius: 0.5em;
	padding: 0.5em;
	min-width: 48px;
min-height: 36px;
	font-weight:normal;
    vertical-align: middle;
	text-align:center;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #000000;
	background-color:#FFFFFF;
	border-width: 0;
	cursor: pointer;	
	box-shadow: none;
}


.FuncButton {
	border-style: solid;
	border-radius: 0.5em;
	padding: 0.5em;
	min-width: 48px;
min-height: 36px;
	font-weight:normal;
    vertical-align: middle;
	text-align:center;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #000000;
	background-color:#FFFFFF;
	border-width: 0;
	cursor: pointer;	
	box-shadow: none;
}

.FuncButtonUp {
	border-style: solid;
	border-radius: 0.5em;
	padding: 0.5em;
	min-width: 48px;
min-height: 36px;
	font-weight:normal;
    vertical-align: middle;
	text-align:center;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #000000;
	background-color:#FFFFFF;
	border-width: 0;
	cursor: pointer;	
	box-shadow: none;
}

.FuncButtonDown {
	border-style: solid;
	border-radius: 0.5em;
	padding: 0.5em;
	min-width: 48px;
min-height: 36px;
	font-weight:normal;
    vertical-align: middle;
	text-align:center;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #000000;
	background-color:#FFFFFF;
	border-width: 0;
	cursor: pointer;	
	box-shadow: none;
}
/* DISABLE TRANSITION ON HOVER TO STOP BUTTON JUMPING AROUND - 11 8 21 */
.FuncButton:hover{
border-style: solid;
	border-radius: 0.5em;
	padding: 0.5em;
	min-width: 48px;
	min-height: 36px;
	font-weight:normal;
    vertical-align: middle;
	text-align:center;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
background-color:#FFFFFF;
	border-width: 0;
	cursor: pointer;	
	box-shadow: none;
	transition:none;
}


/* PADDING DROPPED - 10 8 21 */
.HpQuizBoxMCQ {
    padding: 0;
    background-color: #FFFFFF;
}
/* MODIFIED TO MATCH NEW POTATOES - 11 8 21 */
.HpQuizBoxLegacy {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 0;
    background-color: #FFFFFF;
}
.GreyBoxDotBorder {padding:0}

/* STYLING FOR DEPRECATED LEGACY CONTENT - 10 8 21 */
div.LegacyStdDiv{clear:both;background-color:#FFFFFF;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:16px;color:#000000;}
.LegacyReading {width:100%;height:auto;background-color:#FFFFFF;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:16px;color:#000000;}

div.StdDiv, .Instructions.Div{background-color: #FFFFFF;padding:0;margin-top:0;}

/* MODIFY QUIZ NAVIGATION TO MATCH NEW POTATOES 11 8 21 -  SLJ */
.div.QuestionNavigation{text-align:center;padding-top:0;}
/* SET IMAGE TRANSITION TO NONE TO ELIMINATE JERKY BEHAVIOURS 11 8 21 -  SLJ */
.div.QuestionNavigation img {width:60px;height:27px;transition:none}
/* MODIFIED 10 8 21 */
.Questions {
    width: 100%;
    margin: auto;
}

ol.QuizQuestions {
    text-align: left;
    list-style-type: none;
    padding: 0;
}
/* MODIFIED 06 10 21 */
.QuestionText {
text-align: left;
margin: 0;
font-size: 16px;
padding-right: 20px;
padding-left: 20px;
margin-top: 20px;
}
li.QuizQuestion{text-align:left;margin-left: 0;padding:0;margin:0;}
/* ADDED 10 8 21 */
.QNumReadout, .OneByOneReadout{
	margin: 0em 1em 0.5em 1em;
	font-weight: bold;
	vertical-align: middle;
}
/* ADDED 10 8 21 */
Div#OneByOneReadout{
	margin: 0em 1em 0.5em 1em;
	font-weight: bold;
	vertical-align: middle;
}
/* ADDED 10 8 21 */
.LegacyQNum{
	margin: 0em 1em 0.5em 1em;
	font-weight: normal;
	vertical-align: middle;
}
/* ADDED 10 8 21 - DISABLE Q FEEDBACK TO STOP PAGE HEIGHT JUMPING AROUND */
Div#InstructionsDiv{height:0;display:none}
/* REMOVE BOTTOM PADDING FROM Q ANSWERS */
ol.MCAnswers li {
    margin-bottom: 0;
    margin-left: 0;
}	

/*ADD BORDERED BOX - 12 8 21 - SLJ */
.WhiteBoxDotBorder{background: #FFFFFF; margin-top:20px; border-style: dotted;border-width:1px;border-color:#909090}

/*GREY BORDERED BOX RETIRED - DEFAULT IS NOW WHITE - 12 8 21 - SLJ */
.GreyBoxDotBorder{background: #FFFFFF; margin-top:20px; border-style: dotted;border-width:1px;border-color:#909090}
/*GREY GAP FILL BOX RETIRED - DEFAULT IS NOW WHITE - 12 8 21 - SLJ */
.ClozeBody, ClozeDiv{background: #FFFFFF;}

/* BACKGROUND COLOURS MODIFIED 6 10 2021 */
.FuncButton, .FuncButtonUp, .FuncButtonDown {background-color:#FFFFFF!important;padding:0;border:0;cursor:pointer;}
/*DISABLE AUTO CAPITALIZE AND AUTOCORRECT TO FIX ISSUES ON MOBILE */
button, imput, object, select, value, option {font-size:16px!important;font-weight:normal!important;text-transform: lowercase;}
.GapSpan,.GapBox, element {font-size:16px!important;font-weight:bold!important;vertical-align:top;height:40px;margin-bottom:4px;text-transform: lowercase;}
GapSpan-Wide, .GapSpan-Wide2, input, textarea{margin-top:0!important;margin-bottom:4px!important;text-transform: lowercase;}
/*CUSTOM STYLE FOR WORDS THAT NEED TO BEGIN WITH CAPITAL LETTERS */
 .Capitalize  {text-transform: none!important;font-size:16px!important;}
/*TURN OFF TEXT-TRANSFORM FOR DROP-DOWN NAVIGATION PANELS */
.sidebar-show-more {text-transform: none;}

/*FIX LEGACY ISSUES ON OLD PAGES - 12 8 21 - SLJ*/

.taskbox-hotpot {
    background: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 15px;
}
.button-hotpot {
    background: #FFFFFF;
    padding-left: 45px;
	margin-top:10px;
}
/*LEFT PADDING REMOVED 12 8 21 SLJ*/
.HpQuizBoxLegacyBordered {padding-top:20px;padding-bottom:20px;margin-bottom:0;background-color:#FFFFFF;border-style:solid;border-width:1px;border-color:#CCCCCC;}
/* LEFT MARGIN MODIFIED 12 8 21 -  SLJ */
.LegacyQuestionText{text-align:left;margin:30px 0 10px 30px;font-size:16px}
/* MODIFIED 12 8 21 - HEiGHT ASSUMES A MAXIMUM OF 4 OPTIONS - SLJ */
.EmbedMCQ {
    width: 750px;
    height: 350px !important;
    overflow: hidden !important;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    padding: 0px;
    margin: 0px;
}

/*FIX ISSUES ON MOBILE DISPLAY PORTRAIT VIEW - 11 8 21 - SLJ*/

@media (min-width: 260px) and (max-width: 540px) and (orientation: portrait){  
ol.QuizQuestions {
    margin: 0 0 0 10px;
}
.entry-content ol, .entry-content ul {
	margin: 0 0 0 10px;
}
.commentlist ol ol, .commentlist ul ul, .entry-content ol ol, .entry-content ul ul {
    margin: 0;
}
.QuestionText {padding-left: 5px;padding-right: 10px;}
/* 12 8 2021 */
.button-hotpot {
    padding-left: 5px;
}
}

/* LAST EDIT 06 10 2021 - ALL BACKGROUND COLOURS SET TO #FFFFFF */