/* ---------- test ---------- */
.test {}

.tests div.test-block {
  margin: 0.75em 0;
  margin-right: 2%;
  position: relative;
}
.tests div.test-block {
  width: 48%;
  float: left;
  background-color: #cce1f2;
}

.test-block div {
  padding: 0 10px;
  height: 12.5em;
}
.test-block h3 a { font-weight: bold; text-decoration: none; }
.test-block p { padding: 0.25em 1.5em 0.25em 0; }
.test-block a.more { padding-left: 0; color: #3b9770; }

/* ---------- tests ---------- */
.print { display: none; }

table.questions { border-collapse: collapse; }

table.questions td, table.questions th {
  border-bottom: 1px solid #AAA;
  padding: 5px 0;
  vertical-align: top;
}

table.questions th.caption {
  font-style: italic;
  vertical-align: bottom;
}

table.questions th.answer {
  padding: 0.1em 0.5em;
  font-style: italic;
}

table.questions td {
  padding: 10px 5px;
}
table.questions td.number { width: 2em; }
table.questions td.question {
  width: 40em;
  padding-right: 1em;
}
table.questions .answer {
  text-align: center;
  vertical-align: middle;
}

table.questions tr.alt td { background-color: #fdfdde; }

table.questions tr.error { background-color: #ffddd3!important; }

table.questions input { padding: 10px; }

.swfcharts { text-align: center; }
.swfcharts .chart {
  display: inline;
  margin: 10px 0;
  padding: 5px 0;
}

.details { clear: both; }
.details h4 {
  font-style:italic;
  margin: 1em 0 0.3em 0;
  text-align: left;
  line-height: 130%;
}
.details h4 em { font-weight: bold; }
.details table {
  border-collapse: collapse;
  width: 100%;
}

.details td {
  border-bottom: 1px solid #ddd;
  padding: 0.2em;
  padding-right: 0.5em;
}
.advice {
  vertical-align: top;
}

.analysis div { margin: 0.5em 0; }

.test .actions { margin: 1em 0; }
.test div.actions ul { display: block; text-align: center; }

.test .statistics .section { margin: 0.5em 0; }