/*-------------------------------------------------------------------------*/
/* Copyright Pearson Knowledge Technologies, All Rights Reserved           */
/*                                                                         */ 
/* Proprietary - Use with PKT Written Permission Only                      */
/*                                                                         */ 
/* Description: HTML styles for author and teacher interface pages         */
/*                                                                         */ 
/* Last Revised: $Id: WTL-author.css,v 1.76 2010/07/28 16:47:58 jlewis Exp $ */
/*                                                                         */ 
/*-------------------------------------------------------------------------*/

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

a:link {
  color: #993399;
  font-weight: bold;
  background: none;
}

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

a:active {
  color: #2961B3;
  font-weight: bold;
  background: #B5B5B3;
}

a:link.docLink    { font-weight: normal; }
a:visited.docLink { font-weight: normal; }
a:active.docLink  { font-weight: normal; }

a:link.docLinkSmall { font-weight: normal; font-size: 80%; }
a:visited.docLinkSmall { font-weight: normal; font-size: 80%; }
a:active.docLinkSmall { font-weight: normal; font-size: 80%; }

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

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

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

.schoolDBManagerTable { 
  background-color: #F3F3F3;
  border-color: #2A61B4;
}

.authorLoginTable { 
  background-color: #E0E0E6;
  width: 100%;
 }

.scoreboardTitle {
  font-size: 125%;
  font-weight: bold;
  color: #FFFFFF;
}

/* wrap the student's summary/essay if the student didn't already */
/* put in newlines */

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


/* BEGIN - scoreboard styles */

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

.scoreboardInnerTable { 
  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;
 }

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

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

.scoreboardToolboxHeading { 
  width: 135px;
  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;
}

/* END - scoreboard styles */

.requiredField {
  color: #AA4444;
  font-weight: bold
}

.optionalField {
  color: #000000;
  font-weight: normal;
}

.introText { font-size: 13pt }
.footerText { font-size: 11pt }

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

.bigTextName {
  font-weight: bold;
  font-size: 150%;
  color: #2961B3;
}

.summaryJumpLink { font-size: 100% }
.summaryJumpLink2 { font-size: 75% }

.menuText { color: #6633CC; font-weight: bold }

.summaryError { color: #AA3333;
                font-weight: bold }

.summaryInput { font-size: 10pt }

.welcomeString { color: #6633FF;
                 font-weight: bold }

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

.studentListTable {
  background-color: #FFFFFF;
  /* align: center */
}

.textEditSectionLabel {
  background-color: #BFBFBF;
  text-align: left
}

.pointScaleMessage { 
 }

.pointScaleNotification {
  color: #BC7203;
  font-size: 100%;
  font-weight: bold;
}

.numericInputField {
  text-align: right;
}


.wrappableAttributeLabel { font-weight: bold }

.itemAttributeDirective {
  font-style: italic
}

.itemAttributeLabelForSettings {
  font-weight: bold;
  text-align: left;
  /* white-space: pre;*/
  width: 170px;
}

.itemAttributeLabel {
  font-weight: bold;
  text-align: left;
  /* white-space: pre; */
}

.itemAttributeRequiredLabel {
  color: #AA3333;
  font-weight: bold;
  text-align: left;
  white-space: pre;
}

.itemAttributeRequiredLabelMulti {
  padding-top: 8px;
  vertical-align: top;
  color: #AA3333;
  font-weight: bold;
  text-align: left;
  white-space: pre;
}

.multiRowCell {
  padding-top: 3px;
  vertical-align: top;
}

.promptAttributeLabel {
  font-weight: bold;
  text-align: left;
}

.promptAttributeRequiredLabel {
  color: #AA3333;
  font-weight: bold;
  text-align: left;
}

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

td.studentListTitleItem {
  text-align: left;
  font-size: 100%
}

.studentListSubtitleRow {
  background-color: #B5B5B3;
  font-weight: bold;
  color: #2961B3
}

td.studentListTitleItem { text-align: left; font-size: 100% }
td.spellCell { white-space: nowrap }

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

.closeWindowButton { font-size: 9pt }


.promptEditingRequiredLabel {
  color: #AA3333;
  background-color: #D0D0D0;
  font-weight: bold;
  text-align: left;
  white-space: pre;
}


.promptEditingOptionalLabel {
  color: #000000;
  background-color: #D0D0D0;
  font-weight: bold;
  text-align: left;
  white-space: pre;
}


/* ************************************************************************* */
/* 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;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

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

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

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

.textSectionItem { background-color: #D0DDDD;
                   font-weight: bold;
                   text-align: center }

.lengthCountItem { background-color: #DDDDD0;
                   text-align: center }

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.textContentAttrLabel {
  width: 125px;
  font-style: normal
}

td.textMetadataAttrLabel {
  font-weight: bold
}

td.spacerItem { width: 50px }
td.timeEstimateItem { text-align: center }
td.timeEstimateTotal { text-align: center;
                       font-weight: bold;
                       background-color: #E0E0EE }
td.developmentTableHeading { background-color: #D6D6E3;
                             font-weight: bold }
td.developmentSectionHeading { background-color: #E0E0EE;
                               font-weight: bold }

td.descriptionItem { font-size: 8pt }

td.graphKey { font-size: 9pt; font-style: italic }

td.schemaTableName { vertical-align: top;
                     font-weight: bold;
                     font-family: sans-serif
                   }

td.schemaField { font-family: sans-serif }

tr.classNameRow {
  background-color: #CCCCEE;
}

td.classNameField {
  background-color: #C0C0D0;
}

th.editingHeader {
  background-color: #C0C0D0;
}

.responseCountMessage {
  white-space: nowrap
}


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

.loginWelcome {
  color: #5d9732;
  font-weight: bold;
  font-size: 125%;
}

.loginSchoolName {
  color: #007db1;
  font-weight: bold;
  font-size: 125%;
}

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

.authoringForegroundTable {
  background-color: #F0F0F0;
  /* align: center */
}

