/**
 * HTML Tags
 */

A, A:link, A:active, A:visited, A:hover {
  color: #ffffff;
  text-decoration: underline;
}

A:hover {
  color: #ffffff;
}

BODY {
  background: #244747 url('/images/bgs/body.gif') top center repeat-x;
  color: #444444;
}

H1, H2, H3, H4, H5, H6 {
  font-family: 'Arial Narrow',Arial,Helvetica,sans-serif;
  color: #ffffff;
  font-weight: bold;
}

H1 {
  font-size: 60px;
  line-height: 60px;
}

H2 {
  color: #66cccc;
  font-size: 30px;
  line-height: 30px;
  margin-top: -8px;
}

HR {
  height: 1px;
  border: 0px;
  border-top: 1px solid #e2e1dd;
}

IMG {
  border: 0px;
}

P {
  margin: 16px 0px;
}

#content P {
  margin-top: 0px;
}


/**
 * Container
 */

#container {
  background: #ffffff url('/images/bgs/body.gif') repeat-x;
}


/**
 * Main
 */

#main {
  background: #336666 url('/images/bgs/whats-your-lendability/main.gif') center top no-repeat;
  color: #ffffff;
}

#main .wrapper {
  width: 940px;
}

#main #progress {
  height: 70px;
}

#main #left {
  float: left;
  width: 600px;
}

#main #right {
  float: right;
  width: 320px;
}


/**
 * Progress
 */

#progress TABLE {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}

#progress TABLE TR TD {
  width: 20%;
  border-bottom: 2px solid #428585;
  color: #428585;
  line-height: 20px;
}

#progress TABLE TR TD.active {
  border-bottom: 2px solid #72e2e0;
  color: #72e2e0;
}

#progress TABLE TR TD A {
  display: block;
  color: #72e2e0;
  text-decoration: none;
}


/**
 * Intro
 */

#intro {
  width: 600px;
  height: 100px;
  background: url('/images/bgs/whats-your-lendability/intro.gif') no-repeat;
}

#intro .padding {
  padding: 12px 20px;
}

#intro .facts {
  float: left;
  width: 280px;
}

#intro .facts .fact {
  background: url('/images/bgs/whats-your-lendability/partition.gif') left bottom repeat-x;
  line-height: 25px;
}

#intro .facts .fact SPAN {
  color: #66cccc;
}

#intro .get-your-score {
  float: right;
  color: #87c0c0;
  font-size: 11px;
  text-align: center;
}

#intro .get-your-score IMG {
  margin: 4px 0px;
}

#intro .average-savings {
  margin-top: 110px;
  text-align: center;
}


/**
 * Questions
 */

#questions {
  background: #397171 url('/images/bgs/whats-your-lendability/questions.gif') left bottom no-repeat;
  margin-top: 16px;
  font-size: 11px;
  min-height: 240px;
}

#questions .padding {
  background: url('/images/bgs/whats-your-lendability/questions-top.gif') left top no-repeat;
  padding: 12px 20px;
}

#questions .partition {
  height: 1px;
  background: url('/images/bgs/whats-your-lendability/partition.gif') left bottom repeat-x;
  margin: 16px 0px;
}

#questions .button {
  text-align: right;
}

#questions B,
#questions STRONG {
  font-size: 14px;
}

#questions LABEL {
  color: #ffffff;
  font-size: 12px;
}


/**
 * Recommendations
 */

#recommendations {
  background: #ffffff url('/images/bgs/whats-your-lendability/recommendations-top.gif') left top no-repeat;
  color: #336666;
  margin-top: 16px;
  font-size: 11px;
  padding: 12px 20px 0px 20px;
}

#recommendations P {
  margin-top: 4px;
  margin-bottom: 12px;
}

#recommendations B,
#recommendations STRONG {
  color: #cc3300;
  font-size: 17px;
}

#recommendations .recommendation {
  background: url('/images/bgs/whats-your-lendability/check.gif') 0px 4px no-repeat;
  padding-left: 30px;
}

#recommendations .partition {
  height: 17px;
  background: url('/images/bgs/whats-your-lendability/partition.gif') left center repeat-x;
}


/**
 * Send to a Friend
 */

#send-to-a-friend {
  width: 600px;
  height: 240px;
  background: url('/images/bgs/whats-your-lendability/content.gif') no-repeat;
}

#send-to-a-friend .padding {
  padding: 12px 20px;
}

#send-to-a-friend P {
  margin: 6px 0px;
}

#send-to-a-friend INPUT {
  width: 280px;
}

#send-to-a-friend TEXTAREA {
  width: 240px;
}

#send-to-a-friend A {
  color: #ffffff;
}


/**
 * Compare Box
 */

#compare {
  position: relative;
  width: 320px;
  height: 200px;
  background: url('/images/bgs/whats-your-lendability/banner.gif') no-repeat;
  color: #444444;
  margin-top: 10px;
}

#compare .title {
  padding: 5px 5px 8px 5px;
}

#compare .padding {
  padding: 2px 10px;
}

#compare .button {
  position: absolute;
  bottom: 17px;
  right: 17px;
  z-index: 10;
}

#compare .rate {
  float: left;
  padding-left: 6px;
}

#compare .asof {
  float: right;
  padding-right: 6px;
}

#compare .norates {
  clear: both;
  padding-left: 6px;
}

#compare .note {
  padding: 4px 16px;
  color: #999999;
  font-size: 9px;
  line-height: 12px;
}

#compare TABLE {
  clear: both;
  width: 100%;
  border-collapse: collapse;
}

#compare TABLE TR TH,
#compare TABLE TR TD {
  padding: 0px 6px;
}

#compare TABLE TR TH {
  background: #f2f1ee;
  color: #336666;
}

#compare TABLE TR TD {
  border-top: 1px solid #f1f0ec;
}

#compare TABLE TR.active TD {
  background: #cc3300;
  color: #ffffff;
  font-weight: bold;
}


/**
 * Average Savings
 */

#average-savings {
  width: 320px;
  text-align: center;
  margin-top: 20px;
}


/**
 * Learn More
 */

#learn-more {
  margin-top: 10px;
}


/**
 * Footer
 */

#footer #copyright {
  color: #4f9e9e;
}

#footer #copyright .partition {
  color: #336666;
}

#footer #copyright A {
  color: #4f9e9e;
}

#footer #copyright A:hover {
  color: #4f9e9e;
}