moodle/grade/report/grader/styles.php

.flexible th {
    white-space:normal;
}

.gradestable th.user img {
    width: 20px;
    height: 20px;
}

.gradestable th.user, .gradestable th.range {
    white-space: nowrap;
}

.grade-report-grader table#user-grades .catlevel1 {
  background-color: #ffffff;
}
.grade-report-grader table#user-grades .catlevel2 {
  background-color: #eeeeee;
}
.grade-report-grader table#user-grades .catlevel3 {
  background-color: #dddddd;
}

.grade-report-grader table#user-grades td.overridden {
  background-color: #EFD9B3;
}

.grade-report-grader table#user-grades tr.avg td.cell {
    background-color: #efefff;
}

.grade-report-grader table#user-grades tr.odd td.cell {
    background-color: #efefef;
    white-space: nowrap;
}

.grade-report-grader table#user-grades tr.even td.overridden {
  background-color: #F3E4C0;
}

.grade-report-grader table#user-grades tr.odd td.overridden {
  background-color: #EFD9A4;
}

.grade-report-grader table#user-grades tr.even td.excluded {
  background-color: #EABFFF;
}

.grade-report-grader table#user-grades tr.odd td.excluded {
  background-color: #E5AFFF;
}

.grade-report-grader table#user-grades tr.odd th.header {
    background-color: #efefef;
    background-image: none;
}

.grade-report-grader table#user-grades td.vmarked, .grade-report-grader table#user-grades tr.odd td.vmarked {
    background-color: #ffcc33;
}

.grade-report-grader table#user-grades td.hmarked, .grade-report-grader table#user-grades tr.odd td.hmarked {
    background-color: #ffff99;
}

.grade-report-grader table#user-grades td.hmarked.vmarked, .grade-report-grader table#user-grades tr.odd td.hmarked.vmarked{
    background-color: #ffcc99;
}

.grade-report-grader table#user-grades tr.groupavg td.cell {
    background-color: #efffef;
}

.grade-report-grader table#user-grades tr.groupavg td.cell {
  font-weight: bold;
  color: #006400;
}

.grade-report-grader table#user-grades tr.avg td.cell {
  font-weight: bold;
  color: #00008B;
}

.grade-report-grader table#user-grades td.cat,
.grade-report-grader table#user-grades td.course {
  font-weight: bold;
}

.grade-report-grader table#user-grades {
    font-size: 80%;
}

.grade-report-grader table#user-grades {
  border-width:1px;
  border-style:solid;
  margin-top: 20px;
}

.grade-report-grader #overDiv table {
  margin: 0;
}

.grade-report-grader #overDiv table td.feedback {
  border: 0px;
}
.grade-report-grader #overDiv .feedback {
  background-color: #AABBFF;
  color: #000000;
  font-family: Verdana;
  font-size: 70%;
  font-weight: normal;
}

.grade-report-grader #overDiv .caption {
  background-color: #5566CC;
  color: #CCCCFF;
  font-family: Arial;
  font-size: 70%;
  font-weight: bold;
}

.grade-report-grader div.submit {
  margin-top: 20px;
  text-align: center;
}

.grade-report-grader table#user-grades td {
  border-width:1px;
  border-style:solid;
}


.grade-report-grader table#user-grades tr.heading {
  border-width:0px 0px 0px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades .heading td {
  border-width:0px 0px 0px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades th.category {
  border-width:1px 1px 0px 1px;
  border-style:solid;
  vertical-align: top;
}

.grade-report-grader table#user-grades th.user {
  border-width:0px 0px 1px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades th.useridnumber {
  border-width:0px 0px 1px 1px;
  border-style:solid;
}

.grade-report-grader table#user-grades th.categoryitem,
.grade-report-grader table#user-grades th.courseitem,
.grade-report-grader table#user-grades td.topleft {
  border-width:0px 1px 0px 1px;
  border-style:solid;
  vertical-align: top;
}

.grade-report-grader table#participants th {
  vertical-align: top;
}

.grade-report-grader table#user-grades td.fillerfirst {
  border-width:0px 0px 0px 1px;
  border-style:solid;
}

.grade-report-grader table#user-grades td.fillerlast {
  border-width:0px 1px 0px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades th.item {
  border-width:1px 1px 1px 1px;
  border-style:solid;
  vertical-align: top;
}

