article.css

body{
  background-color: #444 ;
  font-family: myriad, verdana, sans-serif;
  line-height:1.3;
}

div#container
{
  position:absolute;
  top:0px;
  bottom: -0px;
  left:0px;
  right:0px;
  overflow:auto;
}

div#article
{
  font-size: 10pt;
  color: #fff;
  background-color: #111;
  margin:0px auto;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 10px;
  /* size of article */
  max-width: 800px;
  text-align: left;
}


canvas#webviewer_canvas
{
  border: none;
  margin:0px auto;
}

div#webviewer_error
{
  width: 100%;
  background: #f54;
  font-family: Fixed, monospace;
}

th.left
{
  font-family:"Zapfino",serif;
}
th.right
{
  font-family:"Noteworthy-Bold",serif;
}

td
{
  border: none;
}

a
{
  color: #79F;
}

a.submit:hover, a.submit:focus
{
  color: #000;
}

a.submit
{
  font-size: 200%;
  text-decoration: none;
  color: #333;
}

ul
{
  padding-left: 20px;
}

li
{
  padding-top: 10px;
  padding-bottom: 10px;
}

h1
{
  font-weight:normal;
  font-size: 200%
}

h2
{
  font-weight:normal;
  font-size: 175%
}


h3
{
  font-weight:normal;
  font-size: 150%;
}

p
{
  margin-top: 10px;
  margin-bottom: 10px;
}

div.submit
{
  background-color:#bbb;
  text-align:left;
  border:3px solid #555;
  padding-top: 5px;
  padding-bottom: 10px;
}

div.submit:hover
{
  background-color:#999;
}

div.submit:active
{
  background-color:#777;
}

div.error
{
  background-color:#f54;
}

#fixed_sidebar
{
  position:absolute;
  top:10px;
  left:10px;
  right:0px;
  overflow:hidden;
  width:200px;
  z-index:100;
}

img.center
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

table.no_border
{
  border-spacing:0;
  border-collapse:collapse;
}

td {
      border-left:none;
      border-right:none;
}

.missing
{
  background-color: #Fba;
}
select.missing
{
  background-color: #F54;
}

p.light
{
  color: #777;
}

div.question
{
  text-align: center;
}

div.figure
{
  border: 1px solid #888;
  margin: 3px;
  background-color: #111;
  padding: 5px;
  text-align: center;
  display: inline-block;
}

img.candidate
{
  height: 250px;
  border: 4px solid #111;
}

img.candidate:hover, img.candidate:focus
{
  border: 4px solid #888;
}

img.drawing
{
  vertical-align:middle;
  height: 100px;
  border: 1px solid #888;
  margin-bottom: 4px;
}

div.which
{
  display: inline-block;
  text-align: left;
  margin-left:auto;
  margin-right:auto;
}

div.submit_container
{
  color: default;
  background-color: #FFF;
}

/* be sure that button text is readable with black background */
button
{
  color: black;
}

div.candidate_radio_container
{
  display: absolute;
  top: 0px;
  left: 0px;
}