body { margin: 2em; font-family: sans-serif; font-size: 12pt; }
a { text-decoration: none; }
.hidden { display: none; }

/* Top banner */
#_top_banner { background-color: #08f; margin: -2em -2em 2em -2em;
  position: relative; font-family: sans-serif; padding: 1em 2em }
#_top_banner a { color: white; font-weight: bold; text-decoration: none; }
#_logo { background-image: url("/static/img/shewolf.png");
  background-repeat: no-repeat; width: 43px; height: 27px; float: left;
  margin-right: 1em }
#_title { color: white; font-family: sans-serif; line-height: 27px;
  font-size: 21px; font-weight: bold; }
#_back { position: absolute; right: 2em; bottom: 1em; }
#_login { position: absolute; right: 2em; bottom: 1em; }
#_login a { font-weight: normal; }

#_footer { font-size: smaller; text-align: center; clear: both;
  margin-top: 3em; }
#_footer a { font-weight: bold; }

/* Log window and messages (dev only) */
#log_window { background-color: white; padding: 4px; margin: 4px;
  font-size: small; min-height: 1em; -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }
.__OK__ { font-weight: bold; color: green }
.__WARNING__ { font-weight: bold; color: orange }
.__ERROR__ { font-weight: bold; color: red }

/* Pretty printing */
.pp_tagname { font-weight: bold; color: #808; }
.pp_attrname { font-weight: bold; color: #088; }
.pp_attrvalue { color: #080; }


/* Buttons */
.button { cursor: pointer; }
span.button { border: solid thin black; padding: 4px;
  -moz-border-radius: 8px; -webkit-border-radius: 8px;
  background-color: #eee;
  background:
    -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb));
    /*-moz-linear-gradient(left top, left bottom, from(#eee), to(#bbb));*/
  text-shadow: 0 1px 0 white; }
span.button.pushed, span.button.selected {
  background-color: #bbb;
  background:
    -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#eee));
    /*-moz-linear-gradient(left top, left bottom, from(#bbb), to(#eee));*/
  -webkit-box-shadow: 0px 1px 0px white; -moz-box-shadow: 0px 1px 0px white; }
img.button.pushed, img.button.selected { opacity: 0.8; }
.button.disabled { opacity: 0.5; }

/* Number inputs */
input { border: solid thin black; }
input.disabled { background-color: #ddd; }
input.number { text-align: right; }
input.narrow { width: 4em; }
input.wide { width: 32em; }
.num_box { -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px; }
.num_box.dragging { cursor: pointer; }