.grade-report-grader div.gradertoggle {
  display: inline;
  margin-left: 20px;
}

.grade-report-grader table#user-grades {
  margin-left:auto;
  margin-right:auto;
}

.grade-report-grader table#user-grades  th.user {
  text-align:left;
}

.grade-report-grader table#user-grades  td.useridnumber {
  text-align:left;
}

.grade-report-grader table#user-grades  td {
  text-align:right;
}

.grade-report-grader table#user-grades th.range {
  border-width:1px 1px 1px 1px;
  border-style:solid;
}

.grade-report-grader table#user-grades .userpic {
  display: inline;
  margin-right: 10px;
}

.grade-report-grader table#user-grades .quickfeedback {
  border: #000000 1px dashed;
}

.grade-report-grader #siteconfiglink {
  text-align: right;
}

.grade-report-grader table#user-grades .hidden,
.grade-report-grader table#user-grades .hidden a {
  color:#aaaaaa;
}

.grade-report-grader table#user-grades .datesubmitted {
  font-size: 0.7em;
}

.grade-report-grader table#user-grades td.cell {
  padding-left: 5px;
  padding-right: 5px;
}

/**
 * Author: Robert Russo
 */

.grade-report-grader table {
  border-collapse: collapse;
  background-color: #ffffff;
  font-size: 10px;
  border-color: #cecece;
}


.grade-report-grader .r1 {
  background-color: #ffffff;
}

.grade-report-grader .flexible th, .grade-report-grader .flexible td {
  white-space: nowrap;
}

.grade-report-grader .flexible th a, .grade-report-grader .flexible td a {
  white-space: nowrap;
}

.grade-report-grader th {
  padding: 10px;
}

.grade-report-grader span.inclusion-links {
   margin: 0 5px 0 10px;
}

.grade-report-grader .gradestable th.user, .grade-report-grader .gradestable th.range, .grade-report-grader td {
    white-space: nowrap;
}

.grade-report-grader table#user-grades .catlevel1 {
  background-color: #ffffff;
}

.grade-report-grader table#user-grades .catlevel2 {
  background-color: #f9f9f9;
}

.grade-report-grader table#user-grades .catlevel3 {
  background-color: #efefef;
}

.grade-report-grader table#user-grades .item {
  background-color: #e9e9e9;
}

.grade-report-grader table#user-grades td.overridden {
  background-color: #dddddd;
}

.grade-report-grader table tr.odd td.cell {
    background-color: #efefef;
}

.grade-report-grader table tr.even td.cell {
    background-color: #ffffff;
}

.grade-report-grader table tr.even th {
    background-color: #ffffff;
}

.grade-report-grader table tr.odd th.header {
    background-color: #efefef;
    border-width: 0px 0px 1px 0px;
    background-image: none;
}

.grade-report-grader table tr.heading th.header {
    border-top: 1px solid #cecece;
}

.grade-report-grader table#user-grades tr.heading th.categoryitem,
.grade-report-grader table#user-grades tr.heading th.courseitem {
  border-width: 0px 0px 0px 1px;
}

.grade-report-grader table#user-grades td.vmarked, .grade-report-grader table#user-grades tr.odd td.vmarked {
    background-color: #ffcc33;
}

.grade-report-grader table#user-grades td.hmarked, .grade-report-grader table#user-grades tr.odd td.hmarked {
    background-color: #ffff99;
}

.grade-report-grader table#user-grades td.hmarked.vmarked, .grade-report-grader table#user-grades tr.odd td.hmarked.vmarked{
    background-color: #ffcc99;
}

.grade-report-grader table tr.avg td.cell {
background-color: #f3ead8;
}

.grade-report-grader table#user-grades tr.groupavg td.cell {
  font-weight: bold;
  color: #006400;
}

.grade-report-grader table#user-grades tr.avg td.cell {
  font-weight: bold;
  color: #00008B;
}

.grade-report-grader table#user-grades td.cat,
.grade-report-grader table#user-grades td.course {
  font-weight: bold;
}

.grade-report-grader table#user-grades {
  border-width: 1px;
  border-style: solid;
  font-size: 10px;
  margin: 0;
  margin-top: 20px;
  width: auto;
  background-color: transparent;
}

