/*-------------------------------------------------------------------------*/
/* Copyright Pearson Knowledge Technologies, All Rights Reserved           */
/*                                                                         */ 
/* Proprietary - Use with PKT Written Permission Only                      */
/*                                                                         */ 
/* Description: HTML styles for student interface pages                    */
/*                                                                         */ 
/* Last Revised: $Id: WTL-student.css,v 1.49 2008/08/25 19:08:16 dooley Exp $ */
/*                                                                         */ 
/*-------------------------------------------------------------------------*/

body {
  background-color: #FFFFFF;
  font-family: sans-serif;
  font-size: 11pt;
}

a:link {
  /* color: #2961B3;*/
  color: #2454A3;
  font-weight: normal;
  background: none;
}

a:visited {
  color: #330066;
  font-weight: normal;
  background: none;
}

a:active {
  color: #3971C3;
  font-weight: normal;
  background: #C5C5C3
}

.appName {
  font-weight: bold;
  color: #2961B3;
}

.activityContext {
  font-size: 100%;
  padding-left: 3px;
}

.userContext {
  font-size: 100%;
}

.userLogin {
  font-weight: bold;
  color: #333333;
}

.credits {
  font-size: 90%;
}

.javascriptWarning { 
  font-size: 150%;
  color: #FFFF33;
  font-weight: bold;
  font-style: italic;
 }

.summaryJumpLink { font-size: 75% }

.answerError {
  background-color: #CC3939;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 125%
}

.answerWarning {
  background-color: #F0700A;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 125%
}

.answerFeedback {
  color: #6633FF;
  font-weight: bold;
  font-size: 125%
}

.answerAdvisory { 
  font-size: 110%;
}

.answerErrorCell {
  background-color: #CC3939;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 125%;
  padding: 4px;
}

.answerWarningCell {
  background-color: #F0700A;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 125%;
  padding: 4px;
}

.answerFeedbackCell {
  color: #6633FF;
  font-weight: bold;
  font-size: 125%;
  padding: 4px;
}

.summaryInput {
  font-size: 100%;
  font-family: sans-serif
}

.highlightedSummary {
  width: 48em;
}


#activityHelpTable { 
  width: 100%;
  padding-left: 0em;
  padding-top: 0.3em;
  white-space: nowrap;
}

.activitySelectionHelpLinks {
  color: black;
  font-weight: normal;
  font-size: 90%;
}

.essayPrompt {
  color: #360F8E;
  font-size: 120%;
  width: 38em;
  font-weight: bold
}

.introTable {
  background-color: #2961B3;
  width: 95%;
  border-style: ridge;
  border-width: 3px;
  border-color: #2961B3;
  padding: 0px;
}


/******************************************/
/* BEGIN scoreboard attempt count styles */

.attemptCountNone {
  font-size: 125%;
  color: #000000;
  font-weight: normal;
  padding-right: 3px;
  padding-left: 3px;
}

.attemptCountGo {
  font-size: 125%;
  background-color: #20b020;
  /*background-color: #00C000; */
  color: #FFFFFF;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
}

.attemptCountWarn {
  font-size: 125%;
  background-color: #F0700A;
  color: #FFFFFF;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
}

.attemptCountStop {
  font-size: 125%;
  background-color: #CC3939;
  color: #FFFFFF;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
}


/* END scoreboard attempt count styles */
/******************************************/
/* BEGIN activity selection attempt count styles */

.attemptCountNoneList {
  font-size: 125%;
  color: #000000;
  font-weight: normal;
  padding-right: 3px;
  padding-left: 3px;
}

.attemptCountGoList {
  font-size: 125%;
  color: #00C000;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
}

.attemptCountWarnList {
  font-size: 125%;
  color: #F0700A;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
}

.attemptCountStopList {
  font-size: 125%;
  color: #CC3939;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
}


/* END activity selection attempt count styles */
/******************************************/

.numericScore {
  font-size: 125%;
  color: #000090;
  font-weight: bold
}

