/* CSS common to all public HTML pages in Exam site */
/* Copyright (c) 2018 HanoverSoft */


.menu-normal {
    color: white;
    background-color: red;
    width: 100;
    text-decoration: none;
}
.menu-selected {
    color: red;
    background-color: white;
    width: 100;
    text-decoration: none;
}
.menu-table td {
	border: 1px solid black;
}
.trailer-table {
    width: 600;
}

p {
    margin-left: 1em;
    margin-right: 1em;
}

.label {
    clear: left;
    width: 35%;
    float: left;
    text-align: right;
    margin-right: 1em;
}

.textinput {
    width: 10em;
    float: left;
}

.page_title {
    color: white;
    background-color: red;
    font-size: 125%;
    width: 600px;
}

.box {
    background-color: lightgreen;
    border: 1px black solid;
    padding-top: 2em;
    padding-bottom: 1.5em;
    margin-top: 1em;
    margin-left: 10%;
    width: 40%;
    border-radius: 1em;
    clear: left;
}

.gobutton {
    width: 6em;
    margin-left: 1em;
    float: left;
    color: white;
    background-color: green;
    border-radius: .5em;
}

.qbox {
    background-color: lightgreen;
    border: 1px black solid;
    padding-top: .5em;
    padding-bottom: 1.5em;
    margin-top: 1em;
    margin-left: 10%;
    width: 80%;
    margin-bottom: 1em;
    border-radius: 1em;
    clear: left;
}

.rbox {
    background-color: lightgreen;
    border: 1px black solid;
    padding-top: .5em;
    padding-bottom: .5em;
    margin-top: 1em;
    margin-left: 10%;
    width: 80%;
    margin-bottom: 1em;
    border-radius: 1em;
    clear: left;
}

.pickoption {
    width: 2em;
    margin-left: 1em;
    margin-right: 1em;
    float: left;
    color: white;
    background-color: green;
    border-radius: .5em;
}

.pickedoption {
    width: 2em;
    margin-left: 1em;
    margin-right: 1em;
    float: left;
    color: black;
    background-color: white;
    border-radius: .5em;
}

.prevbutton {
    width: 8em;
    margin-left: 1em;
    float: left;
    color: white;
    background-color: green;
    border-radius: .5em;
}

.nextbutton {
    width: 6em;
    margin-left: 1em;
    float: left;
    color: white;
    background-color: green;
    border-radius: .5em;
}

.resetbutton {
    width: 8em;
    margin-left: 1em;
    margin-right: 1em;
    color: white;
    background-color: green;
    border-radius: .5em;
    display: inline;
    float: inherit;
    clear: none;
}

.error {
    color: red;
}

.yay {
    color: green;
    text-align: center;
    font-size: 150%;
    border: 1px black solid;
    padding-top: 1em;
    padding-bottom: 1em;
}

.tryagain {
    color: red;
    border: 1px black solid;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.exampass {
    color: green;
    text-align: center;
}

.examretake {
    color: red;
    text-align: center;
}

.exam-email {
}
.exam-name {
    padding-left: 1em;
}
.exam-completed {
    text-align: center;
}
.exam-grade {
    text-align: center;
}
.exam-status {
    text-align: center;
}

.logoff {
    border-radius: .5em;
    background-color: lightgreen;
    float: right;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: .5em;
    padding-right: .5em;
    margin-right: 2em;
}