/* $Id$ */

/*
 * If this very first stylesheet fails to load, the test suite will show both
 * PASS and FAIL under the results.
 */
.test .pass { display: none; }

.style-0001 .pass { display: inline; }
.style-0001 .fail { display: none; }



/*
 * The following styles do not affect the tests, but simply style the results
 * of the test suite.
 */

body {
  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
  width: 960px;
  margin: 0 auto;
  padding: 10px 0;
}

#page {
  /* Use a 14px base font size with a 18px line height */
  font-size: 0.875em; /* 16px x .875 = 14px */
  line-height: 1.286em; /* 14px x 1.286 = 18px */
}

body, caption, th, td, input, textarea, select, option, legend, fieldset {
  font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

pre, code {
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}

code.code-block {
	display: block;
	height: 20em;
	width: 750px;
	border: 3px solid #ccc;
	padding: 10px;
	overflow: auto;
	font-size: 12px;
	line-height: 18px;
}

/*
 * Headings
 */
h1 {
  font-size: 2em;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                           Remember, a margin specified in ems is relative to
                           the element's font-size, not to the pages' base
                           font size. So, for example, if we want a 1em margin
                           (relative to the base font), we have to divide that
                           length by the element's font-size:
                           1em / 2em = 0.5em */
}

h2 {
  font-size: 1.5em;
  line-height: 1.3em;
  margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
  margin-bottom: 0.667em;
}

h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
  margin-bottom: 0.769em;
}

h4, h5, h6 {
  font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
  margin-bottom: 0.909em;
}

/*
 * Block-level elements
 */
p, ul, ol, dl, pre, table, fieldset {
  margin: 1em 0;
}

blockquote {
  margin: 1em 2em;
  font-style: italic;
}

/*
 * Lists
 *
 * We need to standardize the list item indentation.
 */
ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

ul ul, ul ol,
ol ol, ol ul {
  margin: 0;
}

li {
  margin: 0;
  padding: 0;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }


/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a:link,
a:visited {
  color: #00c;
}

a:hover,
a:focus {
  background-color: #fff;
  text-decoration: none;
}

a:active {
  color: #000;
  text-decoration: none;
}

a.active {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

/*
 * Tables
 *
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
table {
  border-collapse: collapse;
  border: 1px solid #999;
  margin: 0 0 1em 0;
  /* width: 100%; */ /* Prevent cramped-looking tables */
}

caption {
  margin: 0;
  padding: 5px;
  border: 1px solid #999;
  background-color: #eee;
  font-size: 1.2em;
  font-weight: bold;
}

th,
thead th,
tbody th {
  text-align: left;
  padding: 5px 2em 5px 5px;
  border-bottom: none;
}

td {
  padding: 5px;
}

thead th {
  border-bottom: 1px solid #ccc;
}

tbody {
  border-top: none;
}


.nav {
  margin: 20px;
  border: 1px solid #00c;
  padding: 7px 20px;
  background-color: #eef;
}

table.col {
  float: left;
  margin-right: 10px;
}

table.col-last {
  float: left;
}

.test table {
  font-size: 12px;
}

.pass {
  color: #0c0;
  font-weight: bold;
}

.fail {
  color: #c00;
  font-weight: bold;
}

.results {
  margin-top: 2em;
}

.footer {
  clear: both;
  margin: 0;
  padding: 10px 0 20px 0;
  font-size: 12px;
}