html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font: inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
iframe{opacity:0.65;display:block;margin:0 auto;}

th {font-weight: bold;}
td {padding:1px; vertical-align:middle;}
h1 { text-align:center; color:#aaa; font-size:200%; font-weight:bold; margin:0.5em; padding:20px;}
html{ background-color: #000; font-family: georgia; font-size:10pt; width:1000px; height:750px; margin: 0 auto; position:relative; overflow-y:scroll;}	
body { width:1000px; height:750px; position:absolute; background-image: url('background.jpg'); background-repeat: no-repeat; position:absolute;}
.question {
  font-family: georgia;
  text-align:left;
  padding:10px;
  text-shadow: 0px 0px 3px #888;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.6);
}

.start {
  -webkit-box-shadow:inset 0px 1px 5px 0px #331e33;
  box-shadow:inset 0px 1px 5px 0px #331e33;
  background:linear-gradient(rgb(3,170,241),rgb(1,116,170));
  -webkit-border-radius:15px;border-radius:15px;-khtml-border-radius:15px; 
  border:0; color:#ffffff;font-size:15px;font-weight:bold;padding:6px 24px;text-shadow:0px 0px 3px #000;
}
p {
  padding-top:0.5em;
  padding-bottom:0.5em;
}
.main {margin:0 auto; margin-bottom:20px; text-align:center; border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border: 2px solid rgba(255,255,255,0.5); border-spacing:1px;  vertical-align:middle; padding:1px; width:800px;}
.bottomrow {background:rgba(0,0,0,0.6); padding:6px 8px 10px 8px; color:#ccc; line-height:28px;}
.toprow {background:rgba(0,0,0,0.6); color:white; padding:5px;}
.scaling{float:right; width:255px;}
.green{float:left; text-align:left; color:rgba(80,240,80,0.5);}
.yellow {color:rgba(240,240,80,0.5); padding-top:10px;}
.red {float:right; text-align:right;  color:rgba(240,80,80,0.5);}
.opt {width:35px;text-align:center;padding-bottom:5px;}
.optmini {width:22px;text-align:center;padding-bottom:5px;}
a {color:white;}
.A {background:rgba(80,240,80,0.5);}
.B {background:rgba(130,240,80,0.5);}
.C {background:rgba(190,240,80,0.5);}
.D {background:rgba(240,240,80,0.5);}
.E {background:rgba(240,190,80,0.5);}
.F {background:rgba(240,130,80,0.5);}
.G {background:rgba(240,80,80,0.5);}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.archetype {cursor:pointer;}
.hiddenuserinput {display:none; color:#333; font-style:italic;}