div.pageheader {
background: url("/TestEngine/img/pageheader.png") no-repeat scroll right bottom #014F82;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    max-height: 85px;
    min-height: 65px;
    width:100%;
}
div.pageheader h1 {
    color: #FFFFFF;
    font-size: 200%;
    line-height: 25px;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 10px;
}
div.testIntro div#baseCol2 {
    padding: 30px 65px 30px 25px;
    width: 800px;
}
div.testIntro div#baseCol3 {
    background: none repeat scroll 0 0 #EBEBEB;
    padding: 30px 20px;
    width: 340px;
}
div#baseCol1, div#baseCol2, div#baseCol3 {
    float: left;
    min-height: 600px;
}
div#baseCol2 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-right: 25px;
    width: 495px;
}
div#baseCol3 {
    background: none repeat scroll 0 0 #EBEBEB;
    padding-right: 12px;
    width: 204px;
}

/* INLINE ANSWER CHOICES FOR MC AND MMC */

/* DEFAULT STYLES ON PHONES (VIEWPORTS <768PX), SO ALL STYLES ARE SPECIFIED IN THE MEDIA QUERY BELOW.  EMPTY CLASSES SET HERE AS PLACEHOLDERS */
.inline-answers .mc-answer-choice {}
.inline-answers .mc-answer-choice.your-answer-correct,
.inline-answers .mc-answer-choice.your-answer-incorrect,
.inline-answers .mc-answer-choice.learner-answered,
.inline-answers .mc-answer-choice.not-answered {}
.inline-answers .mc-answer-choice.correct .letter:before,
.inline-answers .mc-answer-choice.incorrect .letter:before {}
.inline-answers .learner-answered .your-answer-callout:before {}
.inline-answers .mc-answer-choice .answertext {}
.inline-answers .mc-answer-choice:nth-child(4n + 5) {}
.inline-answers .your-answer-callout {}
.inline-answers .answertext p:last-child {}
.inline-answers .checkbox {}

/* SET STYLES FOR TABLETS AND ABOVE */
@media (min-width: 768px) {

	.inline-answers .mc-answer-choice {
		position: relative;
		display: block;
		float: left;
		width: 24%;
		padding: 5px 1px 5px 24px;
		margin-right: 2px;
	}
	.inline-answers .mc-answer-choice.your-answer-correct,
	.inline-answers .mc-answer-choice.your-answer-incorrect,
	.inline-answers .mc-answer-choice.learner-answered,
	.inline-answers .mc-answer-choice.not-answered { padding-bottom: 40px; }
	
	/* TIGHTEN UP CORRECT/INCORRECT ICONS */
	.inline-answers .mc-answer-choice.correct .letter:before,
	.inline-answers .mc-answer-choice.incorrect .letter:before { margin-left: -20px; }
	
	/* REMOVE ARROW FROM LEARNER MODE */
	.question-block.inline-answers .learner-answered .your-answer-callout:before { content: ""; }
	
	/* UNDO WIDTH SET BY BLOCK VERSION */
	.inline-answers .mc-answer-choice .answertext { width: auto; }
	
	/* REMOVE MARGIN FROM THE RIGHT OF THE EVERY 4TH ANSWER CHOICE */
	.inline-answers .mc-answer-choice:nth-child(4n + 5) { margin-right: 0; }
	
	/* MORE YOUR ANSWER CALLOUT TO BELOW YOUR ANSWER WHEN DISPLAYED INLINE */ 
	.inline-answers .your-answer-callout {
		
		bottom: 0px;
		display: block;
		float: none;
	}	
	
	/* FOR INLINE ANSWERS, "YOUR ANSWER" AND "VIEW EXPLANATION" APPEAR BELOW. THIS CLASS ADDS A LITTLE BOTTOM MARGIN */	
	.inline-answers .answertext p:last-child { margin: 0 0 5px 0; }
	
	/* SKIP THIS QUESTION DIV CLEARS THE FLOAT */
	.inline-answers .checkbox {
		clear: both;
		display: block;
		padding-top: 20px;
	}
   
}

/* END INLINE ANSWER CHOICES FOR MC AND MMC */

#mydiv {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147480000 !important;
    background-color: #000;
    opacity: .5;
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
    font-weight:600; 
    color: #fff; 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}