.grade-report-laegrader td.avg{
text-align:center;
border-style:solid;
border-width:0px;
}

.flexible th {
white-space:nowrap;
min-width: 110px;
}

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

.gradestable th.user a {
vertical-align: middle;
line-height: 70%;
}

.gradestable th.user img.userreport {
width:10px;
height:10px;
whitespace: nowrap;
}

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

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

.grade-report-laegrader table#user-grades tr.avg td.cell {
background-color:#efefff;
font-weight:700;
vertical-align:middle;
color:#00008B;
}

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

.grade-report-laegrader table#user-grades tr.even td.cell {
white-space:nowrap;
}


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

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

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

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

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

.grade-report-laegrader table#user-grades tr.groupavg td.cell {
background-color:#efffef;
font-weight:700;
color:#006400;
}

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

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

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

.grade-report-grader #overDiv table td.feedback {
border:0;
}

.grade-report-grader #overDiv .feedback {
font-size:70%;
background-color:#ABF;
color:#000;
font-family:Verdana;
font-weight:400;
}

.grade-report-grader #overDiv .caption {
font-size:70%;
background-color:#56C;
color:#CCF;
font-family:Arial;
font-weight:700;
}

.grade-report-grader #overDiv .intersection {
font-size:70%;
background-color:#ABF;
color:#000;
font-family:Verdana;
font-weight:400;
}

.grade-report-grader #overDiv .intersectioncaption {
background-color:#56C;
color:#CCF;
font-family:Arial;
font-weight:700;
}

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

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

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

.gradestable th.user {
text-align:left;
}

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

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

/* we don't want 25px height - at all
 * This causes the columns to fall out of line if Static Students Column is enabled
.grade-report-grader table#user-grades th.category,
.grade-report-grader table#user-grades th.item,
.grade-report-grader table#user-grades th.categoryitem,
.grade-report-grader table#user-grades th.courseitem {
height: 25px;
}
*/

.grade-report-grader td,.grade-report-grader th {
border-color:#CECECE;
}

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

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

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

.grade-report-laegrader table#user-grades th.item ,
.grade-report-laegrader table#user-grades th.categoryitem ,
.grade-report-laegrader table#user-grades th.courseitem {
border-bottom-color:#000;
vertical-align:top;
border-style:solid;
border-width:1px;
}

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

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

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

.grade-report-grader table#user-grades .quickfeedback {
border:#000 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:#aaa;
}

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

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

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

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

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

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

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

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

tr.heading th.categoryitem, tr.heading th.courseitem, tr.heading th.item  {
vertical-align: top;
border-width:0 0 0 1px;
}

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

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

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

.grade-report-grader table td.topleft {
border-bottom:none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
border-right-color:#000;
}

.grade-report-grader table#fixed_column th.user{
border-right-color:#cecece;
}

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

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

.grade-report-grader .right_scroller {
width:auto;
clear:none;
/*force horizontal scrollbar to appear or IE adds one over the bottom row of the table MDL-21088*/
overflow-x:scroll;
overflow-y:hidden;
}

.grade-report-laegrader table tr.avg,.grade-report-laegrader table tr.range,.grade-report-laegrader table tr.controls,.grade-report-laegrader table tr.groupavg td,.grade-report-laegrader table tr.avg td,.grade-report-laegrader table tr.groupavg th,.grade-report-laegrader table tr.avg th,.grade-report-laegrader table tr.controls_row,.grade-report-laegrader table tr.controls_row th,.grade-report-laegrader table tr.range_row,.grade-report-laegrader table tr.range_row th,div.right_scroller tr {
height:1.5em;
vertical-align: middle;
}

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

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

.grade-report-grader .excludedfloater {
font-weight:700;
color:red;
font-size:9px;
float:left;
}

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

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

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

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

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

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

.grade-report-laegrader tr.range th.range,.grade-report-laegrader tr.range td.range {
    height: 1.1em !important;
    white-space:nowrap;
}

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

/*MDL-21088 - IE 7 ignores nowraps on tds or ths so we put a span within it with a nowrap on it*/
.heading_name_row th span {
white-space:nowrap;
}

.grade_icons img.ajax {
    display:inline;
}

.grade_icons {
    padding-left: 20px;
}

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

.grade-report-grader table#user-grades .catlevel1,.grade-report-grader .r1,.grade-report-grader table tr.even td.cell,.grade-report-grader table tr.even th {
background-color:#fff;
}

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

