body {
  font-family: Verdana, Geneva, Helvetica, Arial, sans serif;
}

#log { margin-top: 20px; }

.clear { clear: both; }

p { margin: 0.25em 0; line-height: 135%; }
h3 { margin: 1em 0 0.5em 0; }

/* ---------- Footer ---------- */
#footer {
  border-top: 1px solid #ddd;
  font-size: 0.7em;
  padding-top: 3px;
  margin-bottom: 10px;
  color: #738389;
}

#footer a, #footer a:visited {
  text-decoration: none;
  color: #738389;
}

#footer a:hover { text-decoration: underline; }


/* ---------------- form ----------------- */
.login .intro { margin-bottom: 10px; }

.login table, .profile table {
  width: 100%;
}

.login td, .profile td {
  vertical-align: top;
  padding-bottom: 10px;
}
.login .help, .profile .help {
  font-size: 70%;
  color: #8585b9;
  padding-left: 10px;
}

.login .help p, .profile .help p { margin: 0; }

.login .label, .profile .label, .login label {
  width: 8em;
  font-weight: bold;
  font-size: 90%;
  color: #00489c;
}

.profile .label { width: 10em; }

.login .remember_me input { padding-top: 20px; }
.login .remember_me label {
  font-size: 80%;
}

.login input, .profile input, .profile select {
  font-weight: bold;
  color: #333;
  padding: 1px;
}

.login input.focus, .profile input.focus {  background-color: #d0e5fa; }

.login .title {
  color:#000063;
  font-weight:bold;
  margin:20px;
  margin-left:0px;
}

.login #registered_user {
  background: transparent url('images/User Group 1 48 h p8.png') top left no-repeat;
  float: left;
  width: 20em;
  margin-right: 5%;
}

.login #new_user {
  background: transparent url('images/Add User 3 48 h p8.png') top left no-repeat;
  float: left;
  width: 20em;
}

.login #registered_user h3, .login #new_user h3 {
  padding-left: 50px;
  padding-bottom: 1em;
}

.login .help { display: none; }

.profile #intro {
  background: transparent url('images/User 3 48 h p8.png') top left no-repeat;
}

.profile #intro h3 {
  padding: 0.5em 0 0.5em 50px ;
}
/* ---------- Results page ---------- */
.print_only { display: none; }

.header2 {
  margin: 5px 0;
  width: 100%;
  border-collapse: separate;
}
.header2 .title {
  font-weight: bold;
  margin-top: 0;
  text-align: left!important;
  padding-bottom: 5px;
  border-bottom: 1px solid darkblue;
}
.results #user td { width: 50%; }

.results .simple_profile { display: none; }

.simple_profile table { width: 100%; border-collapse: collapse; }
.simple_profile td { width: 50%!important; }
.simple_profile .caption {
  font-size: 8pt;
  padding: 2px 5px!important;
}
.simple_profile .value {
  padding: 2px 5px!important;
  border-bottom: 1px solid #ddd;
}

.results .analysis h4 {
  background: transparent url('images/Pin Yellow 32 h p8.png') top left no-repeat;
}
.results .advice h4 {
  background: transparent url('images/Light Bulb On 32 h p8.png') top left no-repeat;
}

.results .advice h4, .results .analysis h4 {
  padding: 8px 0 8px 45px;
  margin: 10px 0;
}

.buttons {
  margin: 20px 0;
  text-align: center;
}

.buttons a, .buttons a:visited, .buttons a:link {
  text-decoration: none;
  padding: 10px 5px 10px 35px;
  margin-right: 20px;
}

.buttons a.print {
  background: transparent url('images/Printer 32 n p8.png') top left no-repeat;
}
.buttons a.print:hover {
  background-image: url('images/Printer 32 h p8.png');
}

.buttons a.redo {
  background: transparent url('images/Redo 32 n p8.png') top left no-repeat;
}
.buttons a.redo:hover {
  background-image: url('images/Redo 32 h p8.png');
}
.buttons a.start {
  background: transparent url('images/Right Arrow 32 n p8.png') top right no-repeat;
  padding-right: 35px!important;
  padding-left: 5px!important;
}
.buttons a.start:hover {
  background-image: url('images/Right Arrow 32 h p8.png');
}

/* ---------- Other styles  ---------- */
div.error {
  background-color: #ff9486;
  border: 2px solid red;
  padding: 10px;
  margin: 10px 0;
}
tr.error { background-color: #ff9486; }

.error h3 { margin: 5px 0 }

.error p { margin: 0; }

input.error { background-color: #ff9486; visibility: visible; }

@media print {
  body {
    font-family: Verdana, Geneva, Helvetica, Arial, sans serif;
    width: 760px;
    margin: 20px auto;
  }

  #menu { display: none!important; }

  #footer {
    position: fixed;
    bottom: -5mm;
    left: 0pt;
    border: none!important;
    font-size: 9pt!important
  }
  #log { display: none!important; }
  .buttons { display: none!important;}
  .print_only { display: block; }

  #header {
    width: 100%;
    margin: -8px auto 0px auto;
  }

  #header .top div  {
    position: relative;
    left: -4px;
  }

  #header .top   {
    position: relative;
    left: 2px;
  }

  #header .bottom div   {
    position: relative;
    left: -4px;
  }
  #header .bottom   {
    position: relative;
    left: 2px;
    top: 2px;
  }
  .results { font-size: 10pt; }
  .results .simple_profile { display: block!important; }
  .results .advice h4, .results .analysis h4 {
    background: transparent none!important;
    padding-left: 0!important;
  }
}