table { WIDTH:100%; HEIGHT:100% }
td { text-align:center; text-valign:middle }
img { width:256; height:153; border:0 }
h1 { color:rgb(255,255,255); FONT-SIZE:80px }
h4 { color:rgb(192,192,192); FONT-SIZE:12px; FONT-family:arial }
a { text-decoration:none; FONT-WEIGHT:bold }
a:hover { text-decoration:underline }

body.cover { background-color:#000000 }
body.cover a { FONT-SIZE:80px }
body.cover a.red { color:rgb(255,64,128) }
body.cover a.yellow { color:rgb(255,255,0) }
body.cover a.green { color:rgb(0,255,0) }
body.cover a.blue { color:rgb(64,255,255) }
body.cover a.purple { color:rgb(192,128,255) }
body.cover a:hover { color:rgb(255,255,255) }

body.open { background-color:#FFFFFF }
body.open a { color:rgb(0,0,0); FONT-SIZE:40px }
body.open a:hover { color:rgb(255,0,0) }
body.open a.done { color:rgb(192,192,192); FONT-SIZE:20px; FONT-family:arial; position:absolute; top:0px; right:5px }
body.open a.done:hover { color:rgb(255,128,128); text-decoration:none }

body.done { background-color:#C0C0C0 }