html, body {
    margin: 0;
    padding: 0;
    background-color: #FFFFE0; /* approximating ANU off-white exam paper color  #FFFFCC; */
    font-family: Times, serif;
}

.progresscircleempty {
    width:10px;
    height:10px;
    border-radius:50%;
    font-size:10px;
    line-height:10px;
    text-align:center;
    background: #dddddd;
}

.progresscircledone {
    width:10px;
    height:10px;
    border-radius:50%;
    font-size:10px;
    line-height:10px;
    text-align:center;
    background:black; /* #dddddd; */
}

header.main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-color: #FFFFE0;
    opacity: 1;
    z-index: 2;
    text-align: center;
    padding: 0px;
}

header.progress {
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #FFFFE0;
    opacity: 1;
    z-index: 1;
    text-align: center;
    padding: 2px;
    -webkit-box-shadow: 0px 6px 10px rgba(100, 100, 100, 0.49);
    -moz-box-shadow:    0px 6px 10px rgba(100, 100, 100, 0.49);
    box-shadow:         0px 6px 10px rgba(100, 100, 100, 0.49);
}



.alnr { text-align: right; }
.alnc { text-align: center; }

/* exam front matter */
.examtitle { text-align: center; font-size: x-large; font-weight: bold; }
.examrules { text-align: center; font-size: large; font-style: italic; }
.examnotice { margin: auto; width:99%; padding:3px; border: 1px solid black; text-align: left; font-family: Helvetica, sans-serif; }
.examnotice2 { margin: auto; width:99%; padding:3px; border: 1px solid grey; color: grey; font-size: small; text-align: left; font-family: Helvetica, sans-serif; }
.examinfo { margin: auto; width:99%; padding:3px; border: 1px solid grey; color: grey; font-size: small; text-align: left; font-family: Helvetica, sans-serif; }

.qanchor {  /* ensure that when jumping to a question anchor the question is not obscured by the header */
    padding-top: 100px;
    margin-top: -100px;
}

/* top level */
.q0 { float: left; font-size: large; font-weight: bold;  } /* question */
.m0 { float: left; font-size: large; font-weight: bold;  } /* marks */
.t0 { float: left; font-size: large; font-style: italic; } /* theme of question */
.d0 {}  /* question description */

/* secondary question */
.q1 { float: left; font-size: large; font-weight: bold;  }  /* question */
.m1 { float: left; font-size: large;  } /* marks */
.t1 { float: left; font-size: large; font-style: italic;  } /* theme of question */
.d1 {}  /* question description */

/* tertiary question */
.q2 { float: left; font-size: large; font-weight: bold;  }  /* question */
.m2 { float: left; font-size: large;  } /* marks */
.t2 { float: left; font-size: large; font-style: italic;  } /* theme of question */
.d2 {}  /* question description */

/* render uml figures as large thumbnails */
.umlthumb {
    width: 50%;
    border: 1px dotted #000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
/*    margin: 10px 5px 0 0; */
}

table.progress {
    table-layout: fixed;
    border-width: medium;
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin-left: auto;
    margin-right: auto;
}
table.progress td {
    border-style: none;
    padding: 1px 5px 1px 5px;
    width: auto;
    text-align: center;
}

table.status {
    table-layout: fixed;
    border-width: medium;
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: darkgrey;
}

table.tf td {
    padding-right: 10px;
}

pre {
    background-color: #FFFFF8; /* approximating ANU off-white exam paper color  #FFFFCC; */
}
code {
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
    font-size: small;
}

input[type="text"],
textarea {
    width: 795px;
    padding: 0;
    border: 1px solid #ccc;
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
    font-size: small;
}

#content{
    margin:auto;
    width:800px;
    overflow:hidden;
    margin-bottom: 100px;
}

#exam {
    margin:auto;
    width:800px;
    right:0px;
}

.spacer{
    height:120px;
}