body {
  background: #000 url('img/bg.png') center;
}

.navbar {
  position: absolute;
  z-index: 100;
}


.navi0 {
  background: #bbb;
  height: 25px;
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 2px 0;
}

.navi1 {
  background: #ccc;
  height: 25px;
  border-color: #fff;
  border-style: solid;
  border-width: 2px 0 0 0;
}


.dropdown, .dropdown_h {
  margin: 2px 5px 0 5px;
  border-width: 1px;
  border-color: #fff;
  border-style: solid;
  width: 125px;
}

.dropdown *, .dropdown_h * {
  font-size: 14px;
  background: #444;
  color: #fff;
  padding: 3px;
  display: none;
  border-color: #bbb;
  border-style: solid;
  border-width: 0;
  cursor: default;
}

.dropdown .top, .dropdown_h .top {
  font-size: 14px;
  font-weight: bold;
  background: #333;
  color: #fff;
  padding-top: 0;
  height: 14px;
  padding: 1px 0 3px 0;
  width: 125px;
  text-align: center;
  cursor: pointer;
}

.dropdown .group {
  padding: 0;
}

.dropdown .entries {
  top: -1px;
  left: 133px;
  width: 125px;
  padding: 0;
  border-width: 1px 1px 0 1px;
}

.dropdown .entry, .dropdown .header {
  border-width: 0 0 1px 0;
  width: auto;
}

.dropdown .entry {
  cursor: pointer;
}

.dropdown .header {
  background: #444 url('../img/next.png') no-repeat right 4px;
}

.dropdown .side {
  top: -1px;
  left: -9px;
  width: 7px;
  height: 100%;
  background: #ddd;
  padding: 1px 0 0 0;
  border-width: 0 0 0 1px;
}

.dropdown:hover {
  border-color: #bbb;
  margin:0 5px;
  border-width: 0 1px;
}

.dropdown:hover .top {
  height: 28px;
  color: #333;
  background: #eee;
  border-width: 0 1px 1px 1px;
  border-left-color: #888;
  border-bottom-color: #bbb;
  border-right-color: #888;
  padding-top: 4px;
  left: -1px;
}

.dropdown .group:hover > .header {
  background: #222 url('../img/nexth.png') no-repeat right 4px;
}

.dropdown .entry:hover {
  background: #777;
}




.abs {
  width: 10px;
}

.scrollup {
  background: url('img/scrollup.png') no-repeat;
}

.scrolldown {
  background: url('img/scrolldown.png') no-repeat;
}

.scrollup:hover {
  background: url('img/scrolluph.png') no-repeat;
}

.scrolldown:hover {
  background: url('img/scrolldownh.png') no-repeat;
}

/*
All numbers are in the "px" unit and must be written without a unit.
screen {
  hheight: 25;  the height of a window header
  margin_g: 5;    the general margin of a window
  margin_t: 2;  the margin at the top of a window
  bw: 16;       box width; includes the window icon and the minimize/maximize/close buttons.
  bh: 16;       box height; includes the window icon and the minimize/maximize/close buttons.
}
*/


.window {
  background: #fff;
}

.window > .tl {
  background: #111;
}

.window > .t {
  background: #222;
}

.window#active > .t {
  background: #fff;
}

.window > .tr {
  background: #444;
}

.window > .r {
  background: #666;
}

.window > .br {
  background: #888;
}

.window > .b {
  background: #aaa;
}

.window > .bl {
  background: #ccc;
}

.window > .l {
  background: #eee;
}

.window > .title {
  color: #fff;
  background: #000;
}

.window#active > .title {
  background: #aaa;
}

.window > .handle {
}

.window > .resize_handle {
}

.window > .data {
  background: #fff;
}

.window > .icon {
  background-repeat: no-repeat;
  background-image: url('../icons/default.png');
}

.window > .options {
  background: #00cc00;
}

.window > .options > .minimize {
  background: #000;
}

.window > .options > .maximize {
  background: #555;
}

.window > .options > .close {
  background: #aaa;
}

.window_max > .options > .maximize {
  background: blue;
}



.appboxes * {
  width: 100px;
  margin: 2px;
  padding: 2px;
  border-color: #fff;
  border-style: outset;
  border-width: 1px;
  float: left;
  cursor: default;
}

.appboxes .current {
  border-style: inset;
}

.appboxes *:hover {
  background: #e2fbff;
}

.appboxes .current:hover {
  background: #d1ffea;
}


.clock {
  margin: 3px 2px 0 0;
  padding: 2px;
  border-left: 1px solid #aaa;
  position: absolute;
  right: 0;
}