/* 4 div layout - banner across the top        */
/*              - navbar on left side          */
/*              - main contents in the middle  */
/*              - footer below main comments   */
/*              - commentary on the right side */

body 
{ background-color: #fff; 
  color: black;
  font-family: sans-serif;
  font-size: 9pt; 
  margin: 0px;
  padding: 0px;
  width: 800px;
  height: 600px;
  outline: none;
}


/* ------------ main div areas --------------------- */
div#banner 
{ background: url(../images/testbanner.gif) 0px 0px no-repeat;
  margin: 5px 5px 0px 0px;
  padding: 5px 0px 0px 0px;
  height: 60px;
  width: 800px;
}


div#main 
{ top: 45px;
  width: 520px;
  margin: 0px 0px 10px 140px;
  padding-left: 5px;
  font-family: arial, verdana, sans-serif;
}


div#footer 
{ color: rgb(70%,60%,50%);
  border-top: 1px solid rgb(60%,50%,40%);
  text-align: right; 
  font-size: 0.9em;
  margin: 20px 10px 0px 10px; 
  font-style: italic;
}



/* end of 4 div layout - banner across the top */
/*              - navbar on left side          */
/*              - main contents in the middle  */
/*              - footer below main comments   */
/*              - commentary on the right side */
/* display login page menu option in 'selected' style */


span.examinstructions 
{ margin: 0px 15px 0px 10px;
  text-align: right;
  font-style: italic;
  color: #B0B0B0;
}

/* display score and quiz/score specific congratulations message at the end of a quiz */
p.scoremessage 
{ font-weight: bold;
  font-size: 1.4em;
}


/*------------------------ user detail table -----------------------------*/

table#serviceList
{ border: none; 
  background-color: white
}

tr.selectableArea
{ background-color: #e4e0e0;
background-color: white;
}

tr.selectedArea
{ background-color: #f8f8e0;
background-color: white;
}

tr.mandatoryFields
{ background-color: #e4e0e0;
background-color: white;
}

tr.supplement
{ background-color: yellow; }

td.labeltext 
{ text-align: right;
  vertical-align: middle;
  padding: 5px 5px 5px 10px;
  margin: 0px;
}

td.link 
{ text-align: center; }

td.numeric
{ text-align: right;
  padding: 1px 10px 1px 5px;
}

td.inputtext
{ padding-top: 4px; 
  vertical-align: middle;
}

td.examcheck
{ padding-top: 4px; 
  vertical-align: middle;
  text-align: center;
}

input.inputtext, option.inputtext
{ padding: 0px 10px 0px 5px;
  margin: 0px;
  text-align: left;
  vertical-align: top;
font-size: 1.1em;
}

input.button
{ padding: 0px; 
  margin: 0px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.1em;
  color: black;
}


span.errortext
{ padding-top: 4px; 
  vertical-align: middle;
  font-size: 0.9em;
  color: red;
}


/*------------------------ question and question result display classes ----------------------*/
table.question
{ margin-left: 20px;
  margin-right: 0px;
  padding: 0px;
}

tr.answerline
{ line-height: 0.8em; }

td.textChoiceLetter,     /* choiceletter */
td.textWrongChoiceLetter
{ text-align: right; 
  vertical-align: top;
}

td.textChoiceString,  /*, td.answerstring */
td.textWrongChoiceString
{ padding-left: 20px; 
  vertical-align: top;
}

td.imageChoiceLetter,     /* choiceletter */
td.imageWrongChoiceLetter
{ text-align: right; 
  vertical-align: middle;
}

td.imageChoiceString,  /*, td.answerstring */
td.imageWrongChoiceString
{ padding-left: 20px; 
  vertical-align: middle;
}

/*.wronganswer 
{ color: #f76;
  vertical-align: middle; 
  vertical-align: top;
  padding-left: 20px;
}
*/

