@charset "utf-8";
body { font-family:Arial, Helvetica, sans-serif; color: black; background-color: white;  margin-top: 0; padding-top: 0; }
.instructions { color: #ff6633; margin: 50px 200px 0 12px;}
.instructionNote { color: #ff6633; margin: 0 200px 0 12px; font-size: 80%; }
.instructionNote:before { content: '! '; font-weight: bold; font-size: 200%; color: teal; }
.instructionHint { color: #ff6633; margin: 0 200px 0 12px; font-size: 80%; }
.instructionHint:before { content: 'ℹ '; font-weight: bold; font-size: 200%; color: #ff6633; }
.prerequisites { color: gray; font-size: 90%; background-color: #AAA; color: white; margin: 0; padding: 3px; border-left: 5px solid orange; margin-right: 200px;  }
.assertion { color: #ff6633;  color: teal; font-size: 14px; font-family:Verdana, Geneva, sans-serif; }
.description { font-size: 80%; margin: 7em 200px 0em 40px; }
.test { margin: 10px; margin-right: 200px; padding: 5px; clear: both; }
.ref { border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; }
.notes { color: #aaa; margin-top: 3em; }
.nexttest {  position: absolute; top:5px; right: 10px; font-size: 20px; line-height: 20px; margin:0;  text-align: right; }
.nexttest a:link { color:teal; text-decoration:none; }
.nexttest a:visited { color:teal; text-decoration:none; }
.nexttest a:active { color:teal; text-decoration:none; }
.title { margin: 0 0 0 10px; font-weight: bold; }
.doctype { color: #BBB; font-size:60%; }
.instructionsymbol { float: left; }
.instructionsymbol img { margin:0; padding:0; }
.orangesymbolexpl { color: orange; font-weight: bold; font-size: 120%; }

.jump { text-align: right;  font-size: 60%; color: #aaa; }
.jump a:link { color:teal; text-decoration:none; }
.jump a:visited { color:teal; text-decoration:none; }
.jump a:active { color:teal; text-decoration:none; }


#result { height: 50px; width: 100px; color: white; font-size: 20px; margin: 10px; padding: 5px; border-radius: 7px; text-align: center; vertical-align: middle; line-height: 40px;  }
#result.pass { background-color: #00FF00; }
#result.fail { background-color: #FF0000; }
#result.undefined { background-color: #FF0000; }
 

/* SUMMARY TABLE */
#summary { display: none; }
#results th { display: none; }
#log h2 { display: none; }
#log table#results th:last-child,
#log table#results td:last-child {
    display: none;
	}
table#results.assertions th:last-child,
table#results.assertions td:last-child {
    display: none;
	}

#log table#results {
    width:200px; height: 80px; margin-left: 10px; margin-top: 10px; 
	}

table#results td:first-child {
    width: 100px;
	}

#log table#results td {
    padding:0.5em;
    padding-bottom:0.5em;
    border-bottom:0;
	}

tr.pass > td:first-child { color:black; background-color: #00FF00; }
tr.fail > td:first-child { color:white; background-color: red; }
tr.timeout > td:first-child { color:white; background-color: red; }
tr.notrun > td:first-child { color:white; background-color: blue; }

#log .pass > td:first-child, #log .fail > td:first-child, #log .timeout > td:first-child, #log .notrun > td:first-child {
    font-size: 25px; font-variant:normal; color: white; border-radius: 10px; width: 100px; 
	}
/* END OF SUMMARY TABLE */


.expltest { color: orange; }


.prereq { color: gray; font-size: 12px; background-color: #AAA; color: white; margin: 0; padding: 3px; border-left: 5px solid orange; width: 150px; text-align: left; float:right;  }
.prereq { color: gray; background-color: white; font-size: 12px; margin: 0; margin-top: 30px; padding: 5px; border-left: 5px solid orange; border-right: 5px solid orange; width: 150px; text-align: left; float:right; border-radius: 5px;  }
.prereq ul { margin: 0; margin-left:15px; padding: 0;  }
.prereq li { margin:0; padding: 0; }
.assert { color: teal; background-color: white; font-size: 12px; margin: 0; margin-top: 30px; padding: 5px; border0; width: 150px; text-align: left;  }