/*
 * General settings
 */
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  background-color: #f7f7f7;
  color: #000000;
}

/*
 * No underline for links
 */
a:link {
  text-decoration: none;
  cursor: pointer;
}
a:visited {
  text-decoration: none;
  cursor: pointer;
}

/*
 * General layout
 */
.font {
  font-size: 13px;
}
.smallfont {
  font-size: 11px;
  line-height: 14px;
}
.height {
  line-height: 15px;
}
.none {
  display: none;
}
.border {
  border: 1px solid #9b9b9b;
}
h3.bar {
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  background: #98c5e5;
}
.jsaction {
    color: #666;
}
img.border {
  border: 2px solid #e5e5e5;
}
div.webgraph {
  margin-left: 20px;
  margin-bottom: 15px;
}
table.webgraph td {
  border: 1px solid #CCC;
  font-size: small;
  text-align: center;
}
table.webgraph td:hover {
  background: #DDD;
}
table.yellow-hover tr:hover {
  background: yellow;
}
td.leftcol {
  padding-left: 2px;
}
td.rightcol {
  padding-right: 2px;
}
tr.head {
  background: #a7ddff;
}
tr.t0 {
  background: #ffffff;
}
tr.t1 {
  background: #d9e2ea;
}
tr.t2 {
  background: #ffff00;
}
td.in {
  color: #2f9a00;
}
td.out {
  color: #ff0000;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}

pre {
  border: 1pt solid #cfcfcf;
  background-color: #F3F5F7;
  padding: 2px;
  padding-left: 2px;
  font-family: courier, monospace;
  white-space: pre;
  /* begin css 3 or browser specific rules - do not remove!
   * see: http://forums.techguy.org/archive/index.php/t-249849.html
   */
  white-space: pre-wrap;
  word-wrap: break-word;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  /* end css 3 or browser specific rules */
}

p.img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #cfcfcf;
}

/*
 * Menu
 */
p.menurule {
  height: 3px;
  width: 100%;
  background-color: #999999;
  padding: 0;
  margin-top: 7px;
  margin-bottom: 7px;
}

/*
 * Formulare
 */
input, select, textarea {
  border: 1px solid #aaaaaa;
  font-size: inherit;
}
button {
  font-size: inherit;
}
input.button {
  width: auto;
  display: inline;
  border: 1px solid #aaaaaa;
}
input.button:hover {
  border: 1px solid #9b9b9b;
  background-color: #bfbfbf;
}

/*
 * Popups
 */
div.popup {
  background: white;
  border: 1px solid #777;
  height: auto;
  position: absolute;
}
div.popup_title {
  top: 0px;
  width: 100%;
  background: #b0e2ff;
  margin-top: 0em;
  margin-bottom: 0px;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 1.35ex;
  border-bottom: 1px solid #777;
}
div.popup_title p {
  padding-left: 3px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: -0.65em;
  cursor: move;
}
div.popup_title img {
    position: absolute;
    right: 5px;
    top: 3px;
    cursor; pointer;
}
div.popup_body {
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
}
div.popup label {
  margin-top: 2px;
  display: block;
}
div.popup#errorwindow div.popup_title {
  background: #ffa54f;
  background: #ff3030;
}
div.popup#errorwindow div.popup_title p {
  color: white;
}
div.popup#errorwindow div#errorbody {
  padding: 5px;
  font-weight: bold;
  font-size: 110%;
}
div.popup#errorwindow div.popup_body {
  background: #ffe4c4;
}

/*
 * Calendar
 */
table#fc {
  z-index: 100;
}

div.popup div.caltitle {
    font-weight: bold;
}

/*
 * jQuery & Co.
 */
div#message_div {
    background: #ffffcd;
    color: #555;
    border: 1px solid limegreen;
    font-size: 120%;
    padding: 5px;
}

.autocomplete-suggestions {
    background: white;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.autocomplete-suggestion {
    background: #eefaff;
    cursor: default;
}
.autocomplete-suggestion:hover {
    background: yellow;
}

[data-is-editing="1"] {
    background: lightblue !important;
}

/*
 * Footer
 */
div.footer {
  clear: both;
  border-top: 1px solid #707070;
}
div.footerleft {
  float: left;
  font-size: xx-small;
}
div.footerright {
  float: right;
  font-size: xx-small;
}