/*******************************************************
 * WORD FILTER                                         *
 * (CSS style sheet)                                   *
 *                                                     *
 * Copyright (C) 2011, Scott Pakin, scott+wf@pakin.org *
 *                                                     *
 *******************************************************/

#title-box {
  text-align:       center;
  border:           ridge thick rgb(128, 0, 255);
  padding:          1em 1em 1em 1em;
  margin:           2ex 1em 6ex 1em;
  color:            inherit;
  background-color: rgb(255, 230, 255);
}

#supertitle {
  color:            rgb(96, 0, 96);
  background-color: inherit;
  font-size:        18pt;
  font-family:      sans-serif;
}

#title {
  color:            rgb(128, 0, 128);
  background-color: inherit;
  font-size:        36pt;
  font-family:      sans-serif;
  font-weight:      bold;
}

/* ---------------------------------------------------------------------- */

#progress-box {
  display:          none;
  margin:           6ex 25% 6ex 25%;
  width:            50%;
  text-align:       center;
  font-style:       italic;
  font-size:        large;
  color:            rgb(0, 0, 128);
  background-color: inherit;
}

#progress-bar {
  position:         relative;
  width:            100%;
  height:           3ex;
  text-align:       center;
  border:           solid thin black;
  font-weight:      bold;
  font-style:       normal;
  color:            black;
  background-color: white;
  margin-top:       1ex;
}

#progress-bar-bar {
  position:         absolute;
  width:            0%;
  left:             0%;
  top:              0%;
  bottom:           0%;
  color:            white;
  background-color: rgb(192, 192, 255);
}

#progress-bar-text {
  position: relative;
}

/* ---------------------------------------------------------------------- */

#current-guess-wrapper {
  text-align:    center;
  margin-bottom: 6ex;
}

#current-guess {
  color:            rgb(0, 128, 0);
  background-color: yellow;
  font-weight:      bold;
  font-size:        large;
  border:           solid thick rgb(0, 128, 0);
  padding:          1em;
}

/* ---------------------------------------------------------------------- */

#follow-instructions {
  display: none;
}

#command-list {
  margin-top: 6ex;
}

.wide-box p {
  margin-left:  1em;
  margin-right: 1em;
}

#word-box {
  text-align: left;
}

#word-count {
  margin-right: 1em;
  font-weight:  bold;
}

#compressed-word-list {
  display: none;
}

#word-list {
  display: none;
}

#reset-list {
  display: none;
}

#toggle-list {
  display: none;
}

/* ---------------------------------------------------------------------- */

input {
  text-align: center;
}

input.pattern {
  text-align:  center;
  font-family: monospace;
}

#num-occurrences-letter {
  text-align: center;
}

body {
  color:            black;
  background-color: rgb(230, 230, 255);
}

hr.separator {
  color:            rgb(128, 0, 255);
  background-color: rgb(128, 0, 255);
  height:           2px;
}


address {
  clear:            left;
  padding-top:      1ex;
  text-align:       right;
  border-color:     rgb(128, 0, 255);
  border-top-style: solid;
  border-width:     4px;
}

a {
  color:            rgb(128, 0, 128);
  background-color: inherit;
  text-decoration:  none;
}

a:visited {
  color:            rgb(96, 0, 96);
  background-color: inherit;
  text-decoration:  none;
}

a:hover {
  background: yellow;
}

p.image-list {
  text-align:   right;
  margin-left:  0em;
  margin-right: 0em;
}

h1 {
  color:            rgb(128, 0, 128);
  background-color: inherit;
  font-family:      sans-serif;
  font-weight:      bold;
  font-size:        x-large;
}

table {
  text-align: left;
  padding:    2ex 1em 2ex 1em;
}

p {
  margin-left:  2em;
  margin-right: 2em;
}

ul {
  margin-left:  2em;
  margin-right: 2em;
}

dd ul {
  margin-left:  0em;
}

ol {
  margin-left:  2em;
  margin-right: 2em;
}

dl {
  margin-left:  3em;
  margin-right: 2em;
}

dt {
  font-weight: bold;
  margin-top:  2ex;
}

dd {
  margin-bottom: 2ex;
}

tt {
  white-space: nowrap;
}

.step-number {
  font-size: x-large;
}

.new-step {
  margin-top: 4ex;
  display:    block;
}

.same-step {
  display:    block;
}

.arrow {
  padding-left: 2em;
}

.process {
  padding-left: 0.5em;
}

tr.separator-above-below td {
  border-bottom:  thin dashed rgb(128, 0, 255);
  padding-bottom: 0.5ex;
  padding-top:    0.5ex;
}

tr.separator-below td {
  border-bottom:  thin dashed rgb(128, 0, 255);
  padding-bottom: 0.5ex;
}

.wide-box {
  border:           solid thin rgb(128, 0, 255);
  margin:           0ex 2em 0ex 2em;
  padding:          2ex 0em 2ex 0em;
  color:            inherit;
  background-color: rgb(255, 230, 255);
  text-align:       center;
}

#guesses-remaining {
  text-align: left;
}