.scoreLegend {
  font-size: 100%;
  color: #000090;
  font-weight: bold
}

.longQuoteWarn {
  color: #E0930A
}

.scorePoor {
  color: #CC3939;
  font-size: 100%;
  font-weight: bold
}

.scoreMediocre {
  color: #e29d3d;
  font-size: 100%;
  font-weight: bold
}

.scoreGood {
  color: #20b020;
  font-size: 100%;
  font-weight: bold
}

.scorePoorCell {
  background-color: #CC3939;
  color: #FFFFFF;  
  font-size: 100%;
  font-weight: bold;
}

/* Just like scorePoorCell except it specifies a pointer cursor. */
.scorePoorCellLink {
  background-color: #CC3939;
  color: #FFFFFF;  
  font-size: 100%;
  font-weight: bold;
  cursor:  pointer;
}

.scoreMediocreCell {
  background-color: #faa430;
  color: #FFFFFF;  
  font-size: 100%;
  font-weight: bold;
}

/* Just like scoreMediocreCell except it specifies a pointer cursor. */
.scoreMediocreCellLink {
  background-color: #faa430;
  color: #FFFFFF;  
  font-size: 100%;
  font-weight: bold;
  cursor:  pointer;
}

.scoreGoodCell {
  background-color: #20b020;
  color: #FFFFFF;  
  font-size: 100%;
  font-weight: bold;
}

/* Just like scoreGoodCell except it specifies a pointer cursor. */
.scoreGoodCellLink { 
  background-color: #20b020;
  color: #FFFFFF;  
  font-size: 100%;
  font-weight: bold;
  cursor:  pointer;
}

.scoreOutOfDateCell { 
  background-color: #999999;
  color: white;
  font-size: 100%;
  font-weight: bold;
}

/* Just like scoreOutOfDateCell except it specifies a pointer cursor. */
.scoreOutOfDateCellLink { 
  background-color: #999999;
  color: white;
  font-size: 100%;
  font-weight: bold;
  cursor:  pointer;
}


/* ****************************** */
/* BEGIN - annotation status styles */

.annotationNewCellLink { 
  background-color: #2454A3;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  width: 70px;
  cursor:  pointer;
}

.annotationUpdatedCellLink { 
  background-color: #2454A3;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  width: 70px;
  cursor:  pointer;
}

.annotationViewedCellLink { 
  background-color: #999999;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  width: 70px;
  cursor:  pointer;
}

td.annotationHeading {
  width: 6.5em;
  font-weight: bold;
  text-align: center;
  color: #444444;
  background-color: #FFFFFF;
}

td.annotationStatusNew {
  background-color: #2454A3;
  color: #FFFFFF;
  width: 6.5em;
  text-align: center;
  font-weight: normal;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /* white-space: nowrap; */
}

td.annotationStatusUpdated {
  background-color: #2454A3;
  color: #FFFFFF;
  width: 6.5em;
  text-align: center;
  font-weight: normal;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /* white-space: nowrap; */
}


td.annotationStatusViewed {
  background-color: #999999;
  color: #FFFFFF;
  width: 6.5em;
  text-align: center;
  font-weight: normal;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /* white-space: nowrap; */
}

td.annotationStatusBlank {
  width: 6.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /* white-space: nowrap; */
}


/* END - annotation status styles */
/* ****************************** */

.toolName {
  font-weight: normal;
  width: 110px;
}

.toolNameRedRel {
  font-weight: normal;
  width: 110px;
}

.toolNameWider {
  font-weight: normal;
  width: 150px;
}

.toolNameRedRelWider {
  font-weight: normal;
  width: 150px;
}

td.spellCell { white-space: nowrap }

.closeWindowButton { font-size: 9pt }

/* Used in displayText.cgi */
#startSummaryTable {
  padding-top: 7px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
}

#startSummaryTable td {
  padding-top: 0px;
  padding-bottom: 0px;
}


