body
{
  background-color: white;
  background-image: url(background.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

body, div, p, textarea, input
{
  font-family: "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
  font-size: 12pt;
  color: black;
}

p
{
  margin: 1pt 1pt 1pt 1pt;
}

#progress
{
  width: 300px;
  height: 20px;
  padding: 1px 1px 0 1px;
  margin: 0 0 0 0;
  border: 1px solid #464646;
  text-align: left !important;
  visibility: hidden;
}

#progressbar
{
  height: 19px;
  width: 0;
  background-color: #007FFF;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#status, #bogus, #progress
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#bogus b
{
  font-size: 150%;
  font-weight: bold;
  color: red;
}

#status
{
  width: 100%;
  margin: 10px 0 10px 0;
}

#bogus
{
  width: 300px;
  height: 20px;
  font-size: 8pt;
  text-transform: uppercase;
}

p.intro
{
  text-align: justify;
}

h3.list
{
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1pt;
  font-size: 12pt;
}

span.list
{
  font-size: 10pt;
  font-variant: small-caps;
}

#result
{
  margin-top: 20px;
  width: 100%;
}

#tip
{
  width: 100%;
  margin-top: 20px;
  color: #228b22;
}

#nudge
{
  width: 100%;
  margin-top: 10px;
  visibility: hidden;
  opacity: 0.0;
  filter: alpha(opacity=0);
}

#result big em
{
  font-size: 24pt;
}

#result em
{
  color: #007FFF;
  font-size: 16pt;
}

#result strong
{
  color: #FF2400;
}

#error
{
  color: #FF2400;
  font-weight: bold;
}

#container
{
  text-align: center;
}

#content
{
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}

#controls
{
  width: 97%;
  text-align: right;
}

#input
{
  width: 100%;
  color: #464646;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#leftcolumn
{
  float: left;
  width: 270px;
}

#rankingtable
{
  text-align: center;
  margin-top: 20px;
}

td
{
  vertical-align: top;
}

span[onclick], #controls a, a.blue
{
  font-size: 10pt;
  color: #007FFF;
  letter-spacing: 1px;
  cursor: pointer;
  text-decoration: none !important;
}

span[onclick]:hover, #controls a:hover, a.blue:hover
{
  text-decoration: underline !important;
}

input#analyze
{
  width: 100px;
  margin-left: 20px;
}

#footer
{
  margin-top: 40px;
  font-size: 10pt;
  color: #464646;
}

a {
  text-decoration: none;
  color: #464646;
}

a:hover {
  text-decoration: underline;
}

#referral
{
  margin-top: 30px;
  color: #228b22;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#referral a
{
  color: #007FFF;
  text-decoration: underline;
}

#referral a:hover
{
  color: #FF2400;
}

.blue, th
{
  color: #007FFF;
  font-weight: bold;
}

#gray, #gray2
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  display: none;
}

#feedback, #sending
{
  position: absolute;
  background-color: white;
  display: none;
  width: 400px;
  border: 1px solid black;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 5px 5px 5px;
}

#sending
{
  width: 200px !important;
  text-align: center;
}

th
{
  text-align: left;
}