td.textWrongChoiceLetter,     /* choiceletter */
td.textWrongChoiceString,  /*, td.answerstring */
td.imageWrongChoiceLetter,     /* choiceletter */
td.imageWrongChoiceString  /*, td.answerstring */
{ color: #f60;
}

td.choicecontrol 
{ vertical-align: middle; 
  padding: 2px;
  margin: 0px;
}

input.choicecontrol 
{ vertical-align: middle; 
  padding: 2px;
  margin: 0px;}

input.displayquestion
{ margin: -3px 0px 0px;
  vertical-align: top;
font-size: 2em;
}

/*------------------------ question supplement data -----------------------*/
div.questionSupplement 
{ font-family: courier, monospace;
  margin-left: 40px;
  line-height: 1em;
  color: navy;
}

div.questionSupplement img
{ /*border: 2px double gray;*/
  margin: 20px 0px 10px 0px;
}

/*------------------------ question review area ---------------------------*/
div.correctanswerreview
{ padding: 5px 5px 10px;
  margin: 10px;
  border: 1px solid green;
}

div.wronganswerreview
{ padding: 5px 5px 10px;
  margin: 10px;
  border: 1px solid red;
}

/*------------------------  class scorecard report table -----------------------------*/
table.scoreCard
{ margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f4f4f4; 
  border: 2px solid #EDD;
}

table.scoreCard td
{ text-align: left;
  padding: 2px 10px 2px 5px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

table.scoreCard th
{ text-align: center;
  padding: 2px 10px 2px 5px;
  background-color: #e8e8e8; 
  border: none;
}


table.scoreCard td.score, 
table.scoreCard td.leftScore, 
table.scoreCard td.scorePercentPlus, 
table.scoreCard td.scorePercentMinus 
{ text-align: right;
  background-color: white; 
  border-top: 1px solid #eed;
  border-right: 1px solid #efe;
  border-bottom: 1px solid #eed;
  border-left: 1px solid #efe; 
}


table.scoreCard th.leftScoreCard, 
table.scoreCard td.leftScore 
{ border-left: 4px double #EDD;
}

table.scoreCard td.scorePercentPlus
{ color: #80D080; 
}

table.scoreCard td.scorePercentMinus
{ color: #E77; 
}


/*------------------------  score summary table -----------------------------*/
table.scoreSummary
{ line-height: 1.1em;
  margin-bottom: 20px;
}

table.scoreSummary td
{ padding: 2px 15px; }

/*------------------------  report header table -----------------------------*/
table.header td
{ font-size: 1.0em;
  line-height: 0.9em;
  line-height: 1.0em;
  font-weight: bold;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 4px 10px;
}

/*------------------------  report header table -----------------------------*/
table.resultReview
{ line-height: 1.1em; 
  margin: 12px 0px 16px 20px;
}

table.resultReview td
{ font-size: 1.0em;
  line-height: 1.0em;
/*  margin: 0px 0px 5px 25px;*/
  padding: 1px 0px 0px 20px;
}

/*------------------------ exam list -----------------------------*/
a.examlist
{ display: block;
  padding-top: 10px;
}

/*------------------------ report time header -----------------------------*/
div.reportTime 
{ display: none; }

/*------------------------ report banner table -----------------------------*/
div#reportBanner
{ width: 100%;
  font-weight: bold;
  margin: 10px 4px 0px;
  border-bottom: 1px solid gray;
}

span.reportBannerTitle 
{ font-size: 1.4em;
  margin-left: 0px;
}

span.reportBannerExamName
{ float: right;
  font-size: 1.4em;
}

h3.plain
{ text-decoration: none; 
  margin: 5px 0px 0px 0px; 
}

img.instruction_image
{ /*float: right;*/
vertical-align: top;
margin: 0px 3px 2px 3px;
}


option.inactive
{  font-style: italic;
   font-style: oblique;
   text-decoration: line-through;
}

span.red, option.inactive
{  color: red;
}


div#rangeDiv
{  display: none;
}