.grade-report-grader #overDiv table {
  margin: 0;
}

.grade-report-grader #overDiv table td.feedback {
  border: 0px;
}
.grade-report-grader #overDiv .feedback {
  background-color: #AABBFF;
  color: #000000;
  font-family: Verdana;
  font-weight: normal;
}

.grade-report-grader #overDiv .caption {
  background-color: #5566CC;
  color: #CCCCFF;
  font-family: Arial;
  font-weight: bold;
}

.grade-report-grader div.submit {
  margin-top: 20px;
 text-align: center;
}

.grade-report-grader table#user-grades td {
  border-width: 0px 1px 1px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades tr.heading {
  border-width:0px 0px 0px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades .heading td {
  border-width:0px 0px 0px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades th.category {
  border-width:1px 1px 0px 1px;
  border-style:solid;
  vertical-align: top;
}

.grade-report-grader table#user-grades th.category.header.catlevel1 {
  border-width: 1px 1px 0px 0px;
  border-style:solid;
  vertical-align: top;
}

.grade-report-grader table#user-grades th.user {
  border-width:0px 0px 1px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades th.useridnumber {
  border-width:0px 0px 1px 1px;
  border-style:solid;
}

.grade-report-grader div.left_scroller tr {
  height: 4em;
  font-size: 10px;
}

.grade-report-grader div.right_scroller tr {
  height: 4em;
  font-size: 10px;
}

.grade-report-grader div.left_scroller td {
  height: 4em;
  font-size: 10px;
}

.grade-report-grader div.right_scroller td {
  height: 4em;
  font-size: 10px;
}

.grade-report-grader div.left_scroller th {
  height: 4em;
  font-size: 10px;
}

.grade-report-grader div.left_scroller th.user a {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

.grade-report-grader div.right_scroller th {
  height: 4em;
  font-size: 10px;
}

.grade-report-grader table#user-grades th.categoryitem,
.grade-report-grader table#user-grades th.courseitem,
.grade-report-grader table td.topleft {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #cecece;
  vertical-align: top;
}

.grade-report-grader table#user-grades td.topleft {
  background-color: transparent;
}

.grade-report-grader table#participants th {
  vertical-align: top;
  width: auto;
}

.grade-report-grader table#user-grades td.fillerfirst {
  border-width:0px 0px 0px 1px;
  border-style:solid;
}

.grade-report-grader table#user-grades td.fillerlast {
  border-width:0px 1px 0px 0px;
  border-style:solid;
}

.grade-report-grader table#user-grades th.item {
  border-width:1px 1px 1px 1px;
  border-style:solid;
  vertical-align: top;
}

.grade-report-grader div.gradertoggle {
  display: inline;
  margin-left: 20px;
}

.grade-report-grader table#user-grades th {
 text-align: left;
}

.grade-report-grader table th.user {
 text-align: left;
  vertical-align: middle;
}

.grade-report-grader table td.useridnumber {
 text-align:left;
  vertical-align: middle;
}

.grade-report-grader table#user-grades td {
 text-align: right;
}

.grade-report-grader table#user-grades th.range {
  border-width:1px 1px 1px 1px;
  border-style:solid;
  text-align: right;
}

.grade-report-grader div.userpic {
  margin-right: 10px;
  float: left;
}

.grade-report-grader div.userpic img {
  border: 3px double #cecece;
  vertical-align: middle;
  width: 2.7em;
  height: 2.7em;
}


.grade-report-grader table#user-grades .quickfeedback {
  border: #000000 1px dashed;
}

.grade-report-grader #siteconfiglink {
 text-align: right;
}

.grade-report-grader table#user-grades .hidden,
.grade-report-grader table#user-grades .hidden a {
  color:#aaaaaa;
}

.grade-report-grader table#user-grades .datesubmitted {
  font-size: 0.7em;
}

.grade-report-grader table#user-grades td.controls {
  background-color: #f3ead8;
}

.grade-report-grader table#user-grades td.cell {
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}

.grade-report-grader a.quickedit {
  line-height: 1em;
  display: block;
  float: right;
  margin: .1em 0 0 0;
  clear: none;
  font-size: 9px;
  background-color: transparent;
}

.grade-report-grader a.quickedit2 {
  display: block;
  float: right;
  margin: 1.3em 0 0 0;
  clear: none;
  background-color: transparent;
}

