/*
html,body { margin: 0; padding: 0; color: #000; background: #eee; }
input,textarea { color: #00f; background: #fff; }
textarea { padding: .5em; }
h1  { margin: 0 0 1em 0; padding: 0; background: #ccc; text-align: center; font-family: sans-serif; }
pre#findRes { background: #fff; border: solid 1px #000; padding: 2em; margin: 1em; text-align: left; whitespace: pre; margin-bottom: 40em; }
div#findRes { text-align: left; margin-bottom: 40em; }
div#results { margin-bottom: 40em; }
strong.result { color: #f00; text-decoration: underline; }
div#shell { margin: 0 4em 2em 4em; text-align: center; }
div#status { width: 20em; margin: auto; text-align: justify; font-size: .9em; background: #ccc; border-left: solid 2px #888; border-bottom: solid 2px #888; border-top: solid 2px #ddd; border-right: solid 2px #ddd; padding: .5em;  }
div#footer { text-align: center; font-size: .8em; }
*/

html,body { margin: 0; padding: 0; color: #000; background: #eee; }
a { color: #800; }
a:visited { color: #008; }
div#header { margin: 0 0 1em 0; padding: 0; background: #ccc; text-align: center; font-family: serif; border-bottom: solid 2px #666; color: #008; }
div#header p { margin:1em 15% 1em 15%; padding: .5em; background-color: #eee; font-family: sans-serif; font-size: .9em; }
h1  { margin:0; padding:0 0 3px 0; background: #eee; border-bottom: solid 1px #008; font-size: 1.75em; font-variant: small-caps;}
h1 a { border: none; text-decoration:none; color:#008; }
input,textarea,.buttonface { color: #00f; background: #fff; }
div#shell { text-align: center; }
div#fields { width: 70%; margin: auto; }
div#mailForm { margin: 1em 15% 1em 15%;}
div#mailForm h1 { border: solid 2px; border-left-color: #ddd; border-bottom-color: #555; border-right-color: #555; border-top-color: #ddd; margin: 1em 0 0 0; }
div#mailForm #mainbox { border: solid 2px; border-left-color: #ddd; border-bottom-color: #555; border-right-color: #555; border-top-color: #ddd; padding: 1em; }
div#mailForm .light { color: #888; font-size: .85em; font-family: monospace; }
div.label { border: solid 1px; border-left-color: #ddd; border-bottom-color: #555; border-right-color: #555; border-top-color: #ddd; }
div.label strong { display: block; background: #eee; margin: 0; border-bottom: solid 1px #000; text-align: center; }

textarea { margin: 0; border: none; width: 100%; }
div.submit { text-align: center; padding: .25em; background: #ccc; margin: .25em; border: solid 1px #aaa; }
span#replbtns { margin: 0 .25em 0 .25em; }
#findRes { line-height: 1.75em; }
pre#findRes { background: #fff; border: solid 1px #000; padding: 2em; margin: 1em; text-align: left; whitespace: pre; margin-bottom: 40em; }
div#findRes { text-align: left; margin-bottom: 40em; }
div#results { margin: 1em 4em 40em 4em; }
div#status { width: 20em; margin: 1em auto; text-align: justify; font-size: .9em; background: #ccc; border: solid 2px; border-left-color: #ddd; border-right-color: #888; border-top-color: #ddd; border-bottom-color: #888; 888; border-bottom: solid 2px #888; border-top: solid 2px #ddd; padding: .5em;  }
.matches { text-align: center; font-weight: 800; }
textarea#replRes { border: solid 1px #000; }
div#footer { text-align: center; font-size: .8em; }
pre { text-align: left; line-height: 1.5em; }
pre#findRes { 
  /* Forece pre to wrap */
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  white-space:pre-wrap;
  word-wrap:break-word;
  overflow:hidden;
}

/* hilighters */
strong.result { color: #008; background: #ffa; border: dotted 1px #f00; }
strong.result span { border-width: 0 2px 0 2px; border-style: solid; }
strong.result span.hlt1 { background: #f00; color: #fff; border-color: #f00; }
strong.result span.hlt2 { background: #800; color: #fff; border-color: #800; }
strong.result span.hlt3 { background: #00f; color: #fff; border-color: #00f; }
strong.result span.hlt4 { background: #008; color: #fff; border-color: #008; }
strong.result span.hlt5 { background: #0f0; color: #fff; border-color: #0f0; }
strong.result span.hlt6 { background: #080; color: #fff; border-color: #080; }
strong.result span.hlt7 { background: #808; color: #fff; border-color: #808; }
strong.result span.hlt8 { background: #880; color: #fff; border-color: #880; }
strong.result span.hlt9 { background: #ff0; color: #fff; border-color: #ff0; }
strong.result span.hlt10 { background: #088; color: #fff; border-color: #088; }
strong.result span.hlt11 { background: #0ff; color: #fff; border-color: #0ff; }