body {
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    /* prevent copying answrs to google the answer*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

INPUT {
  display:inline;
  width: 30px;
}
input#theInput {
    width: 3em;
}
input#schoolURN {
    width: 6em;
    font-size: smaller;
}

theirName.INPUT {
  display:inline;
  width: 300px;
}
table.TD {
  border: solid 1px #000000;
  background-color: cyan;
  height: 25px;
  width: 125px;
  text-align: center
}
TD.header {
  border: solid 1px #000000;
  background-color: blue;
  text-align: center;
  color: white;
}
TD.origin{
  border: solid 1px #000000;
  text-align: center;
  background-color: white;

}
#popUpDiv {
  position : absolute;
  float: left;
  width: 100px;
  height: 25px;
  background-color: green;
  display:inline;
  color : white;
  visibility: hidden;
}
#theQ {
display:inline;
  color : white;
}
input.theirName {
    width: 15em;
}
#table td {
    width: 22px;
}

/* For staff */
td.ans.correct {
    background-color: green;
    color: white;
}

td.ans.missed {
    color: white;
    background-color: white;
}

td.ans.wrong {
    background-color: red;
    color: white;
}

td.d_file {
    width: 111px;
}

td.ans.unmarked {
    background-color: #FFF;
}
.one_pupil {
    border: 1px solid #F00;
    padding: 3px;
    margin: 3px;
    border-radius: 5px;
}

span.actual_mark {
    float: right;
    color: cornflowerblue;
    vertical-align: top;
    position: absolute;
    right: 2px;
}
span.correct_answer {
    vertical-align: bottom;
    position: absolute;
    bottom: 2px;
}

/* SATS Thingie */
table.sats_a {
    width: 18cm;
}

td.q_body, table.col_add {
    vertical-align: text-top;
    font-size: 28px;
}

tr.one_q {
    height: 2cm;
}

table.sats_a {
    border-collapse: collapse;
}

table.sats_a td {
    border: 1px blue solid;
    position: relative;
}

td.q_num {
    width: 10px;
    background-color: #00F;
    color: #FFF;
}
span.sign {
    display: inline-block;
    width: 11px;
    text-align: center;
    padding: 0px 6px;
}

td.mark, td.q_num {
    min-width: 45px;
    max-width: 45px;
    vertical-align: top;
    font-size: 26px;
}

table.fract_q td, table.col_add td {
    border: 0;
}

td.va, td.vb, td.vc, td.ans {
    text-align: right;
}

.ans_box {
    float: right;
    height: 100%;
    bottom: 10px;
}
.ans_box input[type="number"] {
    width: 6em;
    font-size: x-large;
    text-align: right;
}
input.answer_numerator, input.answer_denominator {
    width: 50px;
}
tr.saved {
    background-color: #90EE90;
}

/* minimal space: Show questions in as small as is reasonable*/
table.minimal_space td.q_num,
table.minimal_space td.q_body .question_d,
table.minimal_space td.q_body,
table.minimal_space table.col_add, table.minimal_space table.col_add tr {
    display:  inline;
}
table.minimal_space table.fract_q, /* nb6067 */
table.minimal_space span.ans_box,
table.minimal_space .fract_answers.ans_box,
table.minimal_space td.spacer,
table.minimal_space td.underline {
    display: none;
}
table.minimal_space td,
table.minimal_space table.col_add{
    font-size: 1em;
}
table.minimal_space .one_q {
    height: initial
}
table.minimal_space td.q_num {
    background-color: white;
    color: black;
    vertical-align: baseline;
}
table.minimal_space td.q_num:before {
    content: "Q"
}
table.minimal_space td.q_num:after {
    content: ") "
}
table.minimal_space tr.simple_numerator td,
table.minimal_space td.mf_numerator.a,
table.minimal_space td.mf_numerator.b {
    border-bottom: 1px solid black;
}
table.minimal_space tr.simple_numerator td.sign {
    border-bottom: none
}
/* end of minimal space */

/* Workings */
button.workings_trigger {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: xx-small;
}
table.workings td {
    border: 1px solid gray;
    width: 1em;
}

table.workings {
    border-spacing: 0;
    border-collapse: collapse;
}
table.workings input {
    border: 0;
    width: 100%;
}
/* End Workings */


/* Make borders rounded like misc/screenshots/missing_digits.png*/
table.rounded_td {
    border-collapse: separate;
}
table.rounded_td td {
    border: 1px solid gray;
    border-radius: 3px;
}
tr.underline_row td {
    border: none;
    border-bottom: 1px solid black;
}
table.rounded_td td.empty {
    border: none;
}
/* Style the input boxes embedded in tds for misc/screenshots/missing_digits.png  */
table.missing_columnar td > input {
    border: none;
    width: 1em;
    background-color: initial;
    text-align: center;
}
table.missing_columnar td > input.ans {
    background-color: antiquewhite;
}

/*Odd boxes for Mixed Fractions*/
/* Mixed Fractions Questions*/
table.mf_question {
    font-size: inherit;
}
table.sats_a td.mf_int, table.sats_a td.mf_numerator,
table.sats_a td.mf_denominator, table.sats_a td.sign {
    border: none;
    background-color: none;
    text-align: center;
}
table.sats_a td.mf_numerator {
    border-bottom: 1px solid black;
}

/* Mixed Fractions Answers*/
.fract_answers { /* because the border for others is the input box, and this is similar */
    border: 1px solid #8080808c;
}
input.mf_answer_int{
    text-align: right;
    background-color: beige;
    border: none;
}
table.sats_a .mf_answer_int,
table.sats_a .mf_answer_denominator,
table.sats_a .mf_answer_denominator input,
table.sats_a .mf_answer_numerator,
table.sats_a .mf_answer_numerator input{
    border: none;
}
table.sats_a input.answer_int {
    border:none;
    text-align: right;
    height: 3em;
    font-size: larger; /* To emphasise it is a different unit */
}

table.sats_a .mf_answer_numerator {
    border-bottom: 1px solid black
}

/* Long Divison */
div.long_div_outer {
    padding-top: 5px;
}
span.long_div_b {
    padding-right: 6px;
}
span.long_div_a {
    border-left: 2px solid black;
    border-top: 2px solid black;
}


/* Staff version of answers*/
table.pup_test_answers {
    border: 1px solid red;
    border-collapse: collapse
}

table.pup_test_answers td{
    border: 1px solid red;
    text-align: center
}

table.pup_test_answers tr {
    height: inherit;
    font-size: small;
}

table.pup_test_answers td.q_body {
    font-size: inherit;
}

table.pup_test_answers td.q_num {
    font-size: inherit;
    max-width: 14px;
}
table.pup_test_answers span.their_answer {
    padding: 0px 2px;
    color: #F00;
}
tr.one_q.correct {
    background-color: #90EE90;
}
tr.one_q.skipped {
    background-color: #F5F5DC;
}
tr.one_q.wrong {
    background-color: red;
    color: white;
}

table.mult_table {
    border: 1px solid #008000;
    border-collapse: collapse;
}
table.mult_table td {
    width: 26px;
    text-align: center;
    border: 1px solid #008000;
}

/* Boxes */
div.mult_box table, div.mult_box table td, div.mult_box table th {
    border: 1px solid green;
    border-collapse: collapse;
    text-align: right;
}
div.mult_box table td, div.mult_box table th {
    width: 55px;
}
th.unit {
    color: #F00;
    font-size: xx-small;
}
.mult_box {
    position: absolute;
    left: 145px;
    background-color: #FFF;
}

/*Long div*/

table.long_div th.answer {
    text-align: right;
}

table.long_div {
    font-family: Courier;

}