body {
  font-size: 12px;
  font-family: Verdana, sans-serif;
  padding: 0;
  margin: 0;
  width: 100%;
}

a, p, h1, h2, .menubar, .edit-line, .button, #search-dialog {
  display: block;
  width: auto;
  height: auto;

  padding: 0em;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
  padding-left: 2em;

  white-space: nowrap;
  overflow: hidden;

  margin: 0;

  border-bottom: solid  1px white;

  cursor: default;
}

h1, h2 {
  font-size: 1em;
}

a {
  color: black;
}

p, h1, h2, #help a, .button, a.search-cat {
  color: white;
}

#shortcuts p, .help-cs, a.search-cat {
  background-color: #8f3b3f;
}

#shortcuts * {
  margin-right:  1px;
}

#shortcuts *, #categories p, #help a, .button  {
}

#shortcuts {
  position: absolute;
  left: 0;
  width: 15em;
  height: auto;
}

#categories {
  position: absolute;
  left: 15em;
  width: 15em;
}

#categories a {
  display: none;
}

#categories p {
  display: none;
}

.sub-category {
  padding-left: 3em !important;
  display: block !important;
}

.help-sub-cat, .sub-category {
  background-color: #3b3f8f !important;
}

#categories .edit-line, #categories p, .help-cat {
  margin-right:  1px !important;
}

#categories p, .help-cat {
  background-color: #3f8f3b;
}

.column-header {
  margin-right:  1px;
}

.column-header, .help-ch {
  font-weight: bold;
}

#shortcuts h1, #categories h1, #links h1, #menu h1, #help-headline, .help-ch  {
  background-color: #555555;
}

#bookmarks-label, #help-headline {
  margin-right: 0 !important;
}

#links {
  position: absolute;
  width: 100%;
}

#links a, #edit-bookmark, #edit-options, #links h1 {
  margin-left: 30em;
}

#shortcuts, #categories {

  padding-bottom: 100px;
}

#links{

  padding-bottom: 300px;
}

.top, .topic {
  background-color: #e5e5e5;
  color: #8F3B3F !important;
  font-weight: bold;
}

#popup-menu {
  position: absolute;
  top: 0;
  left: 0;
}

.menubar {
  padding: 0 !important;
  border: 0;
  width: 15em;
}

.hidden  {
  display: none !important;
}

.edit-line {
  position: relative;
  left: 0;
  background-color: red !important;
}

.edit-line input, #search {
  font-size: 1em;
  margin: 0;
  padding: 0;
  height: 1em;
  border: solid 1pt white;
  border-top: none;
  font-family: Verdana, sans-serif;
}

#search {
}

#search-dialog {
}

.edit-line input {
  position: absolute;
  width: 30em;
  left: 13em;
}

#edit-element-name {
  position: absolute;
  width: 11em;
  left: 2em;
  margin: 0;
  padding: 0;
}

#popup-menu a, #popup-sub-menu a, #clipboard a {
  font-size: 1em;
  font-weight: normal;
  border-top: white solid  1px;
  border-bottom: none;
  text-decoration: none;
  margin-right:  1px;
}

a.first {
  border-top: none !important;
}

#popup-menu {
  width: 13em;
  z-index: 10;
}

#popup-sub-menu {
  z-index: 20;
}

.search-bm {
}

.recent-link {
}

#help-screen {
  position: absolute;
  left: 40%;
  top: 60%;
  width: 58%;
  height: auto;
}

#help {
  color: black;
  padding-right: 2em;
  padding-left: 2em;
}

#help * {
  margin: 0;
}

#help p {
  padding: 0;
  margin: 0;
  border: none;
  white-space: normal;
  color: black;
  margin-bottom: 0.5em;
  line-height: 1.5em;
}

#help a {
  width: 12.8em;
  margin-top: 1em;
  margin-bottom: 1em;
  text-decoration: none;
  border: none;
}

#help .help-bm {
  background-color: white;
  text-decoration: underline;
}

#help .menu-item {
  background-color: #888888;
}
a.help-black {
  color: black !important;
}

.highlight, #help-screen {
  background-color: #aaa !important;
}

#popup-menu a, #popup-sub-menu a, .edit-line, .button, #search-dialog, .moved {
  background-color: #888888 !important;
  color: white;
}

.key {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  text-decoration: overline;
  font-style: normal;
}

.normal-link {
  display: inline;
  color: black !important;
  text-decoration: underline;
  padding: 0;
}

.rosegarden {
}

#menu {
  float: right;
  z-index: 20;
}

.button {
  text-decoration: none;
}

#menu * {
  margin: 0 !important;
  border-left: solid 0.1em white;
}

#popup-menu a, #popup-sub-menu a, #clipboard a {
  width: 12.8em;
}

#popup-sub-menu a {
  background-color: #888888 !important;
}

#menu a:hover, #popup-menu a:hover, #popup-sub-menu a:hover {
  background-color: #6f5b5a !important;
}
#configuration {
  display: none;
}

#shortcuts a {
  background-color: white;
}

.favelet {
}

a.search-cat {
  text-decoration: none;
}

#clipboard {
}

#clipboard a {
  background-color: #e5e5e5 !important;
  color: black !important;
}

#debug {
  background-color: #000000;
  position: absolute;
  left: 40%;
  top: 60%;
  width: 58%;
  height: auto;
  display: none;
}

#debug p {
  color: white;
  font-size: 0.8em;
}

#menu p {
  color: #888888;
  font-size: 0.8em;
  text-align: right;
  padding-right: 2em;
}