BODY {
    background-color: white; 
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
P.ASSIGNMENT {
    width: 600px;
    text-align: justify;
    line-height: 140%;
}
P.QUESTION {
    width: 600px;
    font-weight: bold;
    text-align: justify;
    line-height: 140%;
}
P.ANSWER {
    width: 600px;
    color:#330000;
}
DD.EXAMPLE {
    color:#333333;
    margin-left: 1em;
}
DT {
    color: #666699; 
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    }
H1 {
    color: #666699; 
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
H2 {
    color: #666699; 
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
H3 {
    color: #666699; 
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
H4 {
    color: #666699; 
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
TD.SCORE {
    color: #FF9999; 
    text-align: right;
    }
TD.NOT_REGRADED {
    background-color: #CCCCFF;
    font-weight: bold; 
    }
TD.BAD_SCORE {
    color: #FF0000; 
    text-align: right;
    }
TD.VERTICAL_LINE {
    background-color: #666699; 
    }
TD.LEFT {
    background-color: #CCCCFF; 
    text-align: right;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: small;
    }
TD.RIGHT {
    /*background-color: #CCCCFF; */
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: small;
    }
TD.H3 {
    background-color: #EEEEEE; 
    font-weight: bold; 
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
TD.H2 {
    background-color: #CCCCFF; 
    font-weight: bold; 
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
/*
 * Links.  Don't underline them. 
 * For links on the left pane (the TOC), highlight them when hover.
 * No point changing their color when visited.  (visited must come
 * before hover)
 */
A.TOC { 
    text-decoration: none;
    color: #333399;
}
A.TOC:visited {
    color: #333399;
}
A.TOC:hover {
    color: #6666cc;
}

/*
 * This is the main header.  
 */
TD.H1 {
    background-color: #666699; 
    border-bottom: #000033 1px solid; 
    border-left: #CCCCFF 1px solid; 
    border-right: #000033 1px solid; 
    border-top: #CCCCFF 1px solid; 
    text-transform: uppercase;
    color: white; 
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    letter-spacing: 2.5pt;
    }

/*
 * This is the big-red version of the header (used for error)  
 */
TD.H1ERROR {
    background-color: #CC3333; 
    border-bottom: #000033 1px solid; 
    border-left: #CCCCFF 1px solid; 
    border-right: #000033 1px solid; 
    border-top: #CCCCFF 1px solid; 
    text-transform: uppercase;
    color: white; 
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    letter-spacing: 2.5pt;
    }

/*
 * These two corresponds to data rows in a table.
 */
TR.TABLEROW1 {
    background-color: #ffffee;
    color:black;
}
TR.TABLEROW2 {
    background-color: #ffffff;
    color:black;
}

/*
 * This is used for headers in a table.
 */
.COLHEAD {
    background: #CCCCCC; 
    border-bottom: #999999 1px solid; 
    border-left: #FFFFFF 1px solid; 
    border-right: #999999 1px solid; 
    border-top: #FFFFFF 1px solid; 
    color: black; 
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

/*
 * These are used to show grading items in editing/viewing homework details.
 */
/* Question 1, Question 2.. */
TR.HWH1 {
    background-color: #666699;
    font-weight: bold;
    color: white;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
/* Section (Correctness, Efficiency ..) */
TR.HWH2 {
    background-color: #ccccff;
    font-weight: bold;
    color: black;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
/* Description */
TR.HWD2 {
    background-color: #ddddff;
    color: #333366;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
TR.HWITEM {
    background-color: #ffffff;
    color: black;
}


TD.LINKS {
    background-color: #666699; 
    color: white; 
    text-align: right;
    font-size: smaller;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
A.LINKS:visited { 
    color:white; 
    }
A.LINKS:link { 
    color:white; 
    }
A.LINKS:active { 
    color:white; 
    }
A.LINKS:hover { 
    color:white; 
    }
TT {
    color:#996666;
}
PRE {
    color:#663333;
}

TR.H1 {
	background-color: #ddddff;
	color:black;
}

TR.H2 {
	background-color: #eeeeee;
	color:black;
}


TR.BG {
	background-color: #aaaaaa;
	color:white;
}

TD.NAME {
	color:#003333;
	text-transform: capitalize;
}

TD.SCORE {
	color:#660000;
}

TR.REASON {
	background-color:#ffffdd;
	color:#660000;
}

/* This is used for the right column of the home page.  Since
 * we have very little space,  I set the indentation to a small
 * value.
 */
BLOCKQUOTE.RIGHT {
	margin-left: 1em;
}

.LATE {
	background-color:#ffdddd;
}
.VERYLATE {
	background-color:#ff9999;
}
.TOOLATE {
	background-color:#CCCCCC;
}