/*
   qti.css - v1.0
   MKM UI Framework
   
   Created by Dave Waller on 2012-02-28.
   Copyright 2012 MyKnowledgeMap Ltd. All rights reserved.
*/

/* Overall player */
body.qti #page_content{
	margin-top:0px !important;
	padding-bottom:0px !important;
}
.qti-player{
	padding:0px;
	margin:0px;
	/*width:870px;*/
	height:100%;
	color:#222;
	text-shadow:0px 1px 0px #fff;
}

/* Preview bar */
.qti-preview{
	height:29px;
	padding-top:2px;
	background-color:#ffff99;
	font-size:12px;
	border:1px solid #cccc7a;
}
.qti-preview span{
	line-height:29px;
	margin-left:5px;
	font-weight:bold;
}
.qti-preview a{
	float:right;
	margin-right:3px;
}

/* QTI player header bar */
	.qti-player header{
		height:59px;
		border-bottom:1px solid #a7a7a7;
		background-color: #cae3e9;
		*background-color: #cae3e9;
		background-image: -ms-linear-gradient(top, #cae3e9, #add3dc);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cae3e9), to(#add3dc));
		background-image: -webkit-linear-gradient(top, #cae3e9, #add3dc);
		background-image: -o-linear-gradient(top, #cae3e9, #add3dc);
		background-image: -moz-linear-gradient(top, #cae3e9, #add3dc);
		background-image: linear-gradient(top, #cae3e9, #add3dc);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cae3e9', endColorstr='#add3dc', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
	}
	.qti-player header h1{
		width:600px;
		float:left;
		height:59px;
		line-height:59px;
		margin:0px;
		padding:0px 0px 0px 10px;
	}
		/* QTI player progress bar */
		.qti-player header div.progress{
			text-align:right;
			width:240px;
			float:right;
			height:39px;
			padding:10px;
		}
		.qti-player div.progress-bar{
			background-color:#fff;
			width:230px;
			height:12px;
			float:right;
			margin-top:4px;
			border:1px solid #333;
			border-radius:5px;
			-webkit-box-shadow:inset 0px 1px 1px #b7b7b7, 0px 1px 0px #fff;
			-o-box-shadow:inset 0px 1px 1px #b7b7b7, 0px 1px 0px #fff;
			-moz-box-shadow:inset 0px 1px 1px #b7b7b7, 0px 1px 0px #fff;
			box-shadow:inset 0px 1px 1px #b7b7b7, 0px 1px 0px #fff;
		}
		.qti-player div.progress-bar div.bar{
			background-color:blue;
			background-image:url(../images/qti/progress-bar-blue.gif);
			height:12px;
			margin:0px; padding:0px;
			border-radius:4px;
			-webkit-box-shadow:inset 0px 1px 1px rgba(255,255,255,0.6);
			-o-box-shadow:inset 0px 1px 1px rgba(255,255,255,0.6);
			-moz-box-shadow:inset 0px 1px 1px rgba(255,255,255,0.6);
			box-shadow:inset 0px 1px 1px rgba(255,255,255,0.6);
		}
	/* QTI player breadcrumbs */
	div.assessment-breadcrumbs{
		clear:both;
		height:28px;
		line-height:28px;
		padding-left:10px;
		border-top:1px solid #fafafa;
		border-bottom:1px solid #a7a7a7;
		background-color: #cdcdcd;
		*background-color: #cdcdcd;
		background-image: -ms-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#cdcdcd));
		background-image: -webkit-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -o-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -moz-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: linear-gradient(top, #e3e3e3, #cdcdcd);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#cdcdcd', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		font-weight:bold;
	}
	div.assessment-breadcrumbs span{
		font-weight:normal;
		color:#676767;
	}
	div.assessment-breadcrumbs div.progresssaved{
		display:inline-block;
		background-color:#ffff99;
		float:right;
		font-size:12px;
		text-align:center;
		height:18px;
		line-height:18px;
		padding:0px 10px;
		margin:4px 5px 0px 0px;
		border:1px solid #cccc7a;
	}

/*QTI question menu styles */
menu.assessment-menu{
	width:60px;
	background-color:#454545;
	background-image:url(../images/qti/contents-bg.png);
	background-position:right;
	height:400px;
	overflow:auto;
	display:inline-block;
	float:left;
}

menu.assessment-menu ol{
	margin:3px 0px 10px 0px;
	padding:0px;
	text-align:center;
}

menu.assessment-menu li{
	margin:0px;
}

menu.assessment-menu li a{
	margin:5px 5px 5px 5px !important;
	width:18px;
	text-align:center;
}

/* Main QTI content area and assessment styles */
div.assessment-content{
	background-color:#f7f7f7;
	background-color:rgba(0,0,0,0.04);
	height:380px;
	overflow:auto;
	padding:10px;
}
	div.assessment-content div,
	div.assessment-content fieldset,
	div.assessment-content p{
		margin:0px;
		padding:0px;
	}
	div.assessment-content p{
		line-height:23px;
	}
	div.assessment-content div.assessmentTextBlock{
		border:1px solid #a7a7a7;
		background-color:#efefef;
		padding:5px;
		margin-bottom:10px;
	}
	div.assessment-content div.assessmentItemTitle{
		font-size:18px;
		font-weight:bold;
		height:30px;
		line-height:30px;
		border-bottom:1px solid #a7a7a7;
		margin-bottom:8px;
	}
	div.assessment-content img{
		border:1px solid #a7a7a7 !important;
		background-color:#efefef;
		padding:10px;
		margin:10px 0px;
		max-height:220px;
		max-width:600px;
	}
	div.assessment-content span.radioset{
		margin-top:10px;
		display:block;
	}
	div.assessment-content input[type="radio"]{
		margin-left:10px;
		margin-right:10px;
	}
	div.assessment-content textarea{
		display:block;
		clear:both;
		margin-top:10px;
		padding:5px;
		width:90%;
	}
	div.assessment-content input[type="file"]{
		margin:10px 0px;
		padding:5px;
		border:1px solid #a7a7a7;
		background-color:#efefef;
		width:90%;
		display:block;
		clear:both;
	}
	div.assessment-content table.likert{
		margin:10px 0px;
		border:1px solid #a7a7a7;
		background-color:#efefef;
		width:775px;
	}
		div.assessment-content table.likert td{
			border:1px solid #a7a7a7;
			background-color:#fff;
			text-align:center;
			padding:5px 3px;
		}
			div.assessment-content table.likert td:hover{
				background-color:#cae3e9;
			}
		div.assessment-content table.likert td.likertRowName{
			text-align:left;
			font-weight:bold;
			width:auto;
		}
			div.assessment-content table.likert td.likertRowName:hover{
				background-color:#fff;
			}
		div.assessment-content table.likert th{
			border:1px solid #a7a7a7;
			text-align:center;
			padding:5px 3px;
			font-weight:bold;
		}
	
	

/* QTI player navigation */
.qti-player nav{
	height:38px;
	line-height:36px;
	padding-left:10px;
	padding-right:10px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #a7a7a7;
	background-color: #cae3e9;
	*background-color: #cae3e9;
	background-image: -ms-linear-gradient(top, #cae3e9, #add3dc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cae3e9), to(#add3dc));
	background-image: -webkit-linear-gradient(top, #cae3e9, #add3dc);
	background-image: -o-linear-gradient(top, #cae3e9, #add3dc);
	background-image: -moz-linear-gradient(top, #cae3e9, #add3dc);
	background-image: linear-gradient(top, #cae3e9, #add3dc);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cae3e9', endColorstr='#add3dc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
}
.qti-player nav select{
	max-width:500px;
	min-width:200px;
	margin-right:10px;
}	
.qti-player nav span{
	display:inline-block;
	float:right;
}

/* QTI Player help content */
div#QTIhelp,
div#QTIsend,div#QTIsendForReview,
div#QTIfinish, div#QTIselectStudent, div#SiteContent_QTIselectStudent, div#SiteContent_QTIAssessorEmail{
	background-color:#131313;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
div#QTIhelp article,
div#QTIsend article,
div#QTIsendForReview article,
div#QTIfinish article,
div#QTIselectStudent article,
div#SiteContent_QTIselectStudent article, div#SiteContent_QTIAssessorEmail article
{
	margin:15px;
	background-color:#fff;
	border:4px solid #000;
	padding:10px;
	height:472px;
	-moz-box-shadow:0px 3px 6px rgba(0,0,0,0.8);
	-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.8);
	-o-box-shadow:0px 3px 6px rgba(0,0,0,0.8);
	box-shadow:0px 3px 6px rgba(0,0,0,0.8);
}
div#QTIfinish article,
div#QTIsend article, div#QTIsendForReview article, div#QTIselectStudent article, div#SiteContent_QTIselectStudent article, div#SiteContent_QTIAssessorEmail article{
	margin:105px 250px 0px 250px;
	background-color:#fff;
	border:4px solid #000;
	padding:10px;
	height:360px;
	-moz-box-shadow:0px 3px 6px rgba(0,0,0,0.8);
	-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.8);
	-o-box-shadow:0px 3px 6px rgba(0,0,0,0.8);
	box-shadow:0px 3px 6px rgba(0,0,0,0.8);
}
div#QTIsend article div.tutorlist,div#QTIsendForReview article div.tutorlist, div#QTIselectStudent article div.tutorlist, div#SiteContent_QTIselectStudent article div.tutorlist,div#SiteContent_QTIAssessorEmail article div.tutorlist{
	background-color:#efefef;
	height:125px;
	padding:4px;
	overflow:scroll;
}
div.tutorlist ul li{
	margin:0px 0px 0px 5px;
}
a.QTIhelp-closer{
	float:right;
}
div#QTIhelp h3,
div#QTIsend h3,div#QTIsendForReview h3,
div#QTIfinish h3,
div#QTIselectStudent h3,div#SiteContent_QTIAssessorEmail h3,
div#SiteContent_QTIselectStudent h3{
	font-size:18px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #a7a7a7;
	margin-bottom:8px;
}
div#QTIhelp p.action,
div#QTIsend p.action, div#QTIsendForReview p.action,
div#QTIfinish p.action,
div#QTIselectStudent p.action, div#SiteContent_QTIAssessorEmail p.action,
div#SiteContent_QTIselectStudent p.action{
	border-top:1px solid #a7a7a7;
	margin-top:8px;
	padding-top:8px;
	text-align:center;
}
div#QTIhelpContents{
	height:370px;
	overflow:auto;
	background-image:url(../images/qti/help-image.png);
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
p.QTIhelp-text{
	display:inline;
	position:absolute;
	background-color:#f7f7f7;
	border:1px solid #a7a7a7;
	padding:5px;
	font-size:11px;
	text-align:center;
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	-o-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	box-shadow:0px 1px 3px rgba(0,0,0,0.4);
}
p.QTIhelp-breadcrumbs{
	width:300px;
	left:50px;
	top:5px;
}
p.QTIhelp-progress{
	width:300px;
	right:50px;
	top:5px;
}
p.QTIhelp-buttons{
	width:170px;
	left:0px;
	top:90px;
}
	p.QTIhelp-buttons span.blue{ color:blue; }
	p.QTIhelp-buttons span.orange{ color:orange; }
	p.QTIhelp-buttons span.grey{ color:grey; }
p.QTIhelp-content{
	width:170px;
	right:0px;
	top:140px;
}
p.QTIhelp-section{
	width:250px;
	left:10px;
	bottom:-15px;
}
p.QTIhelp-nav{
	width:230px;
	left:285px;
	bottom:-15px;
}
p.QTIhelp-actions{
	width:250px;
	right:10px;
	bottom:-15px;
}

/* QTI Player in response review mode */
.responseContent{
	margin-bottom:10px;
	background-color:#fff;
	padding:5px;
	font-size:12px;
	color:#333;
	-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.8);
	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.8);
	box-shadow:0px 2px 4px rgba(0,0,0,0.8);
}
.qtiScroll{
	max-height:450px;
	overflow:auto;
	padding-right:30px;
}
dresponseContent div,.responseContent fieldset,.responseContent p{	padding:0px; margin:0px; }
.responseContent img{	max-width:440px; background-color:#fff; padding:4px; border:1px solid #cecece; margin:4px 0px 8px 0px; }
.qtiScroll img{			max-width:410px; }
.responseContent p{ 	line-height:16px; margin:3px 0px 6px 0px; }
.responseContent ul{	margin:6px 0px 10px 0px; padding:0px; }
.responseContent ul li{
	margin:0px 0px 2px 0px;
	padding:6px;
	background-color:#efefef;
	border:1px solid #dedede;
	text-shadow:0px 1px 0px #fff;
	background-position:top right;
	background-repeat:no-repeat;
}
.responseContent .assessmentPartTitle{
	text-transform:uppercase;
	color:#666;
	letter-spacing:1.5px;
}
.responseContent .assessmentSectionTitle{
	font-size:16px;
	font-style:bold;
	margin-bottom:4px;
	color:#000;
	border-top:1px solid #ABABAB;
	margin-top:6px;
	padding-top:4px;
}
.responseContent .textBlock{
	font-family: Palatino, Constantia, "Palatino Linotype", serif;

}
.responseContent .assessmentItemTitle{
	font-style:bold;
	font-size:14px;
	margin-bottom:2px;
	margin-top:6px;
	padding-top:4px;
	color:#000;
	border-top:1px solid #ABABAB;
}
.responseContent ul li:before{	content:'» '; }
.responseContent ul li.selected{
	background-color: #cae3e9;
	*background-color: #cae3e9;
	background-image: -ms-linear-gradient(top, #cae3e9, #add3dc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cae3e9), to(#add3dc));
	background-image: -webkit-linear-gradient(top, #cae3e9, #add3dc);
	background-image: -o-linear-gradient(top, #cae3e9, #add3dc);
	background-image: -moz-linear-gradient(top, #cae3e9, #add3dc);
	background-image: linear-gradient(top, #cae3e9, #add3dc);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cae3e9', endColorstr='#add3dc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	border-color:#add3dc;
	color:#131313;
	padding-right:25px;
}
.responseContent ul li.correct{		background-image:url(../images/qti/qti-correct.png); }
.responseContent ul li.incorrect{	background-image:url(../images/qti/qti-incorrect.png); }
.responseContent ul li div{
	background-color:#fff;
	margin-top:8px;
	padding:3px 3px 0px 3px;
	border:1px solid #999;
	-webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.2);
	box-shadow:inset 0px 2px 4px rgba(0,0,0,0.2);
	font-family: Palatino, Constantia, "Palatino Linotype", serif;
	margin-right:-20px;
}
.responseContent ul li div p{
	margin:2px 0px;
	padding:0px;
}
.responseContent .score{
	text-align:right;
	margin-bottom:8px;
	color:#999;
}
.responseContent .score.zeroAvailableScore{
	display:none;
}
.responseContent .response{
	background-color:#efefef;
	border:1px solid #dedede;
	padding:6px;
	margin:6px 0px 10px 0px;
	font-family: Palatino, Constantia, "Palatino Linotype", serif;
}
.responseContent .response label{
	display:inline-block;
	height:24px;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-weight:bold;
}
div.score.totalScore{
	text-align:left !important;
	color:#000;
	font-size:13px;
	font-weight:bold;
	line-height:28px;
	height:28px;
	width:445px;
	padding-left:5px;
	background-color:#efefef;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	text-shadow:0px 1px solid #fff;
	background-image:url(../images/qti/score-bg.gif);
}
.qtiScroll div.score.totalScore{
	width:415px;
}

.responseContent table.likert{
	margin:10px 0px;
	border:1px solid #a7a7a7;
	background-color:#efefef;
	width:420px;
}
	.responseContent table.likert td{
		border:1px solid #a7a7a7;
		background-color:#fff;
		text-align:center;
		padding:3px 2px;
		min-width:60px;
	}
	.responseContent table.likert td.likertRowName{
		text-align:left;
		font-weight:bold;
		width:auto;
	}
	.responseContent table.likert th{
		border:1px solid #a7a7a7;
		text-align:center;
		padding:3px 2px;
		font-weight:bold;
	}
	.responseContent table.likert td span{
		background-color:#cae3e9;
		display:block;
		padding:1px;
	}
	.responseContent span.likertKey{
		text-align:right;
		padding-bottom:10px;
		display:block;
		font-style:italic;
		color:#343434;
	}
a.responseExpander{
	text-decoration:none;
	padding-left:16px;
	line-height:16px;
	height:16px;
	display:inline-block;
	background-image:url(../images/qti/qti-expander.png);
	background-position:left;
	background-repeat:no-repeat;
}
a.responseExpander:hover{
	color:#000;
}

/* Question preview styles */

div.qti-question-player{
	padding:20px;
}
div.qti-question-player div.assessmentItemTitle{
	font-size:18px;
	height:26px;
	line-height:26px;
	padding-bottom:4px;
	margin-bottom:12px;
	border-bottom:1px solid #dedede;
}
div.qti-question-player p{
	font-size:14px;
	line-height:18px;
	padding:0px;
	margin:2px 0px 8px 0px;
}
div.qti-question-player p.interaction{
	border-top:1px solid #dedede;
	margin-top:6px;
	padding-top:12px;
}
div.qti-question-player img{
	margin:10px 0px;
	padding:4px;
	border:1px solid #dedede !important;
	max-width:420px !important;
}
div.qti-question-player a{
	display:inline-block;
	height:20px;
	padding-right:16px;
	background-image:url(../images/external-link.gif);
	background-position:center right;
	background-repeat:no-repeat;
	text-decoration:none;
}
div.qti-question-player a:hover{
	color:#000;
	text-decoration:underline;
	background-image:url(../images/external-link-hover.gif);
}
div.qti-question-player input{
	margin:0px 6px 0px 20px;
}
div.qti-question-player textarea{
	clear:both;
	display:block;
	margin:6px 0px 0px 0px;
	padding:6px;
	width:420px !important;
	max-width:420px;
	height:120px;
}