/* ************************************************************************* */
/* BEGIN - page header and footer styles                                     */
/*                                                                           */
/* The page header table styles.  It contains the pageHeaderBGTable and      */
/* pageHeaderTable styles.                                                   */
/*                                                                           */

.pageHeaderContainer {
  background-color: #FFFFFF;
  width: 90%;
}

.pageHeaderBGTable {
  background-color: #C0C0C0;
  border-width: 1px;
  border-style: ridge;
  border-color: #2961B3;
  width: 100%;
}

.pageHeaderTable {
  background-color: #2961B3;
  width: 100%
}

.pageFooterBGTable {
  background-color: #C0C0C0;
  border-width: 0px;
  border-style: ridge;
  border-color: #2A61B4;
  width: 100%;
}

.pageFooterTable {
  background-color: #2961B3;
  color: #FFFFFF;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* END - page header and footer styles                                       */
/* ************************************************************************* */

.samplesInnerTable {
  background-color: #F9F9F9;
  border-width: 1px;
  width: 100%
}

.innerStudentTable {
  background-color: #F6F6F6;
  width: 100%
}

.innerStudentTable td {
  padding-left: 4px;
}

.innerStudentTable th {
  padding-left: 3px;
  padding-right: 0px;
}

.welcomeString {
  font-weight: bold;
  padding-top: 2px;
  font-size: 110%;
  color: black;
}

.introductionTable {
  padding: 3px;
  border-width: 10px;  
  width: 100%
}

tr.rubricHeading {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #2961B3
}

tr.rubricColumnHeading {
  font-weight: bold;
  background-color: #F0F0F0
}

.textListClassName {
  font-weight: bold;
  color: #000000;
  background-color: #D3D3D3;
}

.textListOuterTable {
  padding-top: 3px;
  padding-bottom: 0px;
  width: 100%;
}

.clozeFeedback {
  font-size: 100%;
  font-style: italic
}

.essayDirective {
  font-size: 100%;
  font-weight: bold;
  color: #000000;
}

.essayFeedbackInfoCell {
  font-size: 110%;
  font-weight: bold;
  background-color: #999999;
  color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
}

.essayFeedbackGoodCell {
  font-size: 110%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #20b020;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
}

.essayFeedbackWarnCell {
  font-size: 110%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #ED8B2F;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
}

.essayFeedbackGood {
  font-size: 100%;
  font-weight: bold; 
  color: #FFFFFF;
  background-color: #20b020;
  /* background-color: #00C000;*/
  /* background-color: #049904;*/
  padding-left: 0.5em;
}

.essayFeedbackWarn {
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #ED8B2F;
  padding-left: 0.5em;
}

.toolFeedbackTable {
  width: 100%;
}

.toolUserContextRow {
  background-color: #F3F3F3;
}

.toolUserContext {
  font-size: 100%;
  padding-left: 3px;
}

.toolSummaryDisplay { 
  /* width: 41em; */
  width: 630px;
  background-color: #EEEEEE;
  padding: 4px; 
  margin-left: 30px;
  margin-bottom: 8px;
}

.toolSummaryInput {
  margin-left: 30px;  
}

.toolDirections {
  font-size: 100%;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
  margin-left: 30px;  
  margin-right: 30px;  
}

.toolDirectionsSingleRow {
  font-size: 100%;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
}

.toolFeedbackGood {
  font-size: 125%;
  font-weight: bold;
  background-color: #049904;
  color: #FFFFFF;
  padding: 3px; 
}

.toolFeedback {
  font-size: 125%;
  font-weight: bold;
  color: #2961B3;
  background-color: #FFFFFF;
}

.toolFeedbackWarn {
  font-size: 125%;
  font-weight: bold;
  background-color: #F0700A;
  color: #FFFFFF;
  padding: 3px; 
}

.toolStatusOld {
  color: #F0700A;
  font-weight: bold
}

.summaryUpdated {
  font-size: 110%;
  font-weight: bold;
  background-color: #ED8B2F;
  color: #FFFFFF;
  width: 38em;
}

.restartButtonCell {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.dictionaryTerm {
  color: #990066;
  font-weight: bold
}

.glossaryLink {
  font-size: 100%
}

.glossaryLinkAndLabel {
  font-size: 75%
}

td.resultsHeader {
  background-color: #2961B3;
  font-size: 150%;
  font-weight: bold;
  color: #FFFFFF
}

td.footerCell {
  background-color: #2961B3;
  font-size: 75%;
  font-weight: bold;
  color: #FFFFFF;
  white-space: nowrap;            
  text-align: center
}

td.graphKey {
  font-size: 90%;
  font-style: italic
}

td.sectionWork {
  font-weight: bold;
  color: #000000
}

td.sectionWorkLink {
  font-weight: bold
}

td.textNameHeading {
  width: 370px;
  font-weight: bold;
  text-align: center;
  color: #444444;
  background-color: #FFFFFF;
}

/* these next four classes are used for both tds and spans */
.textNameSelection {
  width: 370px;
  font-size: 100%;
  font-weight: bold;
  cursor: pointer;
}

.promptSelection {
  width: 370px;
  color: #2961B3;
  font-size: 100%;
  font-weight: bold;
}

.textName {
  width: 370px;
  font-weight: bold;
  color: #000020;
}

.activityNameAfterCompletion {
  width: 370px;
  color: #555555;
}

.prompt {
  width: 370px;
  font-weight: bold;
  color: #000020;
}

.viewResponseLink {
  white-space: nowrap;
}

/* used in AssessResponse */
#viewResponseOrSelectNew { 
  padding-left: 2em;
}

.printFromList {
  font-size: 100%;
  font-style: italic;
  white-space: nowrap;
  padding-left: 1em;
}

.formattedResponseHeader { 
  line-height: 1.5em;
  font-weight: bold;
  background-color: #FFFFFF;
  padding-bottom: 1.5em;
}

.formattedResponse { 
  width: 46em;
  line-height: 2em;
  background-color: #FFFFFF;
  /*padding-left: 1em;*/
  /*padding-right: 1em;*/
}


/* Activity names displayed in an inline context should have these *Inline styles*/

.activityNameInline {
  font-weight: bold;
  color: #000020;
}

.textStatus-1 { color: #00A000;
                font-weight: bold }

.textStatus0 { color: #00A000;
               font-weight: bold }
.textStatus1 { color: #0A0A0A }
.textStatus2 { color: #00A000;
               font-weight: bold }
.textStatus3 { color: #900000;
               font-weight: bold }
.textStatus4 { color: #D0860A;
               font-weight: bold }
.textStatus5 { color: #8060A0;
               font-weight: bold }
.textStatus6 { color: #900030;
               font-weight: bold }
.textStatus7 { color: #600030;
               font-weight: bold }
.textStatus8 { color: #4000A0;
               font-weight: bold }
.textStatus9 { color: #9000A0;
               font-weight: bold }

td.textTypeHeading {
  width: 6.5em;
  font-weight: bold;
  text-align: center;
  color: #444444;
  background-color: #FFFFFF;
}

td.textType {
  width: 6.5em;
  text-align: left;
  font-weight: normal;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /* white-space: nowrap; */
}

td.textAttemptsHeading {
  width: 5em;
  font-weight: bold;
  text-align: center;
  color: #444444;
  background-color: #FFFFFF;
}

td.textAttemptCount {
  width: 5em;
  font-weight: normal;
  text-align: center
}

td.textStatusHeading {
  width: 9em;
  font-weight: bold;
  text-align: center;
  color: #444444;
  background-color: #FFFFFF;
  padding-right: 1em;
}

td.textStatus {
  width: 9em;
  padding-left: 1em;
}

td.textStatusPass {
  width: 9em;
  background-color: #03AA03;
  font-weight: bold;
  font-size: 100%;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusPassMore {
  width: 9em;
  background-color: #50B050;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusAlmost {
  width: 9em;
  background-color: #50B050;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusMoreWork {
  width: 9em;
  background-color: #F0960A;
  font-weight: bold;
  font-size: 100%;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusMuchWork {
  width: 9em;
  background-color: #C00000;
  font-weight: bold;
  font-size: 100%;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusAlmostStop {
  width: 9em;
  background-color: #50B050;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusMoreWorkStop {
  width: 9em;
  background-color: #F0960A;
  font-weight: bold;
  font-size: 100%;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusMuchWorkStop {
  width: 9em;
  background-color: #C00000;
  font-weight: bold;
  font-size: 100%;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusAdditional {
  width: 9em;
  background-color: #F0960A;
  font-weight: bold;
  font-size: 100%;
  color: #FFFFFF;
  text-align: left;
  padding-left: 1em;
}

td.textStatusNotStarted {
  width: 9em;
  /*background-color: #DADAD6; */
  text-align: left;
  padding-left: 1em;
}

td.textStatusJustStarted {
  width: 9em;
  background-color: #E0E0FA;
  text-align: left;
  padding-left: 1em;
}

.loginOuterTable {
  background-color: #2961B3;
  width: 450px;
  border-style: ridge;
  border-color: #2961B3;
  border-width: 3px;
}

.defaultPageTable { 
  background-color: #F3F3F3;
  width: 100%;
 }

.inputResponseOuterTable { 
  background-color: #F3F3F3;
  border-style: ridge;
  border-color: #2961B3;
  border-width: 4px;
  padding: 0px;
 }

.inputResponseInnerTable { 
  background-color: #F3F3F3;
  border-width: 0px;
  width: 100%;
  padding: 0px;
  margin-left: -3px;
  margin-right: -3px;
  margin-bottom: -3px;
 }

tr.responseInputRow { 
}

td.responseInputCell {
  padding: 0px;
  text-align: center;
}

tr.actionButtonRow { 
  white-space: nowrap;
}

td.actionButtonCellRight { 
  text-align: right;
  white-space: nowrap;
}

td.actionButtonCellLeft { 
  text-align: left;
  white-space: nowrap;
}

.navigationButton {
  padding-left: 5px;
  padding-right: 5px;
}


.essayActionTable { 
  background-color: #FFFFFF;
  width: 100%;
  border: 1px solid;
  border-color: #2961B3; 
  padding: 3px;
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: -1px;
 }

.scoreboardOuterTable { 
  background-color: #F3F3F3;
  border-style: ridge;
  border-color: #2961B3;
  border-width: 4px;
  width: 100%;
 }

.scoreboardInnerTable { 
  background-color: #F3F3F3;
  border: 0px;
  border-color: #2961B3;
  border-collapse: collapse;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
 }

.scoreboardInnerToolsTable { 
  background-color: #FFFFFF;
  border: 0px;
  border-color: #2961B3;
  border-collapse: collapse;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
 }


.scoreboardCoverageCell { 
  vertical-align: top;
  border: 1px solid;
  border-color: #2961B3; 
  background-color: #FFFFFF;
 }

.scoreboardCoverageTable { 
  background-color: #FFFFFF;
  border-width: 0px;
  width: 100%;
  padding: 0px;
 }

.scoreboardSectionName {
  padding-left: 1.5em;
}

.scoreboardLengthCell { 
  vertical-align: top;
  width: 200px;
  border: 1px solid;
  border-color: #2961B3; 
  background-color: #FFFFFF;
 }

.scoreboardLengthTable { 
  background-color: #FFFFFF;
  border-width: 0px;
  width: 100%;
  padding: 0px;
 }

.scoreboardToolboxHeading { 
  width: 130px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.scoreboardWiderBoxHeading { 
  width: 170px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.scoreboardToolboxCell { 
  vertical-align: top;
  border: 1px solid;
  border-color: #2961B3; 
  background-color: #FFFFFF;
 }

.scoreboardToolboxTable { 
  background-color: #FFFFFF;
  border-width: 0px;
  width: 100%;
  padding: 0px;
 }

.toolsCommentLabel {
  vertical-align: bottom;
  text-align: left;
  padding-left: 60px;
}

.helpTextHeader {
  color: #800000;
  font-weight: bold;
  font-size: 125%;
}

.hintDirective {
  color: #333333;
  font-style: normal;
  font-size: 9pt;
}

tr.loginBlurb { background-color: #FFFFFF }

.blurbTable {
  background-color: #FFFFFF;
  width: 100%;  
  border-width: 0px;
}

tr.textSelectionHeader {
  background-color: #D3D3D3;
  color: #000000;
}

tr.textRowDark { background-color: #DADAD6;
                  color: #000000 }

tr.textRowLight { background-color: #ECECEC;
                  color: #000000 }

/*  Styles for use with the interactive grammar correction UI          */
/*  correctableText paragraph is the text box that the marked-up       */
/*  text appears; glink is the class of the 'fake' links used to       */
/*  highlight grammar errors.                                          */

.toolCorrectionModule {
}

.correctableText {
  /* font-family: monospace; */
  cursor: default;
  height: 32ex;
  width: 50em;
  overflow: auto;
  border-style: ridge;
  border-width: 1px;
  border-color: grey;
  margin-left: 4px;
  margin-top: 4px;
  margin-bottom: 3px;
  padding: 6px;
  background-color: #f3f3f3;
}

/* These three styles dictate the display style for each of the three
 * states a correctable item can be in:
 * correctable        - displayed, but not in focus or corrected.
 * correctableInFocus - currently selected for correction
 * corrected          - a new value has been selected
 *
 * (Note DAW: correctableInFocus not currently implement.)
 */

.correctable { 
  color:red;
  cursor: pointer;
  border-bottom-style: dotted;
  border-width: thin;
  text-decoration: none;
}

.correctableInFocus { 
  color:red;
  cursor: pointer;
  border-bottom-style: dotted;
  border-width: thin;
  text-decoration: none;
  background: #ffdada;    /* #fff0f0; */
}

.corrected { 
  color:blue;
  cursor: pointer;
  border-bottom-style: dotted;
  border-width: thin;
  text-decoration: none;
}

.correctedInFocus {
  color:blue;
  cursor: pointer;
  border-bottom-style: dotted;
  border-width: thin;
  text-decoration: none;
  background: #ffdada;    /* #fff0f0; */
}

.ignored { 
  color:blue;
  cursor: pointer;
  border-bottom-style: dotted;
  border-width: thin;
  text-decoration: none;
}

.ignoredInFocus {
  color:blue;
  cursor: pointer;
  border-bottom-style: dotted;
  border-width: thin;
  text-decoration: none;
  background: #ffdada;    /* #fff0f0; */
}

#previousValue { 
  color:red;
/*   background: #ffe8e8;  */
}

.replacementTable {
  margin-left: 0px;
}

#replParagraph {
  margin-top: 0px;
  margin-bottom: 0px;
}

#correctableErrorMessage {
  font-weight: bold;
  width: 50em;
}

/* Report Error Highlighting.
 *
 * Each of the following styles is intended to be used when displaying student
 * summaries, calling out errors. Errorful passages are rendered using
 * <span class="XYZ">...</span> tags.
 *
 * textIncorrect: general purpose error marking.
 * textPlagiarized: plagiarized text
 * ... etc.
 *
 * Note: These styles are duplicated in ssAuthor and must be hand-synced if
 * changed.
 */

.textIncorrect {
   color: #FF3333;
}

.textPlagiarized {
   color: #3333FF;
   cursor: help;   
}

.textUngrammatical {
   color: #3333FF;
   cursor: help;
}

.textMisspelled {
   color: #3333FF;
   cursor: help;
}

.textIrrelevant {
   color: #FF3333;
   cursor: help;   
}

.textRedundant0 { 
   color: #FF3333;
   cursor: help;   
}

.textRedundant1 { 
   color: #66AA33;
   cursor: help;   
}

.textRedundant2 { 
   color: #3333FF;
   cursor: help;   
}

.textRedundant3 { 
   color: #CC33FF;
   cursor: help;   
}

.textRedundant4 { 
   color: #FF9900;
   cursor: help;   
}

td.introItem {
  text-align: left;
}

.introLink {
  white-space: nowrap;
}

.summaryInputIntroTable {
  width: 100%;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/* HSU::summaryInputForm() */
#responseInputContext {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.summaryInputGuidelines {
  font-size: 90%;
  text-align: right;
}

.demoDirectiveTable {
  background-color: #FFFF99;
  width: 100%;
  font-weight: bold;
}

.demoContinueDirectiveTable {
  background-color: #FFFF99;
  font-weight: bold;
}

.demoIndicator {
  background-color: #FFFF99;
  font-weight: bold;
}

.demoIndicatorCell {
  text-align: center;
  width: 53px;
  background-color: #F6F6F6;
  padding: 0px;
}

#demoPoints { 
  margin-top: 3px;
  margin-bottom: 3px;
}

.maintenanceMessageTable { 
  border-style: ridge;
  border-width: 3px;
  border-color: #666666;
  background-color: #F0700A;
  width: 85%;
  margin: 0px;
}

.maintenanceMessageItem { 
  background-color: #F0700A;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  padding: 5px;
}

.texthelpFeatureNotSupportedTable {
  width: 100%;
}

.texthelpFeatureNotSupportedCell {
  font-weight: bold;  
  color: #F0700A;
}

/*** BEGIN report tables  ***/

.reportBackgroundTable {
  width: 100%;
  /* background-color: #FFFFFF; */
  background-color: #A0A0F0;
  border-style: ridge;
  border-color: #2961B3;
  border-width: 4px;
 }

.reportTableHeading {
  background-color: #FFFFFF;
  border-width: 0px;
  padding: 0px;
  /* align: center */
}

.reportTableHeadingCell {
  padding: 0px;
  /* border: 1px solid; */
  /* border-color: #2961B3; */
}

.reportItem { background-color: #FFFFFF }

.responseOutput { 
  /* width: 48em;  */
  width: 630px;
}

.summaryListTextHeading {
  background-color: #D9D9D9;
  /* align: center */
}

td.summaryListReportHeading {
  font-size: 150%;
  text-align: center;
}


/** Student portfolio report **/

.portfolioContextTable { 
  background-color: #e5e7ea;
  width: 100%;
}

.portfolioResponseRow {
  background-color: #e5e7ea;
}

.portfolioCurrentResponseRow {
  background-color: #e5e7ea;
  /* background-color: #d0e4f2;  */
}

.portfolioSavedResponseRow {
  background-color: #e5e7ea;
}

.portfolioResponseCell { 
  background-color: #FFFFFF;
  padding-left: 0.5em;
}

.portfolioResponseLabelCell { 
  padding-left: 0.5em;
}

.selectedResponseHeading { 
  background-color: #e5e7ea;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.portfolioTryButtonCell { 
  background-color: #FFFFFF;
  vertical-align: bottom;
  text-align: center;
  padding-bottom: 28px;
  padding-right: 15px;
}

/* The "Use Essay" or "Keep Essay" button */
/* The "Use Summary" or "Keep Summary" button */

.tryResponseButton {
  font-size: 110%;  
  /* background-color: #D3E3F3; */
}

/* "label warning" used for "Not Saved" */

.portfolioLabelWarning {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #ED8B2F;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* "label reassurance" used for "Saved" */

.portfolioLabelReassurance {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #049904;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* "label scored" used for "Scored" */

.portfolioLabelScored {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #2961B3;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* "label info" used for "Submitted" */

.portfolioLabelInfo {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #999999;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
}

.portfolioDivider { 
  height: 18px;
  background-color: #FFFAD3;

}

/** END Student portfolio report **/
/*** END report tables  ***/