/* element */
*
{
  margin: 0;
  padding: 0;
  font-family: verdana, geneva, arial, sans-serif;
}

body
{
  overflow-x: hidden;
  /* width: 100%; */
  /* height: 100%; */
  background-color: #ffffff;
  font-size: 10px;
  color: #000000;
}

a
{
  color: #667766;
  text-decoration: none;
}

a:visited
{
  color: #334422;
}

a:hover
{
  background-color: #aabbaa;
  color: #ffffff;
  font-weight: bold;
}

br,hr
{
  clear: both;
  font-size: 0;
  line-height: 0;
}

form
{
  display: inline;
}

fieldset
{
  display: block;
  margin: 20px 20px;
  padding: 0.5em;
  border: 1px #cccccc dotted;
}

fieldset legend
{
  margin: 0;
  padding: 0.5em;
  border: none;

  background-color: #ffffff;
  color: #999999;
}

label
{
  vertical-align: middle;
}

input,
textarea,
select
{
  margin: 1px;
  padding: 0.2em;

  vertical-align: middle;
  font-family: monospace;
  font-size: 14px;
}

input:focus,
textarea:focus,
select:focus
{
  background-color: #e0ffe0;
}

button,
.button
{
  margin: 1px;
  padding: 0.2em;

  width: auto;
  height: auto;
  border: 3px #999999 groove;

  font-size: 100%;
  background-color: #cccccc;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
}

input[type="submit"]
{
  margin: 1px;
  padding: 0.2em;

  width: auto;
  height: auto;
  border: 3px #999999 groove;

  font-size: 100%;
  background-color: #cccccc;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
}

img
{
  border: none;
  vertical-align: middle;
}

table
{
  margin: 0 auto;
}

/* id */

#crown,
#footer
{
  /* width: 100%; */
  /* height: 20px; */
  padding: 4px;
  font-size: 100%;
  color: #aabbaa;
  background-color: #667766;
}

#crown a,
#footer a
{
  color: #aabbaa;
}

#crown a:visited,
#footer a:visited
{
  color: #99aa99;
}

#crown a:hover,
#footer a:hover
{
  background-color: #e0ffe0;
  color: #000000;
}

#crown ul,
#footer ul
{
  display: inline;
  list-style-type: none;
}

#crown ul li,
#footer ul li
{
  display: inline;
}

/* class */

ul.completions
{
  border: 1px #aabbaa dashed;
  background-color: #ffffff;
  font-size: 14px;
  list-style: none;
}

ul.completions li.completion,
ul.completions li.completion_focused
{
  padding: 0 0 0 0.5em;
  cursor: pointer;
}

ul.completions li.completion_focused
{
  padding: 1em;
  border: 1px #cccccc solid;
  background-color: #e0ffe0;
  font-size: 120%;
}

ul.completions li dl dt
{
  font-weight: normal;
  color: #000000;
}

ul.completions li dl dd
{
  font-size: 80%;
  color: #999999;
}

.hidden
{
  display: none;
}

.separator
{
  margin: 0;
  /* padding: 0 20%; */
  border: none;

  font-size: 0;
  line-height: 0;
}

.attention
{
  vertical-align: middle;
  font-size: 120%;
  font-weight: bold;
  color: #cc6666;
}

.note
{
  vertical-align: middle;
  font-size: 80%;
  font-weight: bold;
  color: #999999;
}

.dialog
{
  margin: 20px 20px;
  padding: 20px 20px;
  border: 1px #cccccc solid;

  text-align: center;
  background-color: #cccccc;
  font-size: 120%;
  line-height: 1.6;
  color: #000000;
}

.information
{
  background-color: #efffef;
  color: #999999;
}

.confirmation
{
  background-color: #faf7d6;
  color: #666666;
}

.alert
{
  text-align: left;
  background-color: #f9e6e6;
  font-size: 100%;
  line-height: 1.4;
  color: #666666;
}