/* ---------------------------------
					
	ONLINE TEST
	created by Papilion
	October 2012
	
--------------------------------- */

html { background:url('../files/user_files/graphics/body-bg.png') repeat; }
body { background:transparent;padding:20px 0 30px 0 }

.navbar { padding:40px 0; }
.navbar-inner { background:transparent;box-shadow:none;border:0;border-radius:0; }
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { background:transparent;box-shadow:none;border:0;border-radius:0; }

.navbar .brand {
    color: #066fc9;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 200;
    margin-left: -20px;
    text-shadow: 0 1px 0 #fff;
	padding: 10px 30px 10px 106px;
	background:url('../files/user_files/graphics/logo.png') no-repeat 20px 50%;
}

.container.wave { background:url('../files/user_files/graphics/wave2.png') repeat-x 0 bottom;padding-bottom:40px; }

.page-header { border-bottom: 1px solid #fff; }

img.pull-left { margin-right:20px }
img.pull-right { margin-left:20px }

.innershadow { -moz-box-shadow: inset 0 0 20px #ccc;-webkit-box-shadow: inset 0 0 20px #ccc;box-shadow: inset 0 0 20px #ccc; }
.shadow { -moz-box-shadow: 0 0 6px #ccc;-webkit-box-shadow: 0 0 6px #ccc;box-shadow: 0 0 6px #ccc; }

#top, #bottom, #left, #right { background: #fff; }
#left, #right { position: fixed;top: 0; bottom: 0;width: 15px; }
	#left { left: 0; }
	#right { right: 0; }	
#top, #bottom { position: fixed;left: 0; right: 0;height: 15px; }
	#top { top: 0; }
	#bottom { bottom: 0; }
		

		
@media 
/* Fairly small screens including iphones */
only screen and (max-width: 500px),
/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
{
	#top, #bottom, #left, #right { display: none; }
}

div.row.done { color:#3A87AD }

/* Infira change */

ol.leftMenu>li.active {font-weight:bold;}

ol.settingOl>li.active {font-weight:bold;}
ol.settingOl li {margin-bottom:5px;font-weight:normal;}
ol.settingOl>li {border-bottom:1px solid white;}
ol.settingOl li button {float:right;}
ol.settingOl li a {line-height:34px;}


ol.gradeList li {list-style:upper-alpha}
ol.gradeList input {width:40px;}

ol.quizesOl>li.active {font-weight:bold;}
ol.quizesOl li.nonActive,ol.quizesOl li.nonActive a {color:#B94A48}
ol.quizesOl li {margin-bottom:3px;height:27px;}

.quizesOl {margin-left:20px;}
.block {display:block}
.hidden {display:none}
.right{float:right;}

span.error {display:none}
.error span.error
{display:block;color:red}

span.ok {color:green !important} 

.middle {margin-left:30px;}


.controls.text {padding-top: 5px;text-align: left;width: 160px;}

form.create ul ,form.create li {list-style:none;margin:0px;padding:0px;}

form.create .questionsWrapper {border-top:1px solid white;margin-top:10px;}
form.create .questionsWrapper li.questionLi {overflow:hidden;margin-bottom:0px;position:relative;}
form.create .questionsWrapper li.questionLi.dark {background:#e1e1e1}
form.create .questionsWrapper li.questionLi.sorting {overflow:hidden;border:3px dashed gray;margin:-3px;margin-bottom:9px;cursor:move;}

form.create .questionsWrapper li.questionLi .question {padding:0 0 0 0;border-bottom:1px solid white;position:relative;}


form.create .questionsWrapper li.questionLi.sorting .sortingShow {display:block !important;}
form.create .questionsWrapper li.questionLi.showing .row.showing {display:block !important;}
form.create .questionsWrapper li.questionLi.showing .row.editor {display:none !important;position:relative;}

form.create .questionsWrapper li.questionLi.editing .row.showing {display:none !important;}
form.create .questionsWrapper li.questionLi.editing .row.editor {display:block !important;}

form.create .questionsWrapper li.questionLi.editing .question {padding-bottom:20px;}
form.create .questionsWrapper .questionInput.input-question-title {width:270px;height:100px;}
form.create .answerRowLi .questionInput {width:330px;}

.notAnswered {list-style:none}

.timerBar {background:#F5F5F5;border:1px solid #dadada;padding:5px;}
.form-actions.error
{
	color:red;
}
.green
{
	color:green;
}

.clear
{
	clear:both;
}

.w100 {width:100%;}

form.create h3 {margin:3px 0 3px 0}
form.create hr {margin:12px 0}
form.create .hide {display:none}
form.create .questionTitle {padding-left:10px}
form.create .questionButtons {padding-top:8px;}

form.create button.level.active {
	  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
form.create .qq-upload-drop-area {
	min-height:45px;
	border:4px dashed gray;
}

.subjectListContainer {position:relative;}
.questionsEditing .pagination {margin:0;}

.overlay{
	top:0px;left:0px;display:none;width:100%;height:100%;
	position:absolute;
}
.overlay .inner{
	background:#000;
	opacity:0.5;
	width:100%;
	height:100%;
	opacity:0.5;
	position:absolute;
}
.overlay .text{
	color:#FFF;
	position:absolute;
	top:10%;
	font-size:30px;
	width:100%;
	text-align:center;
}
.overlay .center{
	color:#FFF;
}

form.create .required.error {
    border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.subjectList li  {height:33px;}
.subjectList li.hover  {background:#e1e1e1}
.subjectList li.active a {font-weight:bold}

.qRow {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #e7e4ef;
  border: 1px solid #a29dea;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.qRow h4 {
  margin: 0;
}

.qRow .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.qRow input {margin:0px;}

.qRow.wrong {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.qRow.correct {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.practiceQuestion .answer {
  padding: 8px 35px 8px 14px;
  margin-bottom: 5px;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.practiceQuestion .answer h4,.practiceQuestion .answer label{
  margin: 0;
  padding:0px;
}
.practiceQuestion .answer label input{
  margin:4px 4px 0 0;
}

.practiceQuestion .answer .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.practiceQuestion .answer input {margin:0px;}

.practiceQuestion .answer.wrong {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
}
.practiceQuestion .answer.correct {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}



.questionRow h5 {
    font-size: 16px;
}
@-moz-document url-prefix() {
.questionRow .answersList label.checkbox {line-height:16px}
.questionRow .answersList label.checkbox input {margin-top:1px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.questionRow .answersList label.checkbox input {margin-top:3px;}
}

.brand span {font-size:13px;color:gray}

.solveQuestions {position:relative;}

.questionsEditingArea,.solveHtml {min-height:45px;position:relative;}
.questionsEditingArea h3 {
    font-size: 14px;
    line-height: 37px;
}
.answersWrapper {margin-left: 5px; width: 550px;}

.nbFront p {margin:0px;}

/*
 * Table stat
 */
.table-stat th.active a {color:#408080}


.quizEditor .yesNo input {margin-left:3px}
.quizEditor .yesNo span {margin-left:3px}

.table th, .table td {line-height:15px;}