﻿
/*Exam passing and results*/

.questionContainer
{
	font-family:Arial, Tahoma;
	padding-top: 18px;
}

.questionContainerRaces
{
	font-family:Arial, Tahoma;
	padding-top: 12px;
}

.selectExamHeader img
{
	vertical-align:middle;
	margin-left:10px;
}

.questionPicture
{
	float:left;
}

.questionTip
{
	padding: 10px;
	width: 372px;
}

.demoExamTip
{
	padding: 10px;
	padding-left:0px;
	width: 383px;
	background-color:#fdf4e3;
}

.questionTextAndControls
{
	float:left;
	width:508px;
	margin-left:10px;
	min-height:278px;
	position:relative;
	padding-bottom: 40px;
}

.questionTextAndControlsAlt
{
	float:left;
	width:508px;
	margin-left:10px;
	min-height:78px;
	position:relative;
	padding-bottom: 40px;
}

.racesQuestionTextAndControls
{
	float:left;
	width:508px;
	margin-left:10px;
	min-height:278px;
	position:relative;
	padding-bottom: 8px;
}

.questionTextAndControlsAlt
{
	float:left;
	width:508px;
	margin-left:7px;
	position:relative;
}

.questionTextAndControlsCssForSeo
{
	float:left;
	width:508px;
	margin-left:18px;
	min-height:200px;
	padding-bottom: 40px;
}

.questionTextAndControlsCssForSeoAlt
{
	float:left;
	margin-left:3px;
}

.learnedQuestion
{
	background-image:url(Images/stamp-06.png);
	background-position:center;
	background-repeat:no-repeat;
}

.markedQuestion
{
	background-image:url(Images/stamp_04.png);
	background-position:center;
	background-repeat:no-repeat;
}

.skeepedQuestion
{
	background-image:url(Images/stamp-01.png);
	background-position:center;
	background-repeat:no-repeat;
}

.answeredQuestion
{
	background-image:url(Images/stamp-02.png);
	background-position:center;
	background-repeat:no-repeat;
}

.hardQuestion
{
	background-image:url(Images/stamp-03.png);
	background-position:center;
	background-repeat:no-repeat;
}

.litteredQuestion
{
	background-image:url(Images/stamp-05.png);
	background-position:center;
	background-repeat:no-repeat;
}


.mistake-hint-box
{
	padding: 8px 8px; 	
}

.questionOptions
{
	margin-top:18px;
}


.questionControls
{
	position:absolute;
	left:0px;
	bottom:0px;
	width:531px;
}

.fakeQuestionControls
{
	position:absolute;
	left:0px;
	bottom:0px;
	width:531px;
}

.nextQuestionButton
{
	float:left;
}

.stopExamButton
{
	float: right;
}

.questionValidator
{
	float:left;
	margin-left: 13px;
	font-size:12px;
}

.questionValidator img
{
	vertical-align:middle;
}


.questionNumber
{
	float:left;
	font-weight:bold;
	color:#333333;
	font-size:14px;
}

.hintDiv
{
	float:right;
	width: 91px;
	height: 18px;
	background-image: url(Images/button.gif);
	padding-top: 3px;
	text-align: center;
	margin-right: 10px;
	line-height: 18px;
}

.hintDiv span
{
	font-size:12px;
	color:#00cc00;
	font-weight:bold;
	cursor:pointer;
	
}

.hintDiv img
{
	vertical-align:middle;
}

.clearer
{
	clear:both;
}

.questionText
{
	margin-top:15px;
	font-weight:bold;
	color:#333333;
}

.noPictureQuestionText
{
	font-weight:bold;
	color:#333333;
}

.noMediaBox
{
	color:#858b99;
	font-weight:bold;
	text-align: center;
}

.noMediaBox .noMediaImage
{
	margin-top:40px;
}

.pictureContent img
{
	height: 188px;
	width: 365px;
	text-align:center;
}

.pictureMiddle .pictureContent
{
	height: 205px;
	width: 365px;
	padding: 16px 12px 0px 12px;
	background-color:#F7F8FC;
	float:left;
}

.pictureMiddle .pictureLeft
{
	background-image:url(Images/box-bg-left.gif);
	background-repeat:repeat-y;
	width:3px;
	float:left;
	height:221px;
}

.pictureMiddle .pictureRight
{
	background-image:url(Images/box-bg-left.gif);
	background-repeat:repeat-y;
	width:3px;
	float:left;
	height:221px;
}

.pictureBottom .pictureLeft
{
	height: 6px;
	width: 3px;
	background-image:url(Images/box-ft-left.gif);
	background-repeat:repeat-x;
	float:left;
}

.pictureBottom .pictureRight
{
	height: 6px;
	width: 3px;
	background-image:url(Images/box-ft-right.gif);
	background-repeat:repeat-x;
	float:left;
}

.pictureBottom .pictureTile
{
	height: 6px;
	background-image:url(Images/box-ft-center.gif);
	background-repeat:repeat-x;
	width:388px;
	float:left;
}

.pictureTop .pictureLeft
{
	height: 6px;
	width: 3px;
	background-image:url(Images/box-ft-left.gif);
	background-repeat:repeat-x;
	float:left;
}

.pictureTop .pictureRight
{
	height: 6px;
	width: 3px;
	background-image:url(Images/box-ft-right.gif);
	background-repeat:repeat-x;
	float:left;
}

