/********
Scrollable table
********/
div.table_container {overflow:auto; border:0;}
th.student_header {
  white-space:nowrap;
  text-align:left;
  position:absolute;
  left:0.5em;
  top:auto;
  background:#fff;
  width:13.5em;
}
table {
  margin-left:13.5em;
}

th.noedit, td.noedit{
  position:absolute;
  left:12em;
  top:auto;
  background:#fff;
  width:4.5em;
}

/*tr + tr th.student_header {top:+1em;}*/
/********
End scrollable table
********/


#notice {
  background:#ccc;
  border: 1px solid #444;
  padding: 1px;
}

table {
  border-spacing:0;
  border-collapse:collapse;
  border: 1px solid #aaa;
}
th, td {
  margin:0;
  padding:0;
}
th input, td input {
  border: 1px solid white;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  padding: 1px;
  margin: 0;
  background: transparent;
}
th input {
  font-weight:bold;
  text-align:left;
}
th span {
  display:block;
}

td input {
  color:black;
  text-align:right;
}  
td input.error {
  color:black;
  text-align:right;
  
  /*border: 1px solid #f66; */
  padding: 1px;
  background-color: #fdd; /*#fcf;*/
  background-image: url("../images/error.png");
  background-position: center left;
  background-repeat: no-repeat;
}
td input.extra_credit {
  color:black;
  text-align:right;
  
  /*border: 1px solid #aaa;*/
  padding: 1px;
  background-color: #ef8; /*#fff;*/
  background-image: url("../images/star.png");
  background-position: center left;
  background-repeat: no-repeat;
}

.noedit {
  border:0;
  background:transparent;
  font-family:Arial,sans-serif;
  font-size:smaller;
  text-align:right
}

.title th {
  background-color:#aaa;
  text-align:center;
}
.title input{ text-align:center; }


.max th{
  background-color:#ddd;
  text-align:center;
}
.max td {
  background-color:#ddd;
}

/*Blackout or hide data rows*/
tr.hidden  td{background-color:#000;}
tr.hidden input.error, tr.hidden input.extra_credit {background-color:#000;background-image:none}
/*cancel hover effects on black out items*/
tr.hidden:hover td {background-color:#000}
tr.hidden td input:hover {background-color:#000}
tr.visible td{background-color:#fff;}

a img {
  border: 0
}

input.default {
  font-weight:bold
}


/* Dialogs */
.show_dialog {
  display:block;
  background:#eee;
  padding:1em;
  border: 1px solid grey;
  position:fixed;
  left:.5em;
  top:.5em;
  width:17em;  /*top:0em; left:0em;*/
}
.hide_dialog {display:none;}
input.txt {
  border: 1px solid #aaa;
  padding: 1px;
  margin: 0;
}

/* Hover Effects */
th span:hover {
  background-color: #aaa;
}
tr:hover th, tr:hover td {background-color:#ccc}
th input:hover, td input:hover {background-color:#aaa}

/* Select effects */
input.highlight {background-color:#ddd}
th input:focus, td input:focus, label input:focus {border:1px solid black;}


/* Paged media */
p  + h1 {page-break-before:always;}