.grade-report-grader table#quick_edit {
  margin: 0 auto 0 auto;
  border: 1px solid #cecece;
}

.grade-report-grader table#quick_edit td {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border: 1px solid #cecece;
  text-align: left;
}

.grade-report-grader table#quick_edit td img {
  border: 3px double #cecece;
  padding: 0;
  vertical-align: middle;
}

.grade-report-grader td input {
  border: 1px solid #666666;
  margin-left: 10px;
  margin-right: 10px;
}

.grade-report-grader table#quick_edit td {
  padding: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.grade-report-grader table#quick_edit td.fullname {
border-left: none;
padding-left: 5px;
}

.grade-report-grader table#quick_edit td.picture {
border-right: none;
}

.grade-report-grader table#quick_edit td.finalgrade input {
width: 5em;
}

.grade-report-grader h1 {
 text-align: center;
  clear: both;
}

.grade-report-grader form {
text-align: center;
}

.grade-report-grader input.center {
  margin: 10px auto 0 auto;
}

.grade-report-grader .lefttbody {
  width: auto;
  vertical-align: middle;
}

.grade-report-grader table#user-grades th.fixedcolumn {
  border: 1px solid #cecece;
  vertical-align: middle;
}

.grade-report-grader table#fixed_column th {
  border: 1px solid #cecece;
  vertical-align: middle;
}

.grade-report-grader table#fixed_column {
  padding-top: 20px;
  border-top: 1px solid #cecece;
  background-color: #ffffff;
}

.grade-report-grader .left_scroller {
  float: left;
  clear: none;
  padding-top: 20px;
}

.grade-report-grader .right_scroller {
  width: auto;
  clear: none;
  overflow-x: auto;
}

.grade-report-grader th {
  padding-top: 2px;
  padding-bottom: 0;
}

.grade-report-grader table tr.avg, .grade-report-grader table tr.groupavg td, .grade-report-grader table tr.avg td, .grade-report-grader table tr.groupavg th, .grade-report-grader table tr.avg th, .grade-report-grader table tr.controls_row, .grade-report-grader table tr.controls_row th, .grade-report-grader table tr.range_row, .grade-report-grader table tr.range_row th, div.right_scroller tr  {
  height: 2em;
}

.grade-report-grader table tr.avg, .grade-report-grader table tr.avg td, .grade-report-grader table tr.avg th {
background-color: #f3ead8;
}

.grade-report-grader table#user-grades tr.groupavg td.cell, .grade-report-grader tr.groupavg th.header {
    background-color: #efffef;
}

.grade-report-grader div.gradeparent {
 text-align: left;
}

.grade-report-grader form td.excluded {
  color: #ff0000;
}

.grade-report-grader .excludedfloater {
  font-weight: bold;
  color: #ff0000;
  font-size: 9px;
  float: left;
}

.grade-report-grader span.gradepass {
    color: #298721;
}

.grade-report-grader span.gradefail {
    color: #890d0d;
}

.gradeweight {
color: #461d7c;
font-weight: bold;
}

.grade-report-grader td select {
font-size: 100%;
padding: 0;
}

.grade-report-grader .righttest td select {
font-size: 86%;
padding: 0;
}

.grade-report-grader tr.avg, tr.controls, td.controls, th.controls, .grade-report-grader tr.groupavg, tr.range, th.range, td.range, tr.heading th.range {
    height: 2em !important;
    white-space: nowrap;
}

.heading_name_row th {
    white-space: nowrap;
    width: 2000px;
}

/* IE rules */
.ie .right_scroller {
  padding-bottom: 15px;
  overflow-y: hidden;
}

.ie table#fixed_column th {
    height: 40.5px;
}

.ie table#fixed_column tr.avg th {
    height: 21px;
}

.ie div.left_scroller td {
    height: 42px;
}

/* IE6 rules */

.ie6 form {
  text-align: left;
}

.ie6 div.left_scroller {
  margin-top: 40px;
}

.ie6 div.right_scroller {
  margin-top: 40px;
  width: auto;
  position: absolute;
}

.ie6 .excludedfloater {
  font-size: 7px;
}

.grade_icons img.ajax {
    float: right;
}

.grade-report-grader table#user-grades td.ajax {
    text-align: left;
}