body { background-color: rgb( 255,255,255); font-family: sans-serif; }
table { border: none; border-spacing: 0px; }
.tries1 { color: rgb( 190, 190, 190); }
.tries2 { color: rgb( 180, 180, 180); }
.tries2 { color: rgb( 170, 170, 170); }
.tries3 { color: rgb( 160, 160, 160); }
.tries4 { color: rgb( 150, 150, 150); }
.tries5 { color: rgb( 140, 140, 140); }
.tries6 { color: rgb( 130, 130, 130); }
.tries7 { color: rgb( 120, 110, 120); }
.tries8 { color: rgb( 110, 110, 110); }
.tries9 { color: rgb( 100, 100, 100); }
.tries10{ color: rgb( 90, 90, 90); }
.tries11{ color: rgb( 80, 80, 80); }
.tries12{ color: rgb( 70, 70, 70); }
.tries13{ color: rgb( 60, 60, 50); }
.tries14{ color: rgb( 50, 50, 50); }
.tries15{ color: rgb( 40, 40, 40); }
.tries16{ color: rgb( 30, 30, 30); }
.tries17{ color: rgb( 20, 20, 20); }
.tries18{ color: rgb( 10, 10, 10); }
.tries19{ color: rgb( 0, 0, 0); }
.row0 { background-color: rgb( 220,240,255); }
.row1 { background-color: rgb( 255,255,255); }
#attempts { padding: 10px; border: none; min-width: 90px;  margin-top: 0px; }
.summary { padding: 10px; border: none; margin-top: 0px; }
#summary { padding: 0px; border: none; border-spacing: 0px; width: 100% }
a{ color: blue; text-decoration: none; }
table.overview{ border: none; border-spacing: 0px; width: 100%; }
tr.overview{ height: 30px; }
td.overview{ min-width: 70px; text-align: center; }
.name{ text-align: left; }
td>img{ border: thin solid white; width: 100%; }
img.speedgraph { border: thin solid white; width: 700px; }
img.accuracygraph { border: thin solid white; width: 700px; }
img.speedscale { border: thin solid white; width: 39px; height: 100px; }
img.accuracyscale { border: thin solid white; width: 39px; height: 100px; }
.attempt_summary {}
.when { width: 200px; }
#container { margin-left: auto; margin-right: auto; width: 980px; border: thin solid none; 
	background-color: rgb( 240, 240, 240 ); 
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 50px;}
#summary{ width: 100%; }
.menu { text-decoration: underline; color: blue; }
#roster{ width: 400px; }
#tryagain { float: right; background-color: rgb( 200,255,200); padding: 5px; margin-top: 10px; border: thin solid green; display: none;}
#tryagain>a{ font-weight: bold; font-size: 16pt; }
#incorrect { 
		
	}
.prompt{ width: 70px; text-align: center; }
#teacherhelp{ float: right; text-align: right;}
#teacherhelp>a{ text-decoration: underline; color: blue; }
#footer { font-size: 8pt; text-align: center; border-top: thin solid black;}
#menuright { float: right; width: 300px; overflow: auto; max-height: 560px; }
#todaysattempts { width: 100%; border: thin solid black; padding: 5px; margin-bottom: 10px;}
#fastestattempts { width: 100%; border: thin solid black; padding: 5px; }
.accuracyimg, .speedimg { border: thin solid #bbbbbb; margin: 2px; }

.improved { color: green }
.needsword { color: red }

.problemTitle { font-weight: bold; }
.solutionTitle { font-weight: bold; }

.optable { border: thin solid gray; }
.opcelltitle{ text-align: center; font-weight: bold; border: thin solid grey; }
.opcell { border: thin solid gray; width: 20px; text-align: center; }
.cellgoal0 { background-color: rgb( 255, 255, 255 ); color: rgb( 255, 255, 255 ); }
.cellgoalpast0 { border-color: rgb( 255, 255, 255 ); border-width: 2px; }
.cellgoalpast0 { border-color: gray; border-width: 2px; }
.cellgoal1 { background-color: rgb( 0, 255, 0 ); color: rgb( 0, 255, 0 ); }
.cellgoalpast1 { border-color: rgb( 0, 255, 0 ); border-width: 2px; }
.cellgoal2 { background-color: rgb( 0, 0, 255 ); color: rgb( 0, 0, 255 ); }
.cellgoalpast2 { border-color: rgb( 0, 0, 255 ); border-width: 2px; }
.cellgoal3 { background-color: rgb( 255, 0, 0 ); color: rgb( 255, 0, 0 ); }
.cellgoalpast3 { border-color: rgb( 255, 0, 0 ); border-width: 2px; }
.cellgoal4 { background-color: rgb( 0, 0, 0 ); color: rgb( 0, 0, 0); }
.cellgoalpast4 { border-color: rgb( 0, 0, 0 ); border-width: 2px; }