.dictionaryActionArea { background-color: #D0D0D0 }

.toolTable {
  width: 100%;
  background-color: #F6F6FF;
  padding-bottom: 10px;
  padding-left: 4px;
}

td.authorToolHeading {
  background-color: #D6D6E3;
  text-align: center;
  font-weight: bold;
}

th.authorToolSubHeading {
  background-color: #BDBDBD;
  text-align: center;
  font-weight: bold;
  vertical-align: top;
}

td.acctMgmtToolSelection {
  background-color: #FFFFFF;
  width: 300px;
  font-style: normal
}

td.authorToolSelection {
  width: 300px;
  font-style: normal
}

.authorToolButton {
  font-weight: bold;
  margin-top: 10px;
}


.toolButtonTable {
  width: 100%;
  border-width: 0px;
}

.toolSubmitButton { 
  font-weight: bold;
  font-size: 100%;
  color: #3971D0;
}

/* BEGIN - License Usage Report styles */

.usageClassNameColumnHeader {
  width: 160px;
}

.usageTeacherNameColumnHeader {
  width: 160px;
}

.usageClassNameCell {
  width: 160px;
}

.usageTeacherNameCell {
  width: 160px;
}

.usageMultiClassCell {
  width: 320px;
}

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

.toolSubmitGreyedOutButton {
  font-size: 100%;
  color: #616D7E;
}

/* END License Usage Report styles */
/* ******************************* */
/* BEGIN - Performance Report styles */

.dateRangeTable {
  padding-top: 0px;
  padding-bottom: 0px;
}

.dateFormatKey { 
  font-size: 85%;
  font-weight: normal;                 
}

.dateCompareLabelCell {
  width: 180px;
  vertical-align: top;
  text-align: center;
}

.reportDataHeaderCell {
  font-size: 85%;
}

/* END - Performance Report styles */
/* ******************************* */

/* BEGIN - Student Usage Report styles */

.reportResponseCount {
  text-align: right;
}

/* END - Student Usage Report styles */
/* ******************************* */

.hint { font-size: 75%;
  font-weight: bold; 
}

td.menuLogout { text-align: right }

/* activationDescription                                    */
/*    Tell the user that they are eligible to activate      */
/*    their new subscription.                               */

td.activationDescription {
  background-color: #047904;
  color: #FFFFFF;
  padding: 4px;  
}

/* transientStudentLicenseDescription                       */
/*    Tell the user how to get more licenses.               */

td.transientStudentLicenseDescription {
  background-color: #F0960A;
  color: #FFFFFF;
  padding: 4px;  
}

td.authorToolSpacer {
  width: 1.7em;
}

.glossaryLink { font-size: 75% }

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

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

.textTable {
  background-color: #FCFCFC;
  /* align: center; */
  width: 100%
}

.assignButtonTable {
  background-color: #FCFCFC;
  /* align: right; */
  width: 98% }

.search { font-size: 75%;
          font-style: italic
        }

.edit { font-size: 75%;
        font-style: italic
        }

.footnote { font-size: 75% }

.menuFootnote {
  font-size: 75%;
  padding-top: 6px;
  padding-bottom: 0;
}


td.loginHeading {
  font-weight: bold;
  color: #2961B3;
  text-align: center;
}

tr.loginBlurb { background-color: #FFFFFF }

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

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

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

tr.textRowWhite { background-color: white;
                 color: #000000 }

tr.textRowSelectedDark { background-color: #B9C3D6;
                         color: #000000 }

tr.textRowSelectedLight { background-color: #D6E3E0;
                          color: #000000 }

td.cellPlain {
  font-style: normal;
}

td.cellGrey { background-color: #E9E9E9;
              color: #000000 }


table.reportSelection { 
}

table.reportSelectionWithButton { 
  width: 95%;
}

/*** BEGIN tool item selection styles  ***/

table.toolSelectionTable { 
  width: 100%;
  border-width: 5px;
 }

td.toolSelectionItem { 
  text-align: left;
  font-weight: bold;
  width: 100px;
}

td.toolHelpItem { 
  text-align: right;
  vertical-align: top;
  padding-right: 1em;
}

.toolFeedbackArea { 
  margin-left: 10px;
}

/*** END tool item selection styles  ***/

/*** BEGIN report tables  ***/

.reportTable {
  background-color: #FFFFFF;
  /* align: center; */
  border-style: ridge;
  border-width: 3px
}

.reportHeading {
  background-color: #DDDDDD;
  /* align: center */
}


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

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

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

.reportTableHeading {
  background-color: #E0E0FF;
}

.reportTableHeadingCell {
  border: 1px solid;
  border-color: #2961B3;
}

.reportItem { background-color: #FFFFFF }

.responseTable { background-color: #FFFFFF }

.reportLink { font-weight: normal }

tr.reportTableAverages { background-color: #D6D6D6;
                         color: #000000 }


table.reportToolbox { 
  border-spacing: 0;
  border-collapse: collapse;
}

td.reportToolCount { 
  width: 3em;
  text-align: right;
  vertical-align: top;
}

td.reportLabelCell { 
  text-align: left;
}

td.reportValuesGroup1 { 
  text-align: right;
  background-color: #FFD990;
}

td.reportValuesGroup2 { 
  text-align: right;
  background-color: #90BFFF;
}


/* bold font doesn't fit in Windows browsers */ 
.errorFeedback {
  color: #FF3333;
  font-weight: bold;
}

/* bold font doesn't fit in Windows browsers */ 
.successFeedback {
  color: #049904;
  font-weight: bold;
}

span.nextPageSpan {
  width: 50px;
}


.scorePass { color: #03AA03; font-weight: bold }
.scoreFail { color: #000000; font-weight: bold }

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

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

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

.scorePoorCell { background-color: #A50303;
                 color: #FFFFFF;  
                 text-align: center;  
                 font-size: 110%;
                 font-weight: bold }

.scoreMediocreCell { background-color: #F09B0A;
                     color: #FFFFFF;  
                     font-size: 110%;
                     text-align: center;  
                     font-weight: bold }

.scoreGoodCell { background-color: #049904;
                 color: #FFFFFF;  
                 font-size: 110%;
                 text-align: center;  
                 font-weight: bold }

.numericScore { font-size: 15pt;
                color: #000090;
                font-weight: bold }

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

.answerError { color: #FF3333;
               font-weight: bold;
               font-size: 125% }

.answerWarning { color: #F0960A;
                 font-weight: bold;
                 font-size: 125% }

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

.rubricDisplay { font-weight: bold;
                 font-size: 125% }

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

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

.toolMenuTable {
  /* align: center; */
  width: 100%;
  background-color: #E0E0E0;
}

.toolMenuBGTable {
  /* align: center; */
  width: 98%;
  background-color: #C6C6C6;
}

td.toolMenuCell {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  background-color: #E0E0E0;
}

.toolMenuCell A:visited { color: #993399 }
.toolMenuCell A:hover { color: #2961FF }
.toolMenuCell A:link { font-weight: bold; }

td.toolMenuMainMenuCell {
  text-align: left;
  font-weight: bold;
  background-color: #E0E0E0;
}

.toolMenuMainMenuCell A:visited { color: #993399 }
.toolMenuMainMenuCell A:hover { color: #2961FF }

td.toolMenuLogoutCell {
  text-align: right;
  font-weight: bold;
  background-color: #E0E0E0;
}

.toolMenuLogoutCell A:link { color: #993399 }
.toolMenuLogoutCell A:visited { color: #993399 }
.toolMenuLogoutCell A:hover { color: #2961FF }

td.selectedToolMenuCell {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  white-space: nowrap;
  background-color: #4985E0;
}

td.toolMenuSpacer {
  background-color: #E0E0E0;
  width: 15px;
}

td.toolMenuBigSpacer {
  background-color: #E0E0E0;
  width: 75px;
}

.hiddenSectionLabel { 
   color: #999999;
}

.criteriaTable {
  background-color: #E0E0E0;
  width: 100%;
  border-style: ridge;
  border-width: 3px   
}

/* --- tool feedback styles -- */

.authorError { color: #FF3333;
               font-weight: bold;
               font-size: 100% }

.authorWarning { color: #F0960A;
                 font-weight: bold;
                 font-size: 100% }

.authorSuccess { color: #049904;
                 font-weight: bold;
                 font-size: 100% }
                 
.authorErrorSmall { color: #FF3333;
               font-weight: bold;
               font-size: 90% }

.authorWarningSmall { color: #F0960A;
                 font-weight: bold;
                 font-size: 90% }

.authorSuccessSmall { color: #049904;
                 font-weight: bold;
                 font-size: 90% }

.directive { 
  color: #000066;
  font-weight: bold;
 }

/*  ----- Student roster management styles ----- */ 

td#rosterAccountDisplay {
  width: 210px;
  text-align: center;
  background-color: #F6F6F6;
}

td.classEditLink { 
  /* align: right; */
  vertical-align: top;  
  white-space: nowrap;
  font-size: 90%;
}

td.classEditSpacer {
  width: 1.0em;
}

.classEditBlock { 
   background-color: white;
}

#Roster {
  width: 98%;
}

#RosterContent {
  height: 32ex;
  width: 100%;
  overflow: auto;
}

#Upload {
  width: 98%;
  display: none;
}

#StudentEdit {
  width: 98%;
  display: none;
}

#StudentEditContent {
  height: 40ex;
  width: 100%;
  overflow: auto;
}

#Create {
  width: 98%;
  display: none;
}

#CreateContent {
  height: 45ex;
  width: 100%;
  overflow: auto;
}

#Available { 
  width: 98%;
  display: none;
}

#AvailableContent {
  height: 40ex;
  width: 100%;
  overflow: auto;
}

#Unenroll {
  width: 98%;
  display: none;
}

#UnenrollContent {
  height: 40ex;
  width: 100%;
  overflow: auto;
}

.classSelection { 
  padding-top: 6px;
  width: 98%;
}

table.rosterTable { 
   width: 100%;
   background-color: #F0F0F3;
}

table.searchTable { 
   width: 100%;
   background-color: #E0E0E3;
}

tr.rosterTableHeading { 
   background-color: #C9C9C9;
}

tr.rosterTableLightRow { 
   width: 100%;
   background-color: #FFFFFF;
}

tr.rosterTableDarkRow { 
   width: 100%;
   background-color: #E0E0E9;
}


tr.rosterBackgroundEdit { 
   background-color: #FFF8C6;
}

tr.searchTable { 
   background-color: #C9C9C9;
}

.maxResults {
        width: 100%;
        background-color: #E0E0E9;
}

th.feedbackCell { 
  width: 200px;
}

.enrollStatusCell { 
  width: 10%;
  text-align: center;
}

.enrolledHeader {
  width: 4em;
  text-align: left;
  padding-left: 2.5em;
}

.visibilityToggle {
  font-size: 80%;
  padding-left: 2em;
}

.classEditBlockHeader { 
  padding-top: 1.5em;
}

.classEditBlockHeading { 
  font-size: 100%;
  font-weight: bold;
}

.commonTabHeading { 
  font-size: 100%;
  font-weight: bold;
}

.classEditBlockHeaderTable { 
  width: 100%;
  background-color: #E0E0E3;
}

.classEditorSpacer { 
  height: 5px;
}

table.commonTabHeaderTable { 
  width: 99.9%;  /* 100% causes horizontal scroll bar */
  background-color: #E0E0E3;
  border-style: double;
}

.searchPage {
 background-color: #E0E0E3;
 color: #3971D0;
 font-weight: bold;
 font-size: 100%;
 padding-right: 0px;  
 
}


.largeResultWarning {
 background-color: #E0E0E3;
 color: #000000;
 font-weight: bold;
 font-size: 100%;
 width: 100%;
 
}
 
.pageIndex {
 font-weight: bold;
 font-size: 100%;
 padding-top: 0em;
 padding-left: 0px;
 padding-right: 0px;  
 color: #000000;
}
 
table.rosterManagerBGTable { 
  background-color: #4985E0;
  padding-top: 0em;
  border-style: double;
  width: 99.9%;  /* 100% causes horizontal scroll bar */
}

table.rosterTabSet { 
  padding-bottom: 0em;
  border-spacing: 0px;
}

td.rosterTabSelected {
  background-image: url(/writeToLearn/images/tabSelected.gif);
  color: #FFFFFF;
  font-weight: bold;
  font-size: 90%;
  text-align: center;
  width: 106px;
  height: 33px;
  padding-top: 0.2em;
  cursor:  pointer;
  line-height: 1em;
}

td.rosterTabUnselected {
  background-image:  url(/writeToLearn/images/tabUnselected.gif);
  color: #424242;
  font-weight: bold;
  font-size: 90%;
  text-align: center;
  width: 106px;
  height: 33px;
  padding-top: 0.2em;
  cursor:  pointer;
  line-height: 1em;
}

td.studentAccountEdit {
    width: 12px;
    padding-left: 0px;
    padding-right: 0px;  
}

/*  ----- Student roster verification styles ----- */ 

.verifyRosterInstructions {
   margin-left: 5%; 
   margin-top: 10px;
   font-weight: bold;
}

table.verifyRosterTable {
   width: 90%;
   background-color: #F0F0F3;
   margin-left: 5%;
   border-style: none;
}

table.rosterVerifyActionButtons {
   width: 90%;
   background-color: #FFFFFF;
   margin-left: 5%;
   border-style: none;
}

table.verifyEnrolleeTable td {
   border: none;
   padding: 0px;
}

.verifyRosterComment {
   color: #FF3333;
   font-weight: bold;
   border: none;
}

.rosterFeedbackCell {
  width: 200px;
}

.rosterPasswordCell {
   width: 5%;
}

.rosterLoginCell {
  width: 12%;
}

.rosterFirstNameCell {
  width: 15%;
}

.rosterMiddleNameCell {
  width: 3%;
}

.rosterLastNameCell {
  width: 15%;
}

.rosterGradeLevelCell {
  width: 5%;
}

.rosterSisIDCell {
  width: 10%;
}


/* for top roster table only -- to make it look less clickable */

table.rosterTableTop { 
   width: 100%;
   background-color: white;
}

.rosterLoginCellTop {
   width: 12%;
}

.feedbackCellTop {
}

.rosterFirstNameCellTop {
  width: 17%;
}
.rosterMiddleNameCellTop {
  width: 3%;
}
.rosterLastNameCellTop {
  width: 17%;
}

.rosterGradeLevelCellTop {
  width: 5%;
}

.rosterSisIDCellTop {
  width: 8%;
}

.rosterFeedbackCellTop {
  color: #049904;
  font-weight: bold;
}

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

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

.emptyRosterMessage {
   padding-left: 3em;
   padding-top: 1em;
   padding-bottom: 1em;
}   

/* end top roster table styles */


.rosterLastNameInputCell {
  text-align: center;
  width: 15%;
}       

.rosterFirstNameInputCell {
  text-align: center;
  width: 15%;
}       

.rosterMiddleNameInputCell {
  text-align: center;
  /* background-color: #33FF33;  */
  width: 3%;
  /* width: 50px; */
  /* Can't seem to make this blasted style set the width */
  /* of the column like it should.  It is sometimes wider */
}

.rosterGradeLevelInputCell {
  text-align: center;
  width: 5%;
}       

.rosterLoginInputCell {
  text-align: center;
  width: 12%;
}       

.rosterPassInputCell {
  text-align: center;
  width: 5%;  
}       

.rosterSisIDInputCell {
  text-align: center;
  width: 10%;  
}    

#rosterVerifyActionButtons {
  width: 90%;
  margin-left: 5%;
}


/* Begin -- Text Assignment Page styles */

#selectorTable {
  padding: 1em 3em 1em 3em
}

#assignmentDirective { 
  font-weight: bold;
  text-align: left;
  font-size: 100%;
  padding-top: 0.5em;
}

.assignmentButton { 
  font-weight: bold;
  font-size: 100%;
  color: #3971D0;
}

.contextSelectorLabel {
  font-weight: bold;
}       

#assignmentFeedback { 
  font-weight: bold;
  font-size: 100%;
  padding-left: 3em;
}
       
/* Used for some list boxes */
.rightAlignItem {
  text-align: right;
}

/* End -- Text Assignment Page styles */

/***************************************************************************/
/* 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 WTL-student.css and must be
 * hand-synced if changed. 
 */

.textIncorrect {
   color: #FF3333;
}

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

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

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

.textIgnored { 
/*  color:#FF6600; */
  color:blue;
  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;   
}

/* END report error highlighting styles */
/****************************************/

/* Threshold adjustment (Scoring page) styles */

.thresholdAdjustTable {        /* overall adjuster table */
  padding-left: 10px;
  border-spacing: 0em;
  padding: 1px;
  background-color: #E3E3E3;
}

.thresholdAdjustTable th {
  white-space: nowrap;
  border-bottom: 2px silver ridge;
  padding-left: 10px;
  padding-right: 10px;
}

.thresholdAdjustTable .th2 td {
  border: 0;  
  padding: 0;
  margin: 0;
}

.adjusterTitleCell {
  white-space: nowrap;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: left;
}

.adjusterVisibleCell {
  text-align: center; 
}

.thresholdPasserCell {         /* passing ("N of M") cells */
  white-space: pre;
  padding-left: 1em;
  padding-right: 1em;  
}

.thresholdChangeCell {         /* "% harder" cells */
  white-space: pre;
  padding-left: 1em;
  padding-right: 1em;
}

.adjusterRowButtons {          /* table containing adjuster buttons */
   padding-left: 9px;
   padding-right: 9px;
}

.adjusterRowHeader {           /* "easier---default---harder" header */
   padding-left: 9px;
   padding-right: 9px;
   font-size: smaller;
}

.defaultAdjusterButtonCell {   /*  'default' button in an adjuster row */
    text-align: center;
    width: 21px;
    padding-left: 0px;
    padding-right: 0px;
}       

.adjusterButtonCell {          /* standard button in an adjuster row */
    text-align: center;
    width: 21px;
    padding-left: 0px;
    padding-right: 0px;    
}       

/*


   widgetWithDefaultTable
   - A table of one row, two cells:

   +-----------------+-------------------+
   |  <widget>       | Default: foo      |
   +-----------------+-------------------+
                       widgetDefaultCell
  
*/

.widgetWithDefaultTable {
  border-width: 0;
  padding: 0px 0px 0px 0px;
  margin: 0;
}

.widgetWithDefaultTable td{
    width:12em;
    white-space: nowrap;
}

.widgetDefaultCell{
    width:12em;
    min-width: 12em;
    padding: 0;
    white-space: nowrap;
}

@media print { 
  td.answerError { font-size: smaller; }
  td.answerWarning { font-size: smaller; }
  td.answerFeedback { font-size: smaller; }
  /* table.responseTable {  page-break-after: always } */
  table.authoringBackgroundTable { border-width: 0px }
  body { font-size: smaller; }
 }


.navigationButton {
  /* background-image:url(/writeToLearn/images/blue-cloud.gif); */
  color: black;
}


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

.schoolURLFlavor {
  white-space: nowrap;
  text-align: right;
  font-style: italic;
}

.schoolURLExample {
  font-size: 90%;
}

.schoolURLDirective {
  font-size: 90%;
  text-align: center;
}

/**********************************************/
/** SummaryStreet school admin styles.       **/ 
/**********************************************/

.registrationWarning {
  color: #F0960A;
  font-weight: bold;
}

.registrationError {
  color: #FF3333;
  font-weight: bold;
}

.registrationFieldLabel { 
  width: 160px;
  text-align: right;
  vertical-align: top;
}

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

.agreementFrame {
  height: 40ex;
  width: 50em;
  overflow: auto;
  border-style: inset;
  border-width: 2px;
  border-color: grey;
  margin-left: 4px;
  margin-top: 4px;
  margin-bottom: 3px;
  padding: 6px;
}

.assistanceMessage {
  font-size: 90%;
}

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

.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;
}

.inactiveUserIndicator {
  color: #F0960A;
  font-weight: bold;
  font-size: 100%
}

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