.pictureTop .pictureTile
{
	height: 6px;
	background-image:url(Images/box-ft-center.gif);
	background-repeat:repeat-x;
	width:388px;
	float:left;
}



/*Exam results*/

.correctOption
{
	color:#339900
}

.incorrectOption
{
	color:#FF0000
}

.mistakesCaption
{
	font-size:14px;
	font-weight:bold;
	color:#868b99;
}

.mistakesCount
{
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
}

.alternateQuestionRow
{
	position: relative;
	background-color:#dee1e8;
}

/*Exam topic selection*/


.topControls
{
	float:left;
	width:914px;
	padding: 7px 0px 10px 7px;
	background-color:#dee1e8;
}


.topControls div
{
	float:left; 
	margin-right:30px;
}
.topControls .questionCountInput
{
	width:40px;
}

.questionCountDiv
{
	min-width: 200px;
}



.resultColumnCaption
{
	float:right !important;
	margin-right:0px !important;
	width:150px;
	padding-right:10px;
	padding-top: 3px;
}

.questionCountColumnCaption
{
	float:right !important;
	margin-right:10px !important;
	padding-right:20px;
	padding-top: 3px;
	text-align:right;
}


.topicListTable
{
	width:100%;
}

.topicListTable .evenRow
{
	background-color:#f6f7fa;
}

.topicListTable td
{
	padding-top:3px;
	padding-bottom:3px;
}

.topicListTable .checkBoxColumn
{
	width:23px;
	padding-left:10px;
}

.topicListTable .questionCountColumn
{
	width:43px;
}

.topicListTable .percentColumn
{
	width:140px;
	padding-right:10px;
}

.topicPercentCaption
{
	width:40px;
	height:16px;
	background-image: url(Images/result-pct.gif);
	text-align:center;
	float:left;
	color:#ffffff;
}

.topicPercentOuter
{
	float:left;
	width:100px;
	height:16px;
	background-image: url(Images/result-pct-empty.gif);
}

.topicPercentInner
{
	float:left;
	height:16px;
	background-image: url(Images/result-pct-green.gif);
}

.hintDivText
{
	margin-bottom: 20px;
}

.hintDivFooterTitle
{
	font-weight:bold;
	font-style:normal;
	color:#858b99;
	line-height:25px;
}

.hintDivFooter
{
	font-style:italic;
}

.topHintDivFooter
{
	font-style:italic;
	padding-left:17px;
}

.regDivFooter
{
	text-align:center;
	font-style:italic;
	padding-top:25px;
	width:100%;
}

.popUpDivContent
{
	text-align:center;
	font-style:italic;
	padding-top:25px;
	width:400px;
}

.sortDesc
{	
}

.sortAsc
{
}



.hintAttentionDiv
{
	float:right;
	width: 105px;
	height: 40px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-04.png);
	text-align:center;
	margin-right: 60px;
	line-height:35px;
	vertical-align:middle;
	position:absolute; top:0px;
	left:311px;
}

.hintAttentionDiv span
{
	font-size:12px;
	color:#00cc00;
	font-weight:bold;
	cursor:pointer;
	display:block;
	height: 40px;
}

.hintAttentionDiv img
{
	vertical-align:middle;
}

.hintAttentionDivAlt
{
	float:right;
	width: 105px;
	height: 40px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-04.png);
	text-align:center;
	line-height:35px;
	vertical-align:middle;
	left:311px;
}

.hintAttentionDivAlt span
{
	font-size:12px;
	color:#00cc00;
	font-weight:bold;
	cursor:pointer;
	display:block;
	height: 40px;
}

.hintAttentionDivAlt img
{
	vertical-align:middle;
}

.questionNotSelected
{
	float: left;
	width:128px;
	height:40px;
}

.questionSelected
{
	width:128px;
	height:40px;
}

.stopExamLinkNotLearned
{
	display:block;
	float: right;
	width:95px;
	height:40px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-05.png);
	text-align: center;
	line-height: 37px;
	text-decoration: none;
	padding-right: 20px;
}

.stopExamButtonNotLearned
{
	display:block;
	float: right;
	width:95px;
	height:40px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-05.png);
	text-align: center;
	line-height: 37px;
	text-decoration: none;
	padding-right: 130px !important;
}

.stopExamLinkNotLearnedAlt
{
	display:block;
	float: right;
	width:95px;
	height:40px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-05.png);
	text-align: center;
	line-height: 37px;
	text-decoration: none;
}

.stopExamLinkLearned
{
	display:block;
	float: right;
	width:95px;
	height:40px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-05.png);
	text-align: center;
	line-height: 37px;
	text-decoration: none;
	padding-right: 20px;
}

.nextQuestionLink
{
	display:block;
	float: left;
	width:108px;
	height:40px;
	text-align: center;
	line-height: 37px;
	text-decoration: none;
	padding-left: 15px;
}

.skeepButton
{
	width:94px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-02.png);
}



.markButton
{
	width:85px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-03.png);
}

.hintButton
{
	width:82px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-04.png);
}

.inactiveNextButton
{
	width:88px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-01.png);
}

.activeNextButton
{
	width:88px;
	background-repeat:no-repeat;
	background-image: url(Images/btn-01.png);
}

.questionContent
{
}

.hintPrizesDivFooterTitle
{
	font-weight:bold;
	font-style:normal;
	text-align:left !important;
	color:#858b99;
	line-height:25px;
}

