/* Standard stuff
   This file holds all standard css stuff that must not
   (and cannot) be changed in any css theme file. */

* {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: 'dejavu sans' arial;
}

body {
  overflow: hidden;
}

/* Navigation bar (normally there are two navigation bars - 
   one at the top of the page and one at the bottom of the page). */
.navbar {
  position: absolute;
  z-index: 100;
  width: 100%;
}

/* Dropdowns */
.dropdown {
  display: block;
  float: left;
  position: relative;
}

.dropdown * {
  display: none;
  position: relative;
}

.dropdown .top {
  display: block;
}

.dropdown .group {
  position: relative;
}

.dropdown .entries {
  position: absolute;
}

.dropdown .entry, .dropdown .header {
  overflow: hidden;
}

.dropdown .side {
  position: absolute;
}

.dropdown:hover * {
  display: block;
}

.dropdown:hover .top {
  position: relative;
}

.dropdown:hover .entries {
  display: none;
}

.dropdown .group:hover > .entries {
  display: block;
}

/* When an entry in a dropdown list is clicked, the .dropdown class receives
   another class: the .dropdownh class. This takes care of hiding the box. */
.dropdownh *, .dropdownh:hover * {
  display: none;
}


/* Area - the area where the windows are */
.area {
  position: absolute;
  overflow: hidden;
}

/* Windows */
.window {
  position: absolute;
}

.window > * {
  position: absolute;
  top: 0;
  left: 0;
}

/* The following stuff features the divs around the window. */
.window > .tl {
  cursor: nw-resize;
}

.window > .tr {
  cursor: ne-resize;
}

.window > .r {
  cursor: e-resize;
}

.window > .br {
  cursor: se-resize;
}

.window > .b {
  cursor: s-resize;
}

.window > .bl {
  cursor: sw-resize;
}

.window > .l {
  cursor: w-resize;
}

/* The .t class (the top, or header, of the window) is only for showing
   a background image (read: css theme files). The .resize_handle acts as
   the top resizer. */
.window > .resize_handle {
  cursor: n-resize;
}

.window > .title {
  overflow: hidden;
  white-space: nowrap;
}

/* .data is the object/iframe */
.window > .data {
  overflow: auto;
}

/* .data_overlay is showed whenever moving or adjusting a window.
   If it is not on, the object/iframe might catch focus of the mouse */
.window > .data_overlay {
  display: none;
  background: #000;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* .options is the div that holds the minimize, maximize and close button */
.window > .options > *, .window_max > .options > * {
  position: absolute;
  height: 100%;
}

/* When a window is maximized, it receives a new class - the .window_max class
   Resize cursors must not be visible when in maximized mode */
.window_max > .tl, .window_max > .resize_handle, .window_max > .tr, .window_max > .r, .window_max > .br, .window_max > .b, .window_max > .bl, .window_max > .l, .nrsz > .tl, .nrsz > .resize_handle, .nrsz > .tr, .nrsz > .r, .nrsz > .br, .nrsz > .b, .nrsz > .bl, .nrsz > .l  {
  cursor: default;
}

/* .overlay is the general overlay that is displayed (yes, it's transparent)
   whenever moving or adjusting a window. Same reasons as .data_overlay */
.overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* .appboxes holds information about the text boxes,
   normally placed in the bottom navigation bar,
   that show which windows are open */
.appboxes * {
  white-space: nowrap;
  overflow: hidden;
}

/* .abs is shown when there is not enough space for all appboxes on one line.
   .scrollup and .scrolldown are the buttons used for scrolling. */
.abs {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: none;
}

.scrollup {
  width: 100%;
  height: 50%;
  position: absolute;
}

.scrolldown {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 50%;
}


/* .highlightfix is a fix needed (at least in Firefox).
   When moving or adjusting a window, some text will
   automatically turn highlighted. This fix fixes that. */
.highlightfix {
  position: absolute;
  width: 1px;
  height: 1px;
}