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

body
{
  overflow-x: hidden;
  /* width: 100%; */
  /* height: 100%; */
  background-color: #e5e5e5;
  border: 2px #556655 solid;
  border-bottom: none;
  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;
}

#crown #login_place_holder
{
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 100%;
}

#crown #login_place_holder input
{
  margin: 0px;
  padding: 0px;
  font-size: 10px;
}

#crown #login_place_holder input:focus
{
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  background-color: #e0ffe0;
}

#behold
{
  overflow: auto;
  margin: 0.5em;
  padding: 1em;
  height: 5em;
}

#header,
#body .controller
{
  /* width: 100%; */
  padding: 8px;
  font-size: 120%;
}

#header
{
  border: solid 2px #aabbaa;
  border-bottom: none;
}

#header a,
#body .controller a
{
  text-decoration: none;
  /* color: #000000; */
}

#header a:hover,
#body .controller a:hover
{
}

#header h1,
#body .controller h1
{
  display: inline;
  font-weight: bold;
  font-size: 140%;
  letter-spacing: 0.2em;
}

#header h2,
#body .controller h2
{
  display: inline;
  font-weight: bold;
  font-size: 120%;
}

#header .menu,
#body .controller .menu
{
  font-size: 90%;
  color: #aabbaa;
}

#header ul.menu,
#body .controller ul.menu
{
  display: inline;
  list-style-type: none;
}

#header ul.menu li,
#body .controller ul.menu li
{
  display: inline;
}

#body
{
  width: 200%;
}

#body #member_panel
{
  width: 10%;
}

#body #main_panel
{
  width: 50%;
}

#body .controller #my_query
{
  width: 20em;
  font-size: 14px;
}

#body .list
{
  float: left;
  padding: 0 0.3em 0 0.3em;
  width: 14%;
  border-top: 2px #aabbaa solid;
  border-right: 1px #aabbaa solid;
}

#body .list h1
{
  font-size: 100%;
  color: #aabbaa;
}

#body .list ul
{
  list-style-type: none;
}

#body .list ul li
{
  padding: 0 0 0 0.5em;
  font-size: 100%;
}

#body .list ul li a
{
  text-decoration: none;
}

#body .list ul li a:hover
{
}

#body .list .queries_pager_set
{
  text-align: center;
}

#body .list #queries_place_holder
{
}

#body .content
{
  float: left;
  width: 84%;
}

/* class */

.panel
{
  float: left;
}

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

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

ul.completions li.completion_focused
{
  background-color: #aabbaa;
  color: #ffffff;
  font-weight: bold;
}

.query,
.query_focused
{
  cursor: pointer;
}

.query_focused
{
  background-color: #aabbaa;
  color: #ffffff;
  font-weight: bold;
}

.query_highlighted
{
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
}

.query_highlighted:before
{
  content: '@';
  color: red;
}

.secret-0
{
}

.secret-1
{
  border: 1px #999999 dashed;
}

.column
{
  float: left;
  width: 19%;
  border-right: 1px #aabbaa solid;
}

.loading{
  width: 96%;
  text-align: center;
}

.handle
{
  margin: 4px;
  padding: 0px;
  width: 96%;
  height: 16px;
}

.tab
{
  float: left;
  margin: 0px;
  padding: 2px;
  width: 50%;
  height: 18px;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #999999 solid;
  border-bottom: 0px none white;
  background-color: #ffffff;
  cursor:pointer;
}

.tab img
{
  vertical-align: middle;
}

.more
{
  float: left;
  margin-left: 2px;
  height: 16px;
  border: 0px none white;
  text-align: center;
}

.grip
{
  float: right;
  height: 16px;
  border: 0px none white;
  border-right: 6px double #cccccc;
}

.item
{
  margin: 4px;
  padding: 0px;
  width: 96%;
  border-top: 1px #cccccc solid;
  border-left: 1px #ffffff solid;
  border-right: 1px #ffffff solid;
  border-bottom: 1px #ffffff solid;
  /* overflow: auto; */
  background-color: #ffffff;
  color: #000000;
  word-break: break-all;
}

.item_focused
{
  margin: 4px;
  padding: 0px;
  width: 96%;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
  /* overflow: auto; */
  background-color: #ffffff;
  color: #000000;
  word-break: break-all;
}

.item .title,
.item_focused .title
{
  margin: 1em;
  font-weight: bold;
  font-size: 120%;
}

.item .description_full,
.item .description_truncated,
.item_focused .description_full,
.item_focused .description_truncated
{
  margin: 1em;
}

.item .keyword,
.item_focused .keyword
{
  /* display: none; */
}

.item .toggle_button,
.item_focused .toggle_button
{
  display: block;
  margin: 0.4em;
  padding: 0.2em;

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

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

.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;
}