/* main.css */

/* == Global == */

body {
  font-family: sans-serif;
  font-size: 10pt;
}

form.inplaceeditor-form { /* The form */
  postion: absolute;
  display: inline;
  top: 0px;
  left: 0px;
  padding: 0.5em;
}

form.inplaceeditor-form input[type="text"] { /* Input box */
  margin-left: 1em;
  font-family: sans-serif;
  font-size: 85%;
  background: #fff;
  color: #000;
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
  font-family: sans-serif;
  font-size: 85%;
  background: #fff;
  color: #000;
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
  /* margin-left:1em; */
  margin-left: 6px;
  padding: 0px;
  border: 1px solid #888;
}

form.inplaceeditor-form a { /* The cancel link */
  /* margin-left:1em; */
}

/* == Menu == */
#menu {
  position: fixed;
  top: 0px
  right: 0px;
  background: #888;
  color: #fff;
  z-index: 4000;
}

#menu-toggler {
}

#menu a {
  text-decoration: none;
  color: #eee;
}

#menu ul {
  display: inline;
  margin: 0;
  padding: 0;
  width: 110%;
  z-index: 5000;
}

#menu ul li {
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 2px 4px;
  list-style: none;
  background: #555;
}

#menu ul li:hover {
  background: #aaa;
}

/* == Workspace == */

.workspace {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #03071b;
  font-color: #000;
  z-index: 0;
}

div.note {
  position: absolute;
  background: #fe8;
  font-color: #000;
}

div.note h2.header,
div.note h2.footer
{
  position: relative;
  margin: 2px 2px 2px 2px;
  background: #ec7;
  font-size: 100%;
}

div.note h2.header {
  cursor: move;
  height: 20px;
}

div.note h2.footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

div.note span.menu {
  position: absolute;
  top: 0px;
  left: 2px;
  text-decoration: none;
  cursor: move;
}

div.note span.name {
  position: absolute;
  top: 0px;
  left: 16px;
}

div.note span.destroyer {
  position: absolute;
  top: 0px;
  right: 2px;
  text-decoration: none;
  cursor: default;
}

div.note span.linker {
  cursor: crosshair;
}

div.note span.resizer {
  position: absolute;
  right: 2px;
  cursor: se-resize;
  z-index: 3000;
}

div.note div.body {
  margin: 8px;
  overflow: auto;
  font-size: 85%;
}

canvas.relation {
  position: absolute;
  /* border: 1px dotted #080; */
  z-index: 500;
}

span.point {
  position: absolute;
  color: #ffffff;
  z-index: 4000;
  width: 10;
  height: 10;
  cursor: pointer;
}

span.point.begin {
  background: #880000;
}

span.point.end {
  background: #000088;
}

/* == Dialog Boxes == */
div.dialog {
  position: fixed;
  top: 64px;
  left: 256px;
  padding: 2em;
  border: 2px solid #888;
  background: #fff;
  color: #888;
  z-index: 4000;
}

div.dialog h1 {
  margin: 0 0 1em 0;
  padding: 0;
  border-bottom: 2px solid #888;
}