.grade-report-grader table#fixed_column tr.odd th ,
.grade-report-grader table#user-grades tr.odd th {
background-color:#efefef;
}

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

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

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

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

.grade-report-grader table#user-grades td.useridnumber,.grade-report-grader table#user-grades th,.grade-report-grader div.gradeparent,.grade-report-grader table#user-grades td.ajax {
text-align:left;
}

.grade-report-laegrader table tr.avg td.cell,.grade-report-laegrader table tr.avg,.grade-report-laegrader table tr.avg td,.grade-report-laegrader table tr.avg th {
background-color:#ffffff;
}

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

.grade-report-grader div.left_scroller tr,.grade-report-grader div.right_scroller tr,.grade-report-grader div.left_scroller td,.grade-report-grader div.right_scroller td,.grade-report-grader div.left_scroller th,.grade-report-grader div.right_scroller th {
height:4.4em;
font-size:10px;
}

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

/*
.grade-report-grader .yui-overlay {
    background-color: #FFEE69;
    border-color: #D4C237 #A6982B #A6982B;
    border-style: solid;
    border-width: 1px;
    left: 0;
    padding: 2px 5px;
    font-size: 0.7em;
}
*/

.grade-report-grader .yui-overlay .fullname {
    color: #5F3E00;
    font-weight: bold;
}
.grade-report-grader .yui-overlay .itemname {
    color: #194F3E;
    font-weight: bold;
}
.grade-report-grader .yui-overlay .feedback {
    color: #5F595E;
}
/* .grade-report-grader table#user-grades td */
/* .grader-report-grader table#user-grades td .yui-panel div.hd { */
#tooltipPanel {
  text-align: left;
}


<?php include($CFG->dirroot.'/lib/yui/container/assets/skins/sam/container.css') ?>
.yui-skin-sam .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(<?php echo $CFG->wwwroot."/lib/yui" ?>/assets/skins/sam/sprite.png) repeat-x 0 -200px;}
.yui-skin-sam .container-close{border-color: #45c;position:absolute;top:5px;right:6px;width:25px;height:15px;background:url(<?php echo $CFG->wwwroot."/lib/yui" ?>/assets/skins/sam/sprite.png) no-repeat 0 -300px;cursor:pointer;}
.yui-skin-sam .yui-simple-dialog .bd .yui-icon{background:url(<?php echo $CFG->wwwroot."/lib/yui" ?>/assets/skins/sam/sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}

.grade-report-grader .yui-overlay a.container-close {
  margin-top: -3px;
}

#hiddentooltiproot, .tooltipDiv {
  display: none;
}

.whiteline {
    display:inline;
    color:#ffffff;
}

.userreport {
    width:10px;
    height: 10px;
}

.grade_icons img.iconsmall {
    display:inline;
    float:right;
}

.grade_icons img.iconcenter {
    float:none;
    vertical-align: bottom;
    padding:0 5px 0 5px;
}

.lastname {
    display:inline;
    font-style:bold;
    line-height:10px;
    whitespace: nowrap;
    font-size:1.2em;
    padding-left:6px;
    padding-right:2px;
}

th.gradeheader {
    min-width: 10px;
    max_width: 10px;
}

th.nameheader {
min-width: 170px;
}

.gradestable tr.odd td.tduser{
background-color:#efefef;
}

.gradestable tr.odd th.user{
background-color:#efefef;
white-space:nowrap;
}

.grade-report-laegrader tr.range td.cell {
    text-align:center;
}

.grade-report-laegrader tr.range th.header, .grade-report-laegrader tr.avg th.header, .grade-report-laegrader tr.controls th.header{
    text-align:right;
    padding-right: 5px;
}
/***
*** added the following for the alignment issues
***/
.gradestable th.user{ height: 40px } 
.grade-report-laegrader table#user-grades tr.even td.cell { height: 40px !important; } 
.grade-report-laegrader table#user-grades tr.odd td.cell { height: 40px !important; } 
.grade-report-grader table#fixed_column tr.odd th, .grade-report-grader table#user-grades tr.odd th { height: 40px; } 
.grade-report-grader table#fixed_column tr.even th, .grade-report-grader table#user-grades tr.even th { height: 40px; } 
.grade-report-grader table#user-grades td.cell { height: 40px; } 
.grade_icons img.iconsmall { width: 14px; height: 14px; }