body { margin: 2em; font-family: sans-serif; }
a { font-weight: bold; text-decoration: none; }

#_top_banner { background-color: white; color: #ccc }
#_title { color: #ccc; }
#_top_banner a, #_footer a { color: #aaa; }
#_footer { position: absolute; bottom: 2em; right: 2em; color: #aaa; }

#loading { color: white; background-color: red; top: 0; right: 0;
  padding: 4px; position: absolute; }
#fridge { visibility: hidden; }

.magnet { font-size: 11pt; padding: 4px; border: solid thin black;
  display: inline-block; text-align: center;
  box-shadow: 2px 2px 2px #aaa;
  -moz-box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow: 2px 2px 2px #aaa;
  border-radius: 7px;
  -moz-border-radius: 7px; -webkit-border-radius: 7px;
  min-width: 2em; cursor: default;
  min-height: 1em; }

#actions .magnet { font-weight: bold; text-decoration: none;
  background-color: #4af; color: white; border-color: #08f !important; }
#actions a { color: white; }

.magnet.help { border-color: white !important; background-color: white;
  font-size: 10pt; width: 24em; text-align: left }

.moving { opacity: .7; cursor: move; }

.Perl { font-family: monospace; background-color: black; color: #0f0;
  border-color: #0f0; }
.Shakespeare { font-family: serif; background-color: #ffe; }
.Whitman { font-family: Futura, sans-serif; background-color: #8f8;
  border-color: #0f4 }
.Symbols { font-size: 150%; background-color: #ff8; border-color: #ff0; }

.over { background-color: #08f !important; color: black !important; }
#trash { width: 106px; height: 160px; background-image: url(trash_closed.png);
  background-color: white !important; background-repeat: no-repeat;
  background-position: center bottom; }
#trash.over { background-image: url(trash_open.png); }

#shared, form { display: none }