/* Part of DynarchLIB
   Copyright (c) Dynarch.com 2005-2009.  All rights reserved.
   See http://www.dynarchlib.com/licensing for details. */
/* Part of DynarchLIB
   Copyright (c) Dynarch.com 2005-2009.  All rights reserved.
   See http://www.dynarchlib.com/licensing for details. */
html, body {
  margin: 0;
  padding: 0;
  height: 100%; }

body {
  z-index: 0;
  background-color: #fff; }

form {
  padding: 0;
  margin: 0; }

.DYNARCH-GET-PADDING-AND-BORDER {
  overflow: hidden  !important;
  font-size: 1px     !important;
  line-height: 1px     !important;
  width: 1px     !important;
  height: 1px     !important; }

.DYNARCH-GET-ABSOLUTE-POSITION {
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important; }

.DYNARCH-EVENT-STOPPER {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30000; }

.DYNARCH-GARBAGE-COLLECTOR {
  position: absolute;
  z-index: -10000;
  width: 1px;
  height: 1px;
  overflow: hidden;
  left: -32000px;
  top: -32000px;
  display: none;
  /* XXX: why didn't we have this before? */ }

.DYNARCH-FAKE-FOCUS {
  z-index: -10000;
  position: fixed;
  left: -100px;
  top: 0;
  opacity: 0; }

.CURSOR-DRAGGING {
  cursor: move !important; }

.CURSOR-RESIZE-E {
  cursor: e-resize !important; }

.CURSOR-RESIZE-W {
  cursor: w-resize !important; }

.CURSOR-RESIZE-S {
  cursor: s-resize !important; }

.CURSOR-RESIZE-N {
  cursor: n-resize !important; }

.CURSOR-FORBIDDEN {
  cursor: not-allowed !important; }

.CURSOR-NO-DROP {
  cursor: no-drop !important; }

.CURSOR-DROP {
  cursor: pointer !important; }

.CURSOR-RESIZE-COL {
  cursor: col-resize !important; }

/* Generic */
.DlWidget {
  font: 12px "Droid Sans","Lucida Grande",Tahoma,"Lucida Sans","Trebuchet MS",Tahoma,Verdana,sans-serif; }
  .DlWidget table, .DlWidget input, .DlWidget select, .DlWidget button, .DlWidget textarea {
    font: 12px "Droid Sans","Lucida Grande",Tahoma,"Lucida Sans","Trebuchet MS",Tahoma,Verdana,sans-serif; }

.DlWidget {
  cursor: default;
  color: black;
  zoom: 1;
  /* force hasLayout in IE */ }

.DlWidget-3D {
  background-color: #c8c8d8;
  color: black; }

/* .DlWidget-disabled, .DlWidget-disabled * { color: #768 !important; } */
/* .DlWidget-dragging, .DlWidget-dragging * { color: #768 !important; } */
.DlWidget-dragged-clone {
  position: absolute !important;
  z-index: 10000; }

/* Base button class */
.DlAbstractButton {
  white-space: nowrap; }

/* Button */
.DlButton {
  border: 1px solid;
  border-color: #9b9bb8 #6e6e99 #6e6e99 #9b9bb8;
  background-color: #c8c8d8;
  text-align: center; }
  .DlButton .DlButton-inner {
    border: 1px solid;
    border-color: white #9b9bb8 #9b9bb8 white;
    padding: 2px 5px; }
    .DlButton .DlButton-inner div {
      line-height: 16px;
      /* XXX: for 16x16 icons; I'm not happy with this solution. */
      min-height: 16px; }

.DlButton-hover {
  border-color: #6e6e99 #58587c #58587c #6e6e99;
  background-color: #e6e6ed; }

.DlButton-focus {
  border-color: #6e6e99 #58587c #58587c #6e6e99;
  /* outline: 1px solid $focusBorder; */
  /* @include outline-radius(2px); */
  -moz-box-shadow: 0px 0px 4px #e8a850;
  -webkit-box-shadow: 0px 0px 4px #e8a850;
  -o-box-shadow: 0px 0px 4px #e8a850;
  -khtml-box-shadow: 0px 0px 4px #e8a850;
  -ms-box-shadow: 0px 0px 4px #e8a850;
  box-shadow: 0px 0px 4px #e8a850; }
  .DlButton-focus div.DlButton-Label {
    display: block;
    border: 1px dotted black;
    margin: -1px -2px;
    padding: 0 1px; }

.DlButton-active {
  border-color: #6e6e99 #9b9bb8 #9b9bb8 #6e6e99;
  background-color: #80b9ff; }
  .DlButton-active .DlButton-inner {
    padding: 3px 4px 1px 6px;
    border-color: #b9b9cd #d7d7e3 #d7d7e3 #b9b9cd; }

.DlButton-1 {
  border-color: #6e6e99 #9b9bb8 #9b9bb8 #6e6e99;
  background-color: #fcb587; }

.DlButton-1 .DlButton-inner {
  border-color: #b9b9cd white white #b9b9cd; }

.DlAbstractButton-withIcon, .DlButton-withIcon {
  padding-left: 20px;
  background-repeat: no-repeat !important;
  background-position: 0 50%; }

.DlButton-empty .DlButton-inner {
  padding: 2px; }

.DlButton-empty .DlButton-withIcon {
  padding: 0;
  width: 16px;
  height: 16px; }

.DlButton-disabled .DlButton-inner,
.DlWidget-disabled .DlButton .DlButton-inner {
  border-color: #c8c8d8;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.DlButton-disabled, .DlWidget-disabled .DlButton {
  border-color: #e6e6ed #9b9bb8 #9b9bb8 #e6e6ed; }

div.DlButton-Label {
  display: inline; }

/* Checkbox */
.DlWidget-disabled.DlCheckbox-0 {
  color: #88888f;
  background-image: url("img/new-checkradio/check-normal-insensitive.png"); }

.DlWidget-disabled.DlCheckbox-1 {
  color: #88888f;
  background-image: url("img/new-checkradio/check-mark-insensitive.png"); }

.DlCheckbox {
  padding: 2px 5px 2px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -khtml-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-position: 4px 50%;
  background-repeat: no-repeat; }

.DlCheckbox-0 {
  background-image: url("img/new-checkradio/check-normal.png"); }

.DlCheckbox-1 {
  background-image: url("img/new-checkradio/check-mark.png"); }

.DlCheckbox-hover {
  background-color: #e6e6ed; }

.DlCheckbox-hover.DlCheckbox-0 {
  background-image: url("img/new-checkradio/check-normal-prelight.png"); }

.DlCheckbox-hover.DlCheckbox-1 {
  background-image: url("img/new-checkradio/check-mark-prelight.png"); }

.DlCheckbox-active {
  background-color: #80b9ff;
  background-image: url("img/new-checkradio/check-mark-active.png") !important; }

.DlCheckbox-empty {
  height: 15px;
  padding-left: 15px;
  width: 1px; }

.DlCheckbox-focus div.DlButton-Label {
  display: block;
  border: 1px dotted black;
  margin: -1px -2px;
  padding: 0 1px; }

/* RadioButton */
.DlWidget-disabled.DlRadioButton-0 {
  color: #88888f;
  background-image: url("img/new-checkradio/opt-normal-insensitive.png"); }

.DlWidget-disabled.DlRadioButton-1 {
  color: #88888f;
  background-image: url("img/new-checkradio/opt-mark-insensitive.png"); }

.DlRadioButton {
  padding: 2px 5px 2px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -khtml-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-position: 4px 50%;
  background-repeat: no-repeat; }

.DlRadioButton-0 {
  background-image: url("img/new-checkradio/opt-normal.png"); }

.DlRadioButton-1 {
  background-image: url("img/new-checkradio/opt-mark.png"); }

.DlRadioButton-hover {
  background-color: #e6e6ed; }

.DlRadioButton-hover.DlRadioButton-0 {
  background-image: url("img/new-checkradio/opt-normal-prelight.png"); }

.DlRadioButton-hover.DlRadioButton-1 {
  background-image: url("img/new-checkradio/opt-mark-prelight.png"); }

.DlRadioButton-active {
  background-color: #80b9ff;
  background-image: url("img/new-checkradio/opt-mark-active.png") !important; }

.DlRadioButton-empty {
  height: 15px;
  padding-left: 15px;
  width: 1px; }

.DlRadioButton-focus div.DlButton-Label {
  display: block;
  border: 1px dotted black;
  margin: -1px -2px;
  padding: 0 1px; }

.DlPopupMenu .DlRadioButton, .DlPopupMenu .DlCheckbox {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -khtml-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

/* Entry */
.DlEntry {
  border: 1px solid #9b9bb8; }
  .DlEntry .DlEntry-cell {
    background-color: #e6e6ed; }
  .DlEntry input, .DlEntry textarea {
    margin: 0;
    border: none !important;
    border-width: 0px !important;
    background: white;
    color: #000;
    padding: 2px 3px !important;
    /*  font-family: "Bitstream Vera Sans Mono",monospace; height: 1.3em; */
    resize: none;
    outline: none; }
  .DlEntry input::-moz-selection, .DlEntry textarea::-moz-selection {
    background-color: #80b9ff !important;
    color: black !important; }

.DlEntry-Focus {
  border-color: #6e6e99 #58587c #58587c #6e6e99;
  /* outline: 1px solid $focusBorder; */
  /* @include outline-radius(2px); */
  -moz-box-shadow: 0px 0px 4px #e8a850;
  -webkit-box-shadow: 0px 0px 4px #e8a850;
  -o-box-shadow: 0px 0px 4px #e8a850;
  -khtml-box-shadow: 0px 0px 4px #e8a850;
  -ms-box-shadow: 0px 0px 4px #e8a850;
  box-shadow: 0px 0px 4px #e8a850; }
  .DlEntry-Focus .DlEntry-cell, .DlEntry-Focus input, .DlEntry-Focus textarea {
    background-color: #fff8dd;
    -moz-box-shadow: inset 0 0 2px #22cc22;
    -webkit-box-shadow: inset 0 0 2px #22cc22;
    -o-box-shadow: inset 0 0 2px #22cc22;
    -khtml-box-shadow: inset 0 0 2px #22cc22;
    -ms-box-shadow: inset 0 0 2px #22cc22;
    box-shadow: inset 0 0 2px #22cc22; }

.DlEntry-ValidationError {
  border-color: #ff2600; }
  .DlEntry-ValidationError .DlEntry-cell {
    border-color: #ff2600; }
  .DlEntry-ValidationError .DlEntry-cell, .DlEntry-ValidationError input, .DlEntry-ValidationError textarea {
    background-color: #ffd4cc; }

.DlEntry-Readonly .DlEntry-cell, .DlEntry.DlWidget-disabled .DlEntry-cell {
  border-color: #e6e6ed; }
.DlEntry-Readonly .DlEntry-cell, .DlEntry-Readonly input, .DlEntry-Readonly textarea, .DlEntry.DlWidget-disabled .DlEntry-cell, .DlEntry.DlWidget-disabled input, .DlEntry.DlWidget-disabled textarea {
  background-color: #d7d7e3; }

.DlEntry-emptyText {
  display: none;
  position: absolute;
  left: 3px;
  top: 1px;
  color: #88888f;
  font-style: italic;
  cursor: text; }

.DlEntry-empty .DlEntry-emptyText {
  display: block; }

.DlEntry-dropDownBtn {
  line-height: 20px;
  border-left: 1px solid #9b9bb8;
  padding-left: 4px;
  padding-right: 4px; }

.DlEntry-Focus .DlEntry-dropDownBtn {
  border-color: #6e6e99; }

.DlEntry-dropDownBtn-hover {
  background-color: #e6e6ed; }

.DlEntry-dropDownBtn-active {
  background-color: #80b9ff; }

.DlEntry-invalidIcon {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -8px;
  background-image: url("img/entry-warning.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.6;
  display: none; }

div.DlEntry-invalidIcon:hover {
  opacity: 1; }

.DlEntry-ValidationError .DlEntry-invalidIcon {
  display: block; }

/* CompletionEntry */
.DlCompletionEntry-busy input {
  background-image: url("img/busy1.gif");
  background-position: 100% 50%;
  background-repeat: no-repeat; }

.DlCompletionEntry-rightAligned input {
  background-position: 0 50%;
  text-align: right; }

/* ComboBox */
.DlComboBox-dropDownBtn {
  background: #c8c8d8 url("img/arrows/dropdown.png") no-repeat 50% 50%;
  width: 11px;
  height: 20px;
  border-left: 1px solid #9b9bb8; }

.DlEntry-Focus .DlComboBox-dropDownBtn {
  border-color: #6e6e99; }

.DlComboBox-dropDownBtn-hover {
  background-color: #e6e6ed; }

.DlComboBox-dropDownBtn-active {
  background-color: #80b9ff; }

/* Spinner */
.DlSpinner {
  background-color: yellow;
  width: 1em; }

.DlSpinner .DlSpinner-Button {
  height: 50%; }

.DlSpinner input {
  text-align: right; }

.DlSpinner .DlSpinner-Button .DlButton-inner {
  width: 5px; }

.DlSpinner .DlSpinner-Button .DlButton-inner div {
  min-height: 0; }

.DlSpinner .DlSpinner-Button-Up .DlButton-inner {
  height: 2px;
  background: url("img/spinner-up.gif") no-repeat 50% 50%; }

.DlSpinner .DlSpinner-Button-Down .DlButton-inner {
  height: 2px;
  background: url("img/spinner-down.gif") no-repeat 50% 50%; }

/* ProgressBar */
.DlProgressBar {
  position: relative;
  border: 1px solid #98c;
  background: #f0e6ff; }

.DlProgressBar-label {
  text-align: center;
  position: relative;
  padding: 2px 0; }

.DlProgressBar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #c0b6ff; }

/* ButtonMenu */
.DlButtonMenu .MenuArrow .DlButton-inner {
  padding-left: 0;
  padding-right: 0; }

.DlButtonMenu .MenuArrow-inner {
  padding: 0 1px;
  border-left: none;
  width: 7px;
  overflow: visible;
  background-image: url("img/menu/darrow-small.gif");
  background-repeat: no-repeat;
  background-position: 1px 50%; }

.DlButtonMenu .LabelPart {
  border-right: none; }

.DlButtonMenu .LabelPart .DlButton-inner {
  border-right: none; }

/* ButtonColorPicker */
.DlButtonColorPicker table {
  border-collapse: collapse; }

.DlButtonColorPicker .DlButton-inner .ColorPart {
  border: 1px solid;
  border-color: #6e6e99 #9b9bb8 #9b9bb8 #6e6e99;
  width: 10px;
  height: 10px;
  overflow: hidden;
  min-height: 0;
  margin-top: 1px; }

.DlButtonColorPicker .Label {
  padding-left: 5px; }

.DlButtonColorPicker .EmptyLabel {
  width: 1px;
  overflow: hidden;
  height: 1em; }

/* Calendar */
.DlCalendar {
  background-color: white; }

.DlCalendar-disabled {
  background-color: #d7d7e3; }

table.DlCalendar {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11px;
  font-family: tahoma,verdana,sans-serif;
  border: 1px solid #9b9bb8; }

.DlCalendar {
  /* weekends */ }
  .DlCalendar tr.DlCalendar-Navigation td {
    text-align: center;
    border-bottom: 1px solid #9b9bb8;
    background-color: #c8c8d8;
    padding: 2px 0; }
  .DlCalendar tr.DlCalendar-Navigation td.PrevMonth, .DlCalendar tr.DlCalendar-Navigation td.PrevYear {
    border-right: 1px solid #9b9bb8;
    font-weight: bold; }
  .DlCalendar tr.DlCalendar-Navigation td.NextMonth, .DlCalendar tr.DlCalendar-Navigation td.NextYear {
    border-left: 1px solid #9b9bb8;
    font-weight: bold; }
  .DlCalendar tr.DlCalendar-Navigation td.NextMonth {
    background-image: url("img/arrows/nav-right.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .DlCalendar tr.DlCalendar-Navigation td.PrevMonth {
    background-image: url("img/arrows/nav-left.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .DlCalendar tr.DlCalendar-Navigation td.NextYear {
    background-image: url("img/arrows/nav-right-x2.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .DlCalendar tr.DlCalendar-Navigation td.PrevYear {
    background-image: url("img/arrows/nav-left-x2.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .DlCalendar tr.DlCalendar-Navigation td.hover {
    background-color: #e6e6ed;
    color: black; }
  .DlCalendar tr.DlCalendar-Navigation td.rolling {
    background-color: #80b9ff; }
  .DlCalendar tr.DlCalendar-DayNames {
    /* td.Today { font-weight: bold; } */ }
    .DlCalendar tr.DlCalendar-DayNames td {
      width: 20px;
      text-align: right;
      padding-right: 3px;
      border-bottom: 1px solid #9b9bb8;
      background-color: #d7d7e3; }
    .DlCalendar tr.DlCalendar-DayNames td.WeekNumber {
      border-right-color: #9b9bb8; }
    .DlCalendar tr.DlCalendar-DayNames td.hover {
      background-color: #e6e6ed;
      color: black; }
    .DlCalendar tr.DlCalendar-DayNames td.WeekEnd {
      color: #cc6622; }
  .DlCalendar tr.Dates td {
    text-align: right;
    padding: 2px 3px 2px 2px; }
  .DlCalendar tr.Dates td.OtherMonth {
    color: #4d4d4d; }
  .DlCalendar tr.Dates td.Today {
    color: blue; }
  .DlCalendar tr.Dates td.DlCalendar-infoDay {
    font-weight: bold;
    background: url("img/tmpcal.gif") no-repeat 100% 100%; }
  .DlCalendar tr.Dates td.Selected {
    border: 1px solid #9b9bb8;
    background-color: #80b9ff;
    padding: 1px 2px 1px 1px; }
  .DlCalendar tr.Dates td.hover {
    border: 1px solid #b9b9cd;
    padding: 1px 2px 1px 1px;
    background-color: #e6e6ed !important; }
  .DlCalendar td.WeekNumber {
    border-right: 1px solid #9b9bb8;
    color: #4d4d4d;
    background-color: #c8c8d8; }
  .DlCalendar tr.Selected td {
    border-bottom: 1px solid #b9b9cd;
    border-top: 1px solid #b9b9cd;
    padding-top: 1px;
    padding-bottom: 1px; }
  .DlCalendar td.WeekEnd {
    color: #cc6622; }
  .DlCalendar td.OtherMonth.WeekEnd {
    color: #e79e6d; }

/* ResizeBar */
.DlResizeBar {
  font-size: 1px;
  line-height: 1px; }

.DlResizeBar-Horizontal {
  height: 5px;
  cursor: s-resize;
  background: url("img/resizebar-horiz2.png") no-repeat 50% 50%; }

.DlResizeBar-Vertical {
  width: 5px;
  cursor: e-resize;
  background: url("img/resizebar-vert2.png") no-repeat 50% 50%; }

.DlResizeBar-DraggingLine {
  position: absolute;
  /*  background-image: url("img/resizebg.gif"); */
  background-color: #e8a850;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 10000; }

/* UploadEntry */
.DlUploadEntry {
  height: 22px; }

.DlUploadEntry iframe {
  background: transparent;
  width: 80px;
  height: 22px;
  display: block; }

/* CONTAINERS */
.DlContainer {
  position: relative; }

/* WARNING: this is probably NOT GOOD!
   but it happens to fix some atrocious bugs in IE
   (randomly disappearing elements on hover).
   XXX: make sure it doesn't break anything!
   */
.DlContainer-Hidden {
  position: absolute;
  left: -30000px;
  top: -30000px;
  visibility: hidden; }

.DlLayout {
  position: relative; }

.DlLayout-positioned {
  position: absolute; }

.DlGridLayout-table {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.DlGridLayout-tr-minHeight td {
  height: 2px; }

.DlGridLayout-td-minWidth {
  width: 2px;
  white-space: nowrap; }

.DlGridLayout-td-minHeight {
  height: 2px; }

/*
   .DlGridLayout-table { background-color: #f00; }
   .DlGridLayout-table td { background-color: #fff; }
/* ^^^ DEBUG */
.DlDesktop {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden; }

.DlFieldset {
  border: 2px groove #e6e6ed;
  margin-top: 1em;
  -moz-border-top-colors: #9b9bb8 #e6e6ed;
  -moz-border-bottom-colors: #e6e6ed #9b9bb8;
  -moz-border-left-colors: #9b9bb8 #e6e6ed;
  -moz-border-right-colors: #e6e6ed #9b9bb8; }

.DlFieldset-label {
  position: relative;
  top: -0.75em;
  left: 5px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  font-weight: bold;
  background-color: #c8c8d8;
  padding: 1px 7px; }

.DlFieldset-content {
  padding: 10px 10px 10px 10px;
  margin-top: -1em; }

.DlPopup {
  position: fixed;
  z-index: 100;
  left: -30000px;
  top: -30000px;
  -moz-box-shadow: 1px 1px 4px black;
  -webkit-box-shadow: 1px 1px 4px black;
  -o-box-shadow: 1px 1px 4px black;
  -khtml-box-shadow: 1px 1px 4px black;
  -ms-box-shadow: 1px 1px 4px black;
  box-shadow: 1px 1px 4px black; }

.DlPopup-scrollArea {
  overflow: hidden;
  position: relative;
  /* -- IE is unbelievable */
  z-index: 10; }

.DlPopup-scrollUp, .DlPopup-scrollDown {
  height: 10px;
  overflow: hidden;
  background-position: 50% 1px;
  background-repeat: no-repeat; }

.DlPopup-scrollUp {
  border-bottom: 1px solid #b9b9cd; }

.DlPopup-scrollDown {
  border-top: 1px solid #b9b9cd; }

.DlPopup-scrollUp {
  background-image: url("img/arrows/scroll-up.gif"); }

.DlPopup-scrollUp-hover {
  background-image: url("img/arrows/scroll-up-hover.gif");
  background-color: #e6e6ed; }

.DlPopup-scrollUp-disabled {
  background-image: url("img/arrows/scroll-up-disabled.gif"); }

.DlPopup-scrollDown {
  background-image: url("img/arrows/scroll-down.gif"); }

.DlPopup-scrollDown-hover {
  background-image: url("img/arrows/scroll-down-hover.gif");
  background-color: #e6e6ed; }

.DlPopup-scrollDown-disabled {
  background-image: url("img/arrows/scroll-down-disabled.gif"); }

.DlCompletionPopup {
  background-color: white; }

.DlCompletionPopup .DlMenuItem .div2 {
  font-size: 90%;
  padding: 1px 5px; }

.DlCompletionPopup .DlVMenu {
  border: none; }

.DlTooltip {
  background-color: #fffee0;
  font-family: arial,helvetica,sans-serif;
  padding: 4px 7px;
  color: #333210; }

.DlTooltip-noShadow {
  border: 1px solid #000; }

.DlDialogPopup {
  background-color: white;
  border: 1px solid #b9b9cd; }

.DlPopupMenu {
  background-color: white; }

.DlPopupMenu-noShadow {
  border: 1px solid #b9b9cd; }

.DlPopupMenu .DlCalendar {
  border: 1px solid; }

.DlCalendar-borderless {
  border-width: 0 !important; }

.DlVMenu, .DlHMenu {
  border-collapse: collapse;
  background-color: white; }

.DlVMenu-noShadow, .DlHMenu-noShadow {
  border: 1px solid;
  border-color: #9b9bb8 #6e6e99 #6e6e99 #9b9bb8; }

.DlVMenu {
  margin: 4px 0; }

.DlHMenu {
  margin: 0 2px; }

.DlHMenu div.DlHMenu-separator {
  overflow: hidden;
  height: 16px;
  width: 1px;
  margin-left: 3px;
  margin-right: 2px;
  border-left: 1px solid #ccc;
  background-color: #fff; }

div.DlVMenu-separator {
  margin: 4px 0 3px 0;
  background-color: #ccc;
  border-bottom: 1px solid #fff;
  height: 1px;
  overflow: hidden;
  font-size: 1px;
  line-height: 1px; }

.DlMenuItem {
  /* background: transparent; background-color: none; /* XXX: do we need this? */ }

.DlMenuItem .div2 {
  padding: 2px 5px; }

.DlMenuItem-popped {
  background-color: #80b9ff;
  color: black; }

.DlMenuItem-hover {
  background-color: #80b9ff;
  color: black; }

.DlMenuItem-active {
  background-color: #222222;
  color: white; }

.DlMenuItem .DlMenuItem-withIcon {
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: 5px 50%; }

.DlVMenu .DlMenuItem .DlMenuItem-withPopup {
  margin-right: 3px;
  padding-right: 12px;
  background-image: url("img/menu/rarrow.gif");
  background-repeat: no-repeat !important;
  background-position: 100% 50%; }

.DlVMenu .DlMenuItem-hover .DlMenuItem-withPopup {
  background-image: url("img/menu/rarrow-hover.gif") !important; }

.DlWidget-disabled .DlMenuItem, .DlMenuItem-disabled {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.DlVMenu .DlCheckbox-hover,
.DlHMenu .DlCheckbox-hover,
.DlVMenu .DlRadioButton-hover,
.DlHMenu .DlRadioButton-hover {
  background-color: #80b9ff;
  color: black; }

.DlVMenu .DlCheckbox-active,
.DlHMenu .DlCheckbox-active,
.DlVMenu .DlRadioButton-active,
.DlHMenu .DlRadioButton-active {
  background-color: #222222;
  color: white; }

/*
.DlPopupMenu .DlCheckbox-hover,
.DlPopupMenu .DlRadioButton-hover { background-color: #76c; color: #fff; }

.DlPopupMenu .DlCheckbox-active,
.DlPopupMenu .DlRadioButton-active { background-color: #cbf; color: #000; }
*/
/* Notebook */
/* .DlNotebook { background-color: $mainBgL1; } */
/* Tabs */
.DlTabs .TabBar {
  z-index: 10;
  position: relative; }

.DlTabs .TabBar .DlButton {
  border-color: #6e6e99; }

.DlTabs .TabBar .DlButton-1 {
  background-color: #d7d7e3; }

.DlTabs .TabBar .DlButton-1 .DlButton-inner {
  padding-top: 3px;
  padding-bottom: 3px;
  border-color: #b9b9cd; }

.DocTabBar {
  width: 100%; }

.DocTabBar td {
  width: 33.3333%; }

.DlTabs-top .TabBar {
  top: 1px; }

.DlTabs-top .TabBar .DlButton-1, .DlTabs-top .TabBar .DlButton-1 .DlButton-inner {
  border-bottom: none; }

.DlTabs-bottom .TabBar {
  top: -1px; }

.DlTabs-bottom .TabBar .DlButton-1, .DlTabs-bottom .TabBar .DlButton-1 .DlButton-inner {
  border-top: none; }

.DlTabs .TabContent, .DlTabs .TabContent .DlNotebook {
  background-color: #d7d7e3; }

.DlTabs .TabContent {
  border: 1px solid #6e6e99; }

.DlTabs .TabContent .TabContent-inner {
  padding: 5px; }

.DlTabs .TabContent-inner {
  position: relative;
  overflow: hidden;
  border: 1px solid #b9b9cd; }

.DlTabs-top .TabContent .TabContent-inner {
  border-top: none; }

.DlTabs-bottom .TabContent .TabContent-inner {
  border-bottom: none; }

/* MacBar */
.DlMacHBar, .DlMacVBar {
  background-color: #b9b9cd;
  border: 1px solid #6e6e99;
  padding: 2px; }

.DlMacBarIcon {
  display: inline; }

.DlMacBarIcon img {
  vertical-align: middle;
  padding: 5px; }

.DlMacBarIcon-1 img {
  border: 1px solid #769;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  -khtml-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  padding: 4px;
  background-color: #edf; }

.DlMacBarIcon-active {
  opacity: 0.6;
  /* filter: alpha(opacity=60); /* IE sucks. */ }

.DlMacHBar div.DlMacHBar-separator {
  overflow: hidden;
  height: 16px;
  width: 1px;
  border-left: 1px solid #98c;
  background-color: #edf; }

.DlMacVBar div.DlMacVBar-separator {
  overflow: hidden;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  border-top: 1px solid #98c;
  background-color: #edf; }

/* Hbox */
table.DlHbox {
  border-collapse: separate; }

.DlHbox td.cell {
  padding: 0; }

.DlHbox div.DlHbox-separator, div.Dl-Vertical-Separator {
  overflow: hidden;
  height: 16px;
  width: 1px;
  border-left: 1px dotted #6e6e99;
  background-color: #e6e6ed;
  /*  margin-left: 3px; margin-right: 2px; */ }

.DlHbox div.wide-separator, div.Dl-Vertical-Separator.wide-separator {
  margin-left: 4px;
  margin-right: 4px; }

.DlHbox div.DlHbox-spacer {
  overflow: hidden;
  width: 4px; }

table.DlHbox-hasFiller {
  width: 100%; }

.DlHbox-filler {
  width: 100%; }

/* Vbox */
table.DlVbox {
  border-collapse: separate; }

.DlVbox td.cell {
  padding: 0; }

.DlVbox div.DlVbox-separator, div.Dl-Horizontal-Separator {
  overflow: hidden;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  border-top: 1px dotted #6e6e99;
  background-color: #e6e6ed;
  /*  margin-top: 3px; margin-bottom: 2px; */ }

.DlVbox div.wide-separator, div.Dl-Horizontal-Separator.wide-separator {
  margin-top: 5px;
  margin-bottom: 4px; }

.DlVbox div.DlVbox-spacer {
  overflow: hidden;
  height: 4px;
  line-height: 1px;
  font-size: 1px; }

/* ButtonBox */
table.DlButtonBox {
  width: 100%; }

table.DlButtonBox .DlButtonBox-spacer {
  width: 100%; }

.DlButtonBox div.DlButtonBox-separator {
  overflow: hidden;
  height: 16px;
  width: 1px;
  border-left: 1px solid #9b9bb8;
  background-color: #e6e6ed;
  margin-left: 3px;
  margin-right: 2px; }

.DlWidget-disabled div.DlVbox-separator, .DlWidget-disabled div.DlHbox-separator {
  border-color: #b9b9cd;
  background-color: #e6e6ed; }

/* Select */
.DlRadioSelect .LabelPart {
  text-align: left; }

.DlSelect-menu .DlRadioButton {
  padding-right: 18px; }

.DlSelect-menu .DlRadioButton-0 {
  background-image: none; }

.DlSelect-menu .DlRadioButton-1 {
  background-image: url("img/mark.gif");
  background-color: #c8c8d8;
  color: #000; }

.DlSelect-menu .DlRadioButton-active {
  background-image: url("img/mark-2.gif") !important; }

/* Toolbar (no special widget) */
/* BEGIN: CRAPPY CODE, PLEASE REVISIT */
.DlToolbar {
  border: 1px solid;
  border-color: #9b9bb8 #6e6e99 #6e6e99 #9b9bb8;
  background-color: #c8c8d8;
  padding: 1px; }
  .DlToolbar .DlButton {
    border: none;
    background: transparent; }
  .DlToolbar .DlButton-inner {
    border: none;
    padding: 3px 4px; }
  .DlToolbar .DlButton-hover {
    border: 1px solid;
    border-color: white #9b9bb8 #9b9bb8 white;
    background: #e6e6ed; }
  .DlToolbar .DlButton-hover .DlButton-inner {
    padding: 2px 3px; }
  .DlToolbar .DlButton-1 {
    border: 1px solid;
    border-color: #b9b9cd white white #b9b9cd;
    background: #fcb587; }
  .DlToolbar .DlButton-1 .DlButton-inner {
    padding: 2px 3px; }
  .DlToolbar .DlButton-active {
    border: 1px solid;
    border-color: #6e6e99 #9b9bb8 #9b9bb8 #6e6e99;
    background: #80b9ff; }
  .DlToolbar .DlButton-active .DlButton-inner {
    padding: 2px 3px; }
  .DlToolbar .DlButton-disabled {
    opacity: 0.7;
    filter: alpha(opacity=70); }
  .DlToolbar .DlButtonMenu * {
    border: none; }
  .DlToolbar .DlButtonMenu .DlButton-inner {
    border: 1px solid;
    border-color: white #9b9bb8 #9b9bb8 white;
    padding: 2px; }
  .DlToolbar .DlButtonMenu .MenuArrow .DlButton-inner {
    padding-left: 0;
    padding-right: 0; }
  .DlToolbar .DlButtonMenu .DlButton-active .DlButton-inner {
    border-color: #6e6e99 #9b9bb8 #9b9bb8 #6e6e99; }
  .DlToolbar .DlButtonMenu .DlButton-1 .DlButton-inner {
    border-color: #6e6e99 #9b9bb8 #9b9bb8 #6e6e99; }
  .DlToolbar .DlButtonMenu .DlButton-hover .MenuArrow-inner {
    padding-left: 1px !important;
    padding-right: 1px !important;
    background-position: 1px 50%; }
  .DlToolbar .DlButtonMenu .DlButton-active .MenuArrow-inner {
    padding-left: 1px !important;
    padding-right: 1px !important;
    background-position: 1px 50%; }
  .DlToolbar .DlButtonMenu .DlButton-1 .MenuArrow-inner {
    padding-left: 1px !important;
    padding-right: 1px !important;
    background-position: 1px 50%; }
  .DlToolbar .DlButtonMenu .MenuArrow .DlButton-inner {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .DlToolbar .DlLabel {
    background: inherit; }
  .DlToolbar div.DlHbox-separator {
    border-left-color: #9b9bb8;
    background-color: #e6e6ed; }

/*
.DlToolbar .DlButtonMenu .DlButton-hover .DlButton-inner { border-color: #659; }
.DlToolbar .DlButtonMenu .LabelPart.DlButton-hover .DlButton-inner { padding-right: 3px; border-right: none; }
*/
.DlToolbar-Light {
  background: #d7d7e3; }

/* END: CRAPPY CODE */
/* Table */
.DlTable-RowSeparator td {
  height: 7px; }

.DlTable-RowSeparator td div {
  line-height: 1px;
  font-size: 1px;
  height: 1px;
  overflow: hidden;
  border-top: 1px solid #9b9bb8;
  background-color: #e6e6ed;
  margin-top: 3px;
  margin-bottom: 2px; }

/* Tree */
.DlTree-separator {
  margin-top: 3px;
  margin-bottom: 4px;
  border-top: 1px dotted #9b9bb8;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden; }

.DlTree-IconWidth {
  width: 19px !important; }

.DlTreeItem .DlTreeItem-Expander {
  width: 19px; }

.DlTreeItem .DlTreeItem-Icon {
  width: 19px;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.DlTreeItem .DlTreeItem-Label {
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 1px; }

.DlTreeItem-withRadio .DlTreeItem-Label {
  padding-left: 0; }
.DlTreeItem-withRadio .DlTreeItem-Table .DlLabel {
  padding: 0 2px; }
.DlTreeItem-withRadio .DlTreeItem-Table .DlRadioButton {
  padding: 0 2px;
  background-image: none !important;
  cursor: pointer; }
.DlTreeItem-withRadio .DlTreeItem-Table .DlRadioButton-hover {
  background: none;
  color: #1a81ff;
  text-decoration: underline; }
.DlTreeItem-withRadio .DlTreeItem-Table .DlRadioButton-1 {
  background-color: #80b9ff;
  color: black; }

.DlTreeItem-withCheck .DlTreeItem-Label {
  padding-left: 0; }
.DlTreeItem-withCheck .DlTreeItem-Table .DlLabel {
  padding: 0 2px; }
.DlTreeItem-withCheck .DlTreeItem-Table .DlCheckbox {
  padding: 0 2px;
  background-image: none !important;
  cursor: pointer; }
.DlTreeItem-withCheck .DlTreeItem-Table .DlCheckbox-hover {
  background: none;
  color: #1a81ff;
  text-decoration: underline; }
.DlTreeItem-withCheck .DlTreeItem-Table .DlCheckbox-1 {
  background-color: #80b9ff;
  color: black; }

/* .DlTreeItem-Table { table-layout: fixed; border-collapse: collapse; } */
.DlTreeItem-Table td {
  vertical-align: middle;
  height: 16px; }

/* BEGIN: tree lines, don't touch this or else. */
.DlTree-withLines .DlTreeItem {
  background-image: url("img/tree/lines-v.gif");
  background-repeat: repeat-y;
  background-position: 9px 50%; }

/* .DlTree-withLines .DlTreeItem-div { background-image: url("img/tree/lines-v.gif"); background-repeat: repeat-y; background-position: 9px 50%; } */
.DlTree-withLines .DlTreeItem-Last {
  background-image: none; }

/* .DlTree-withLines .DlTreeItem-Last .DlTreeItem-div { background-image: none; } */
.DlTree-withLines .DlTreeItem .DlTreeItem-Expander {
  background: transparent url("img/tree/lines-c.gif") no-repeat 50% 50%; }

.DlTreeItem-hasSubtree .DlTreeItem-Expander {
  background: transparent url("img/tree/lines-c.gif") no-repeat 50% 50%; }

.DlTree-withLines table.DlTreeItem-Last .DlTreeItem-Expander {
  background: transparent url("img/tree/lines-b.gif") no-repeat 50% 50%; }

/* END: tree lines */
.DlTreeItem-Subtree {
  padding-left: 19px; }

.DlTreeItem-Arrow-Expanded {
  background: transparent url("img/tree/minus.gif") no-repeat 50% 40%;
  width: 19px;
  height: 100%; }

.DlTreeItem-Arrow-Expanded:hover {
  background: transparent url("img/tree/minus-hover.gif") no-repeat 50% 40%;
  width: 19px;
  height: 100%; }

.DlTreeItem-Arrow-Collapsed {
  background: transparent url("img/tree/plus.gif") no-repeat 50% 40%;
  width: 19px;
  height: 100%; }

.DlTreeItem-Arrow-Collapsed:hover {
  background: transparent url("img/tree/plus-hover.gif") no-repeat 50% 40%;
  width: 19px;
  height: 100%; }

.DlWidget-disabled .DlTreeItem-Arrow-Expanded,
.DlWidget-disabled .DlTreeItem-Arrow-Collapsed,
.DlWidget-disabled .DlTreeItem-Icon {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.DlTreeItem-dropTarget > .DlTreeItem-div .DlTreeItem-Expander div {
  background: url("img/tree-drop-here.gif") no-repeat 50% 50%; }

.DlTreeItem-dropTarget-upper > .DlTreeItem-div .DlTreeItem-Expander div {
  background: url("img/tree-drop-here-upper.gif") no-repeat 50% 50%; }

.DlTreeItem-dropTarget-lower > .DlTreeItem-div .DlTreeItem-Expander div {
  background: url("img/tree-drop-here-lower.gif") no-repeat 50% 50%; }

.DlTreeItem-dropTarget-upper > .DlTreeItem-div > table {
  border-top: 1px solid #9b9bb8; }

.DlTreeItem-dropTarget-lower > .DlTreeItem-div > table {
  border-bottom: 1px solid #9b9bb8; }

.DlTreeItem-div-focus {
  /* outline: 1px solid $focusBorder; */
  /* @include outline-radius(2px); */
  -moz-box-shadow: 0px 0px 4px #e8a850;
  -webkit-box-shadow: 0px 0px 4px #e8a850;
  -o-box-shadow: 0px 0px 4px #e8a850;
  -khtml-box-shadow: 0px 0px 4px #e8a850;
  -ms-box-shadow: 0px 0px 4px #e8a850;
  box-shadow: 0px 0px 4px #e8a850; }

/* ColorPicker */
.DlColorPickerHSV {
  border: 1px solid #000;
  background-color: #e4dcec; }

.DlColorPickerHSV td {
  width: 8px;
  height: 10px;
  padding: 1px; }

.DlColorPickerHSV td.DlColorPickerHSV-Sep {
  background-color: #000;
  width: 1px;
  padding: 0; }

.DlColorPickerHSV td.DlColorPickerHSV-HSV {
  overflow: visible;
  vertical-align: top;
  background: url("img/color/hue.png") repeat-x 0 0;
  width: 15px;
  padding: 0; }

.DlColorPickerHSV td.hover1 {
  padding: 0;
  border: 1px solid #fff !important; }

.DlColorPickerHSV td.hover2 {
  padding: 0;
  border: 1px solid #000 !important; }

.DlColorPickerHSV .DlColorPickerHSV-HSV-bar {
  height: 1px;
  left: 0px;
  font-size: 1px;
  line-height: 1px;
  left: -2px;
  margin-right: -3px;
  background-color: #000;
  overflow: hidden;
  position: relative; }

.DlColorPickerHSV .DlColorPickerHSV-HSV-bar2 {
  background-color: #fff; }

/* RteFrame */
.DlRteFrame {
  border: 1px solid;
  border-color: #9b9bb8; }

/* .DlRteFrame-focus { border-color: #659; outline: 1px solid #98b; -moz-outline-radius: 2px; } */
.DlRteFrame iframe {
  border: 1px solid;
  border-color: #6e6e99 #9b9bb8 #9b9bb8 #6e6e99; }

/* Grid */
.DlDataGrid {
  position: relative;
  background-color: white;
  border: 1px solid #6e6e99; }

.DlDataGrid.DlWidget-disabled {
  background-color: #e6e6ed; }

.DlDataGrid-rowTable {
  table-layout: fixed;
  width: 10px;
  border-collapse: collapse;
  border-spacing: 0; }

.DlDataGrid-rowTable td {
  overflow: hidden;
  white-space: nowrap;
  border-right: 1px solid #e0e0e0; }

.DlDataGrid-Headers {
  overflow: hidden;
  background-color: #c8c8d8;
  position: relative;
  width: 5px; }

.DlDataGrid-Body {
  overflow: auto; }

.DlDataGrid-cellData {
  overflow: hidden;
  white-space: nowrap; }

.DlDataGrid-Body td {
  padding: 2px 0;
  text-indent: 5px;
  /* the "LOL" way to add horizontal padding. :-p */ }

.DlDataGrid-noIndent .DlDataGrid-Body td {
  text-indent: 0; }

.DlDataGrid-valignTop .DlDataGrid-Body td {
  vertical-align: top; }

.DlDataGrid-valignBottom .DlDataGrid-Body td {
  vertical-align: bottom; }

.DlDataGrid-Body .DlDataGrid-rowTable {
  border-bottom: 1px solid #f0f0f4;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.DlDataGrid-resizeHandle {
  width: 7px;
  position: absolute;
  top: 0;
  margin-left: -4px;
  cursor: e-resize;
  z-index: 30000;
  height: 100%;
  background-color: #f00;
  opacity: 0.01;
  filter: alpha(opacity=1); }

.DlDataGrid-align-left {
  text-align: left; }

.DlDataGrid-align-center {
  text-align: center; }

.DlDataGrid-align-right {
  text-align: right; }

.DlDataGrid .DlDataGridRow-selected {
  background-color: #ccc; }

.DlDataGrid .DlDataGridRow-selected table td {
  color: #000; }

.DlDataGrid-focus {
  /* outline: 1px solid $focusBorder; */
  /* @include outline-radius(2px); */
  -moz-box-shadow: 0px 0px 4px #e8a850;
  -webkit-box-shadow: 0px 0px 4px #e8a850;
  -o-box-shadow: 0px 0px 4px #e8a850;
  -khtml-box-shadow: 0px 0px 4px #e8a850;
  -ms-box-shadow: 0px 0px 4px #e8a850;
  box-shadow: 0px 0px 4px #e8a850; }

.DlDataGrid-focus .DlDataGridRow-selected {
  background-color: #80b9ff; }

.DlDataGrid-focus .DlDataGridRow-selected table td {
  color: black; }

.DlDataGrid-align-right .DlButton-inner {
  background-position: 0 50%; }

.DlDataGridHeadLabel {
  border-width: 0 1px 1px 0; }

.DlDataGridHeadLabel .DlButton-inner {
  border: none;
  padding-top: 3px;
  padding-bottom: 3px; }

.DlDataGridHeadLabel-hover {
  background-color: #e6e6ed; }

.DlDataGridHeadLabel-active {
  background-color: #80b9ff; }

.DlDataGridHeadLabel-active .DlButton-inner {
  padding-top: 4px;
  padding-bottom: 2px; }

.DlDataGridHeadLabel-resizing {
  background-color: #80b9ff; }

.DlDataGridHeadLabel-empty .DlButton-inner {
  padding-left: 0;
  padding-right: 0; }

.DlDataGridHeadLabel-empty .DlButton-withIcon {
  background-position: 50% 50%; }

.DlDataGridHeadLabel-sort-up {
  border-bottom: 2px solid #000; }

.DlDataGridHeadLabel-sort-down {
  border-bottom: 2px solid #000; }

.DlDataGridHeadLabel-sort-up .DlButton-inner {
  background-image: url("img/arrows/sort-ascending.gif");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-bottom: 2px; }

.DlDataGridHeadLabel-sort-down .DlButton-inner {
  background-image: url("img/arrows/sort-descending.gif");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-bottom: 2px; }

.DlDataGridHeadLabel-sort-up.DlDataGridHeadLabel-active .DlButton-inner {
  padding-bottom: 1px; }

.DlDataGridHeadLabel-sort-down.DlDataGridHeadLabel-active .DlButton-inner {
  padding-bottom: 1px; }

.DlDataGrid-drop-col {
  position: fixed;
  background: url("img/grid-drop-col.gif") no-repeat 0 0;
  width: 11px;
  height: 11px;
  margin-left: -5px;
  z-index: 10000; }

/* IconListView */
.DlIconListView {
  background-color: #d8c8f8;
  border: 1px solid #bae; }

.DlIconListItem {
  border-collapse: collapse; }

.DlIconListItem-labelCell {
  text-align: center; }

.DlIconListItem-labelDiv {
  overflow: hidden;
  white-space: normal;
  font-size: 90%; }

.DlIconListItem-iconCell {
  background-position: 50% 50%;
  background-repeat: no-repeat; }

/* .DlIconListItem-hover .DlIconListItem-iconCell { opacity: 0.7; filter: alpha(opacity=70); } */
.DlIconListItem {
  cursor: pointer;
  float: left; }

.DlIconListItem-hover {
  background-color: #dcf; }

.DlIconListItem-hover .DlIconListItem-labelCell {
  color: #00f;
  text-decoration: underline; }

.DlIconListItem-1 {
  background-color: #b8b0c0; }

.DlDialog-Active .DlIconListItem-1 {
  background-color: #76c; }

.DlDialog-Active .DlIconListItem-1 .DlIconListItem-labelCell {
  color: #fff; }

.DlIconListItem-focus .DlIconListItem-labelCell {
  text-decoration: underline; }

/* Dialog */
.DlWM {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 300; }

.DlTopWindowManager {
  z-index: 500; }

/* .DlWM-container { */
/*   position: relative; */
/*   width: 0; height: 0; */
/*   overflow: visible; */
/* } */
.DlWM-modalStopper {
  z-index: 800;
  cursor: not-allowed;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*  background: url("img/modalbg.gif"); */
  filter: alpha(opacity=50);
  opacity: 0.5;
  background-color: #444;
  display: none; }

.DlDialog .DlWM-modalStopper {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  -khtml-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.DlDialog .DlDialog-noShadows .DlWM-modalStopper,
.DlDialog-Maximized .DlWM-modalStopper {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -khtml-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.DlWM-hasModals {
  width: 100%;
  height: 100%; }

.DlWM-hasModals .DlWM-modalStopper {
  display: block; }

.DlDialog {
  position: absolute; }

.DlDialog-Rel {
  padding: 0; }

.DlDialog-Content {
  background-color: #d7d7e3;
  position: relative; }

/* .DlDialog>.DlDialog-Rel { position: relative; } /* HACK-IE6 */
.DlDialog-WAIT {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-image: url("img/modalbg.gif"); }

.DlDialog-Rel .ResizeHandle {
  cursor: se-resize;
  position: absolute;
  /*  right: 0; bottom: 0; */
  left: 100%;
  top: 100%;
  margin-left: -11px;
  margin-top: -11px;
  padding: 5px;
  background: url("img/resize.gif") no-repeat 0 0;
  width: 10px;
  height: 10px;
  z-index: 350; }

/* OPACITY for inactive dialogs */
/*
.DlDialog { opacity: 0.8; }
.DlDialog-Active { opacity: 1; }
*/
.DlDialog-Rel {
  -moz-box-shadow: 2px 3px 10px #888888;
  -webkit-box-shadow: 2px 3px 10px #888888;
  -o-box-shadow: 2px 3px 10px #888888;
  -khtml-box-shadow: 2px 3px 10px #888888;
  -ms-box-shadow: 2px 3px 10px #888888;
  box-shadow: 2px 3px 10px #888888; }

.DlDialog-Active .DlDialog-Rel {
  -moz-box-shadow: 2px 3px 20px black;
  -webkit-box-shadow: 2px 3px 20px black;
  -o-box-shadow: 2px 3px 20px black;
  -khtml-box-shadow: 2px 3px 20px black;
  -ms-box-shadow: 2px 3px 20px black;
  box-shadow: 2px 3px 20px black; }

/* that's for the crappin' IE6: */
.DlDialog-noShadows {
  border: 2px solid #879; }

.DlDialog-Active .DlDialog-noShadows {
  border-color: #000; }

.DlDialog-Title {
  opacity: 0.9;
  filter: alpha(opacity=90);
  overflow: hidden;
  white-space: nowrap;
  font: bold 100% "Lucida Grande",verdana,tahoma,sans-serif;
  letter-spacing: -1px;
  background: #4d7bb3 url("img/titlebg.png") repeat-x 0 50%;
  color: #333;
  padding: 0 10px;
  border-bottom: 1px solid #9e9e9e; }

.DlDialog-Title div {
  padding-top: 3px;
  padding-bottom: 3px; }

.DlDialog-Active .DlDialog-Title {
  background-color: #0073ff;
  color: #fff;
  border-color: #fff;
  opacity: 1;
  filter: none;
  text-shadow: 1px 1px 3px #000; }

.DlDialog-Title-withIcon {
  padding-left: 21px;
  background-repeat: no-repeat;
  background-position: 0 50%; }

.DlDialog-WindowButtons {
  height: 0;
  overflow: visible;
  position: absolute;
  right: 11px;
  top: 0;
  z-index: 10;
  opacity: 0.6;
  /* filter: alpha(opacity=60); /* IE hides them completely, ignoring the overflow: visible spec. */ }

.DlDialog-Active .DlDialog-WindowButtons {
  opacity: 1;
  filter: none; }

.DlDialog-WindowButtons div {
  float: right;
  width: 27px;
  height: 16px;
  background-repeat: no-repeat;
  margin-right: -1px;
  background-image: url("img/dialog/buttons.png"); }

.DlDialog-QuitBtn {
  background-position: 0 0; }

.DlDialog-QuitBtn-hover {
  background-position: -27px 0; }

.DlDialog-QuitBtn-active {
  background-position: -54px 0; }

.DlDialog-MaximizeBtn {
  background-position: 0 -16px; }

.DlDialog-MaximizeBtn-hover {
  background-position: -27px -16px; }

.DlDialog-MaximizeBtn-active {
  background-position: -54px -16px; }

.DlDialog-MaximizeBtn-1 {
  background-position: -54px -16px; }

.DlDialog-MinimizeBtn {
  background-position: 0 -32px; }

.DlDialog-MinimizeBtn-hover {
  background-position: -27px -32px; }

.DlDialog-MinimizeBtn-active {
  background-position: -54px -32px; }

.DlDialog-MinimizeBtn-1 {
  background-position: -54px -32px; }

.DlDialog-Dragging .DlDialog-Title {
  background-color: #000;
  color: #3d4; }

.DlDialog-Dragging .DlDialog-Rel {
  border-color: #000; }

/* .DlDialog-Dragging .DlDialog-Content { opacity: 0.6; } */
/* .DlDialog-Dragging .DlDialog-Content * { display: none; } /* Good speed-up in Linux! */
.DlDialog .DlHMenu {
  border: none;
  border-bottom: 1px solid #9b9bb8; }

.DlDialog .DlDialog-Rel {
  border: 1px solid #fff; }

.DlDialog-noShadows > .ResizeHandle {
  margin-left: -10px;
  margin-top: -10px; }

.DlDialog .DlDialog .DlDialog-Title {
  background-color: #fff;
  color: #000;
  /* padding: 0px 2px; */
  border-bottom: 1px solid #888; }

.DlDialog .DlDialog .DlDialog-Title div {
  padding-top: 1px;
  padding-bottom: 1px; }

.DlDialog .DlDialog-Active .DlDialog-Title {
  background-color: #5e5868;
  color: #fff;
  border-color: #fff; }

.DlDialog .DlDialog-Dragging .DlDialog-Title {
  background-color: #000;
  color: #3d4; }

/* maximized dialogs are not resizable */
.DlDialog-Maximized > .DlDialog-Rel {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -khtml-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.DlDialog-Maximized > .DlDialog-Rel > .ResizeHandle {
  display: none; }

.DlDialog-Maximized > .DlDialog-Rel > .DlDialog-Title {
  border-width: 0; }

.DlLiteTree {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .DlLiteTree .hidden {
    display: none; }
  .DlLiteTree ul {
    margin: 0;
    padding: 0;
    display: block; }
    .DlLiteTree ul li {
      display: block; }
      .DlLiteTree ul li .item-label {
        padding: 1px 0;
        white-space: nowrap;
        position: relative; }
      .DlLiteTree ul li .expander {
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding-left: 15px;
        margin-right: 1px; }
      .DlLiteTree ul li .item-label:hover {
        color: black;
        background-color: #e6e6ed; }
      .DlLiteTree ul li .item-label.selected {
        background-color: #ccc;
        color: #000; }
    .DlLiteTree ul .item-label.collapsed > .expander {
      background-image: url("img/tree/plus.png");
      background-position: 3px 50%;
      cursor: pointer; }
      .DlLiteTree ul .item-label.collapsed > .expander:hover {
        background-color: #e8a850; }
    .DlLiteTree ul .item-label.expanded > .expander {
      background-image: url("img/tree/minus.png");
      background-position: 3px 50%;
      cursor: pointer; }
      .DlLiteTree ul .item-label.expanded > .expander:hover {
        background-color: #e8a850; }
    .DlLiteTree ul span.dim {
      color: #6e6e99; }
    .DlLiteTree ul ul .expander {
      margin-left: 16px; }
    .DlLiteTree ul ul ul .expander {
      margin-left: 32px; }
    .DlLiteTree ul ul ul ul .expander {
      margin-left: 48px; }
    .DlLiteTree ul ul ul ul ul .expander {
      margin-left: 64px; }
    .DlLiteTree ul ul ul ul ul ul .expander {
      margin-left: 80px; }
    .DlLiteTree ul ul ul ul ul ul ul .expander {
      margin-left: 96px; }
    .DlLiteTree ul ul ul ul ul ul ul ul .expander {
      margin-left: 112px; }
    .DlLiteTree ul ul ul ul ul ul ul ul ul .expander {
      margin-left: 128px; }
    .DlLiteTree ul ul ul ul ul ul ul ul ul ul .expander {
      margin-left: 144px; }
    .DlLiteTree ul ul ul ul ul ul ul ul ul ul ul .expander {
      margin-left: 160px; }

.DlLiteTree-focus {
  border-color: #6e6e99 #58587c #58587c #6e6e99;
  /* outline: 1px solid $focusBorder; */
  /* @include outline-radius(2px); */
  -moz-box-shadow: 0px 0px 4px #e8a850;
  -webkit-box-shadow: 0px 0px 4px #e8a850;
  -o-box-shadow: 0px 0px 4px #e8a850;
  -khtml-box-shadow: 0px 0px 4px #e8a850;
  -ms-box-shadow: 0px 0px 4px #e8a850;
  box-shadow: 0px 0px 4px #e8a850; }
  .DlLiteTree-focus ul li .item-label.selected {
    background-color: #80b9ff;
    color: black; }

/* ICONS */
.IconCalendar {
  background-image: url("img/icons/calendar.png");
  background-position: 1px 50%; }

.IconColors {
  background-image: url("img/icons/colors.png");
  background-position: 1px 50%; }

.IconChardev {
  background-image: url("img/icons/gnome-fs-chardev.png");
  background-position: 1px 50%; }

.IconDynarch {
  background-image: url("img/icons/dynarch-small.png");
  background-position: 1px 50%; }

/* MISC */
/* Hint for the browser that it's allowed to break line at this span;
ideally it should be invisible.  The UTF8 character doesn't work in
all browsers :(( */
span.BreakPoint {
  width: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden; }

.SmallerButtons .DlButton-inner {
  padding: 1px 3px; }

.SmallerButtons .DlButton-active .DlButton-inner {
  padding: 2px 2px 0px 4px; }

.Dl-StatusBar {
  border: 1px solid;
  border-color: #6e6e99 #9b9bb8 #9b9bb8 #6e6e99;
  padding: 1px 4px;
  background-color: #c8c8d8; }

.Dl-ResizeRect {
  z-index: 5000;
  font: 13px tahoma,"Trebuchet MS",Tahoma,Verdana,sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  border: 1px dashed #000;
  /*  background: url("img/modalbg.gif"); */
  background: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /*  background-color: #000; opacity: 0.5; filter: alpha(opacity=50); */
  border: 1px dashed #f00; }

.Dl-ResizeRect {
  color: red; }

.Dl-ResizeRect .Title {
  font-weight: bold; }

.Dl-ResizeRect-moving {
  border-color: #000;
  /*  background: url("img/resizebg.gif"); */
  /* background: #000; */ }

.DlAlign-left {
  text-align: left; }

.DlAlign-right {
  text-align: right; }

.DlAlign-center {
  text-align: center; }

.Dl-3D-Border-Outside {
  border: 1px solid;
@incude outset-border1; }

.Dl-3D-Border-Inside {
  border: 1px solid;
  border-color: white #9b9bb8 #9b9bb8 white; }

.Dl-3D-Border-Dark {
  border: 1px solid #9b9bb8; }

/* BUGS */
/* Gecko bugs are marked with class "Gecko-bug" *and* "Gecko-bug-######" (bug number) */
.Gecko-Bug-226933 {
  position: relative;
  overflow: auto; }

.undefined {
  border: 5px solid red; }

/* this sucks */
/* thin shadows */