/* Global */

.clearfix:after { content: "."; display: block;  height: 0; clear: both; visibility: hidden; }

/* QuizTool */

#mainQuizContainer, #mainQuestionContainer { width: 805px; height: 90%; margin: 2%; }

#mainQuizContainer #leftContainer { float: left; height: 400px; width: 300px; }
#mainQuizContainer #rightContainer { float: left; height: 400px; width: 400px;  }

#mainQuizContainer #quizList { height: 480px; width: 300px; vertical-align: middle; }

#mainQuestionContainer #rightContainer
{ border-left: solid 1px #DDDDEE; border-bottom: solid 1px #666688; border-right: solid 1px #666688; 
  border-top: solid 1px #BBBBCC;	float: left; height: 400px;	width: 305px; background-color: #ffffff; }

#mainQuestionContainer #leftContainer
{ border-left: solid 1px #DDDDEE; border-bottom: solid 1px #666688;	border-right: solid 1px #666688;
  border-top: solid 1px #BBBBCC; float: left; background-color: #FAFAFF;	width: 490px; padding: 3px;	overflow-y:scroll; }

#mainQuizContainer div.row, #mainQuestionContainer div.row { padding: 2px 5px 2px 5px;	clear: both; }

#mainQuizContainer .label { width: 100px; color: Black; }
#mainQuestionContainer .labelDisabled { color: #aaaaaa; }
#mainQuestionContainer .formNameLbl { font-weight: bold; }

#mainQuestionContainer .input { width: 200px; font-size: 8pt;}

#mainQuestionContainer #rightContainer .input, #mainQuestionContainer #rightContainer .textBoxInput { width: 300px; font-family: Arial, Sans-Serif; font-size: 8pt; }
#mainQuestionContainer #rightContainer .short { width: 230px; }

#mainQuestionContainer #leftContainer .label { width: 200px;	}
#mainQuestionContainer #leftContainer .input { vertical-align: top; }

#mainQuestionContainer button {font-size: 8pt; }
#mainQuestionContainer #leftContainer .button { padding: 1px 2px 1px 2px; margin-top: 0px; }
#mainQuestionContainer .saveBtn { height: 22px; }
#mainQuestionContainer #okBtn { padding-left: 10px; padding-right: 10px; }

/* Quiz Data */
#quizDataContainer  { padding: 20px 20px 20px 20px; }

#quizDataContainer .dataGrid { margin-top: 20px; }

#quizDataContainer .row { height: 22px; margin-left: 2px; }
#quizDataContainer .row .label { clear: left; float: left; width: 104px; margin-top: 4px;}
#quizDataContainer .row .input { float: left; }

/* Quiz-unit*/

#quizQuestions {width: 530px; font-size: 13px; }

#quizQuestions h1 { font-size: 25px; }
#quizQuestions h2 { font-size: 13px; }

#quizQuestions hr {clear: both; margin: 10px 0 10px 0; }

#quizQuestions .questionTitle { float: left; clear: left; width: 250px; }
#quizQuestions .questionTitle h2 { margin-top: 1px; padding-top: 0;}
#quizQuestions .questionLabel {float: left; width: 240px; margin-top: 1px;}

#quizQuestions .answerBox {float: left; margin-left: 5px; width: auto; height: 20px;  }
#quizQuestions .answerLabel { float: left; margin-top: 1px; margin-left: 4px; width: auto;}
#quizQuestions .answerCorrect { color: Green; font-weight:bold; }
#quizQuestions .answerFalse { color:  Red; font-weight:bold; }

#quizQuestions .radioButton {clear: left; float: left; width: 20px;}
#quizQuestions .radioContainer { float: left; }

#quizQuestions .row .input {padding-left: 5px; float: left;  }
#quizQuestions .row .input input { width: 200px; float: left; }
#quizQuestions .row {clear: both; }

#quizQuestions .questionContainer, #quizQuestions .answersContainer{margin-top: 15px;}

#quizQuestions .formContainer .row { padding: 2px 0 2px 0; }
#quizQuestions .formContainer {margin: 0 0 20px 0;}
#quizQuestions .formContainer .label { float: left; width: 100px; text-align: right; }
#quizQuestions .formContainer .input, #quizQuestions .formContainer .textarea  { float: left; width: 200px; text-align: left; margin-left: 20px; }
#quizQuestions .formContainer .textarea { margin-left: 25px; height: 100px; font-family: arial, sans-serif;}
#quizQuestions .formContainer .validator { margin-left: 10px; text-size: 10pt; }
#quizQuestions .formContainer .row {margin: 2px 0 2px 0; }

#quizQuestions .submitBtn { clear: both; }
#quizQuestions .button { position: relative;float: right; margin-right: 5px; margin-bottom: 30px; clear: both;}
#quizQuestions .sendButton { position: relative; left: 180px; margin-right: 5px; margin-bottom: 30px; clear: both; width: 100px;}

#quizQuestions .information { clear: both; margin: 20px 0 20px 0; font-style: italic; }