/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(94, 22, 21, 1);
}

body {
  background-color: #E6E3ED;
  #color:            #000000;

  font-family: Sans-Serif, cursive;
  font-family: 'Monda', sans-serif;
}

pre.frame {
  background-color: #343535;
  color:            #000000;
  height: 100%;
}

ul.autocompleter-choices li {
  background-color: #E6E3ED;
}

ul.autocompleter-choices li.autocompleter-selected {
  background-color: #BE271D;
}

button span {
  background-color: #BE271D;
  background: #BE271D;

  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
  color: #000000;
}

/*
* Login
*/
  form#login {
    background: url(/gfx/logo.nssl.png) no-repeat top center;
    width:      690px;
    height:     230px;

    color: #BE271D;
  }

  form#login div#data {
    margin: 170px auto auto auto;
  }

  form#login input {
    margin-right: 20px;
    width: 120px;
  }

  form#login label {
    color: #000000;
  }

/*
* Calendar
    width: 170px;
*/
  div.calendar iframe {
    clear: none;
    float: none;
    position: absolute;
    background-color: #F3F3F3;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 130px;
    border-style: none;
    border-width: 0px;
    display: none;
    z-index: 999;
  }

  div.calendar div.element {
    clear: both;
    float: none;
    margin: 0px;
  }

  div.calendar table {
    vertical-align: center;
    background-color: #F3F3F3;
    border:           1px solid black;
    clear: both;
    display: block;
    display: none;
    position: absolute;
    z-index: 1000;
    width: auto;
    height: auto;
  }

  div.calendar table table {
    border: none;
    display: block;
    position: relative;
  }

  div.calendar div,
  div.calendar td {
    font-family:    Arial;
    font-size:      12px;
    font-weight:    normal;
    text-align:     center;
    cursor:         pointer;
  }

  div.calendar div {
    padding: 2px 5px;
    margin: 3px;
    font-weight: bold;
  }

  div.calendar td.year,
  div.calendar td.month,
  div.calendar tr.days td.day {
    cursor:      default;
  }

  div.calendar td table {
    padding: 3px;
  }

  div.calendar td.no,
  div.calendar tr.days td.day {
    padding:     1px 1px;
    font-weight: bold;
  }

  div.calendar td.year,
  div.calendar td.month,
  div.calendar td.previous,
  div.calendar td.next {
    font-weight: bold;
    padding:     3px 3px;
  }

  div.calendar td.previous,
  div.calendar td.next {
    width:     1px;
  }


  div.tabform_map div.calendar {
    margin-top:       5px;
  }

  div.tabform_map div.calendar div.element {
    background-color: #F3F3F3;
    border:           1px solid black;
  }

  table#main td.header,
  table#main td.objectbrowser.frame,
  table.tabs td.tabforms {
    background-color: #FFFFFF;
  }

/*
* Objectbrowser
    font-size:      12px;
*/
  div#objectbrowser {
    color:       #000000;
  }

  div#objectbrowser div.highlighted {
    margin-top: 1px;
  }

  div#objectbrowser span {
    padding:        0px 5px;
    margin-left:    3px;
  }

  div#objectbrowser span.highlighted {
    background-color: #BE271D;
    color:       #FFFFFF;
    border-radius: 7px;

    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
  }

  div#objectbrowser span.expander {
    background-color: #343535;
    font-weight: bold;
  }

  div#objectbrowser span.expander {
    background-color: #343535;
    color: #BE271D;
  }

/*
* Tabs
*/
  table.tabs .tab {
    background-color: #BE271D;

    border-right:     solid 1px #E6E3ED;
    border-bottom:     solid 1px #E6E3ED;
  }

  table.tabs .hover {
    background-color: #BE271D;
  }

  table.tabs .selected {
    background-color: #BE271D;
    border-bottom-color: #BE271D3023
  }

/*
* Form
*/
  div.form div.Element {
    color:          #000000;
  }

  td#io div.form div.ElementList table {
    width:          auto;
  }

  div.form p {
    color:            #000000;
  }

  div.form input,
  div.form select {
    padding: 2px;
    background-color: #E6E3ED;
    color:            #000000;
    border-width: 1px;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset;
  }

  div.form textarea {
    background-color: #E6E3ED;
    color:            #000000;
  }

  div.form div.ElementList table#tasks td,
  div.form div.ElementList table#tasks td.error {
    color:          #CCCCCC;
    text-align:     left;
  }

  div.form div.ElementList table#tasks td.name {
    color:          #000000;
  }

  div.form div.ElementList table#tasks th,
  div.form div.ElementList table#tasks tr.current td {
    color:          #000000;
  }


table.dataTable,
.DTE {
  color: #343535;
}