body { font-family:verdana,arial,sans-serif; background:white; color:black; }

h1 { max-width:800px; margin:0 auto; padding-top:.25em; line-height:100px; color:black; background-color:#ddd; margin-bottom:.1em; }
h1 img { margin:.25em; margin-right:1em; vertical-align:middle; }

#breadcrumbs { color:white; background-color:black; margin-bottom:0.5em; } 
#breadcrumbs .bc { display:inline-block; margin:0.25em; }
#breadcrumbs .bc_current { color:#0f0; font-weight:bold; }

form { max-width:800px; margin:0 auto; }

div.error { margin-top:1em; padding:0.25em; border:1px solid #600; background-color:#fdd; color:#600; font-weight:bold; border-radius:0.25em; }

label { position:relative; top:0; display:block; height:1.5em; background-color:#ccc; padding:0.25em 0.5em; margin-bottom:.25em; }
label input,
label select { position:absolute; right:0.25em;top:0.25em; }

table { border-collapse:collapse; border-bottom:0.25em solid white; width:100%; }
tr { height:2em; background-color:#999; }
tr+tr { background-color:#ccc; border-top: .25em solid white; }
td { padding: 0 0.5em; }
td input.number { width:5em; text-align:right; }
th { background-color:#999; }
th[colspan] { background-color:#333; color:white; }

tr.isactive { background-color:#cfc; }
tr.isadmin  { background-color:#fcc; }
tr.issuper  { background-color:#ffc; }
tr.isdelete { background-color:#ccc; opacity:0.5; }

/* Supervisors page */
div.user { }
div.user select { position:absolute; right:0.25em;top:0.25em; }
div.user .head { position:relative; top:0; display:block; height:1.5em; background-color:#ccc; padding:0.25em 0.5em; margin-bottom:.25em; }
div.user .supervisees { padding-left:2em; }
div.user div.user div.head { background-color:#ddd; }
div.user div.user div.user div.head { background-color:#eee; }
