body { margin: 12pt 16pt 0pt 75px; }

.main-heading
{
 width: 100%;
}

.enter-form
{
 margin-top: 6pt;
 background: #333;
}

.head1
{
  font-size: 22pt;
  padding: 24px 0px 6px 0px;
  white-space: nowrap;
}

.head1-inline
{ 
  padding: 6px 0px 6px 0px;
  border-bottom: 1px dotted #6f94aa;
  border-top: 1px dotted #6f94aa;
}

.head1:hover
{ 
  /* color: #ddc95d; */
  cursor: default;
}

.head2
{
  letter-spacing: .1em;
  font-size: 14pt;
  font-family: "Trebuchet MS";
  padding: 22pt 0pt 0pt 4pt;
  white-space: nowrap;
}

.m-copy
{
  margin: 4pt 0pt 5pt 4pt;
  width: 500px;
  line-height: 1.4em;
}

.plan
{
  margin: 0pt 60pt 12pt 16pt;
}

.navigation
{
  text-align: left;
  font-size: 9pt;
  font-family: Helvetica, Arial, sans-serif;
  color: #999 ! important;
  margin-top: 30pt;
}

.product
{
  color: #6f94aa;
}

#ima
{ 
  color: #6f94aa;
}

.sign-in-heading
{
  padding-bottom: 10pt;
  background-color: transparent;
  color: #ddc95d;
  font-size: 9pt;
  cursor: default;
}

.enter-form
{
  /* border: 1px dotted #b0a14c; */
  border: none;
  padding: 4pt;
  background: black;
}

.form-label
{
  color: #6f94aa; 
  font-size: 9pt;
  cursor: help;
}

.challenge-label:hover
{ 
  color: #f6ff62;
}

.field
{ 
  color: white;
  background: #666;
  border: none;
  padding: 3pt;
  margin: 0pt;
}

.submit-button
{ 
  border: 1px solid #6f94aa;
  background-color: transparent;
  color: #6f94aa;
  padding: 1pt;
}

.submit-button:hover
{ 
  /* background-color: #222; */
  border: 1px solid #f8ef61;
  color: #f8ef61;
}

.login-error
{
  color: yellow;
  font-size: 1.2em;
}

#question
{ 
  font-size: 10pt;
  color: #35c694;
}

#signout-link
{
  color: #ddc95d ! important;
  border-bottom: 1px dotted #666;
  padding-bottom: 3px;
}

#signout-link:hover
{ 
  color: yellow ! important;
  border-color: #999;
}