@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    border: 0;
    color: black;
    background-color: white;
    font-family: sans-serif;
}
#logo {
    cursor: pointer;
}
#topnav {
    padding: 0.5em;
}
#topnav a.topnavlink {
   margin-left: 0.8em;
   display: inline-block;
   font-family: 'Oswald', 'Impact';
   cursor: pointer;
   font-size: 140%;
   color: inherit;
   text-decoration: none;
}

#topnav a.topnavlink:hover {
   background-color: #00AFDC;
   text-decoration: underline;
}

#topnav img {
   vertical-align: middle;
}
h1 {
    margin-top: 0;
    margin-bottom: 0;
}
a {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}
button {
    margin-top: 1ex;
}
progress {
    margin-right: 0.5em;
}
#loginoutstrip, #commonfooter {
    background-color: LightYellow;
    padding: 0.5ex;
}
#commonfooter a {
   margin-right: 0.5em;
   margin-left: 0.5em;
}
#copynote {
   float: right;
   color: rgb(30,30,30);
   font-style: italic;
   font-size: 90%;
   padding-right: 0.5em;
}
.errmessage {
    color: DarkRed;
}
#maindiv {
    padding: 0.5em;
}
#welcome {
    float: right;
}
input, label {
    font-size: 100%;
}
input[type=text], input[type=password], input[type=email] {
    color: black;
    background-color: white;
    font-family: sans-serif;
}
button {
    font-family: sans-serif;
    font-size: 100%;
}

#footernav {
    margin-top: 3ex;
}
.blank, .calculating {
    background-color: white;
}
.mcquestion {
    margin-bottom: 1.5ex;
}
.truefalselist {
    margin-right: 1em;
    margin-top: 1ex;
}
.truefalselist .answerarea {
    margin-top: 1ex;
}
.truefalselist .answerarea .tfform {
    display: inline-block;
}
.truefalselist li, .multchoicelist li, .argumentlist li, .longanswerlist li {
    margin-bottom: 3ex;
}
.longanswerlist textarea {
    padding: 1ex;
    width: 80%;
    height: 20ex;
}
.gotitright {
    background-color: rgb(200,255,200);
}
.gotitwrong {
    background-color: rgb(255,70,70);
}
.multchoicelist .gotitwrong label.correctchoice {
    color: white;
    font-style: italic;
    font-weight: bold;
}

.answersaved {
    background-color: LightYellow;
}
.partial {
    background-color: Plum;
    background: repeating-linear-gradient(
        45deg,
        rgb(220,255,220),
        rgb(220,255,220) 10px,
        rgb(255,140,140) 10px,
        rgb(255,140,140) 20px
    );
}
.argparagraph {
   padding: 0.5ex;
   margin-bottom: 0;
}
.argparagraph span:hover {
   cursor: pointer;
   background-color: #AAAAAA;
}
.argparagraph .chosen {
   text-decoration: underline;
    color: DarkBlue;
    font-style: italic;
}

.problemindicator {
    margin-top: 1ex;
    margin-bottom: 3ex;
    background-color: DarkGrey;
    color: white;
    padding: 2pt;
    text-transform: lowercase;
    font-variant: small-caps;
}

.setdiv {
    margin-top: 2ex;
    border: 1px solid grey;
    padding: 1ex;
}

#finalprogressdiv {
    margin-top: 3ex;
}

@media print {
   .noprint {
      display: none !important;
   }
   a, a:link, a:visited, a:active {
      text-decoration: none !important;
      color: inherit !important;
   }
}

@media screen {
   .noscreen {
      display: none !important;
   }   
}