body{
    background-color:#282D2B;
    overflow-Y:scroll;
}
#main{
    position:absolute;
    width:100%;
    height:100%;
    margin-top:-10px;
    margin-left:-10px;
}
#sub{
    width:850px;
    height:480px;
    background-color:#282D2B;
    padding: 2em 2em 2em 2em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
#header{
    background:#64665F url(../img/header.jpg) no-repeat;
    /*width:1100px;*/
    /*height:186px*/
    width: 100%;
    height: 4em;
}

#copy{
   font:12px arial,sans-serif;
   padding:20px;
}
#navigation {
  width: 100%;
    padding-bottom: 1em;
}
#navigation div{
    background:#64665F;
    padding:5px 0;
    margin-bottom: 1em;
}

#workspace {
  width: 100%
}

select{
    background-color:#282D2B;
    color:#B6B3AA;
    border:1px solid #B6B3AA;
    font:12px arial,sans-serif;
    width:140px;
    overflow:none;
}
option{
    color:#B6B3AA;
}
optgroup{
    font-style:normal;
    font-weight:normal;
    color:#66CC33;
    margin:2px
}
.view button{
      width:70px;
      color:#B6B3AA;
      background:#64665F;
      border:0px;
      font:12px arial,sans-serif;
      margin-right:3px;
}

.toolbar button{
    width:70px;
    color:#B6B3AA;
    background:#64665F;
    border:0px;
    font:12px arial,sans-serif;
    margin-right:3px;
}

.zoom button{
      width:20px;
      color:#B6B3AA;
      background:#64665F;
      border:0px;
      font:12px arial,sans-serif;
      margin-right:3px;
}
#resources a{
      padding:5px;
      color:#B6B3AA;
      background:#64665F;
      text-decoration:none;
      border:0px;
      font:12px arial,sans-serif;
      margin-right:3px;
}
#navigation a{
      color:#B6B3AA;
      font:13px arial,sans-serif;
      padding-left:25px;
      text-decoration:none;
      outline:0px;
}
.search{
      background-color:#282D2B;
      color:#B6B3AA;
      border:1px solid #B6B3AA;
      float:right;
      font:12px arial,sans-serif;
      width:140px
}
.searchlabel{
      color:#B6B3AA;
      font:12px arial,sans-serif;
}

.register{
      background-color:#282D2B;
      color:#B6B3AA;
      border:1px solid #B6B3AA;
      font:12px arial,sans-serif;
      width:140px
}

TH{
      color:#B6B3AA;
      font:12px arial,sans-serif;
      border:1px solid #B6B3AA;
}
TD{
      color:#B6B3AA;
      font:12px arial,sans-serif;
}
TD a{
      color:#66CC33;
      font:12px arial,sans-serif;
      text-decoration:none;
      outline:0px;
}
h3{
      color:#B6B3AA;
      font:16px arial,sans-serif;
}
.searchbutton{
      background-color:#282D2B;
      color:#B6B3AA;
      border:1px solid #B6B3AA;
      /*float:right;*/
      font:12px arial,sans-serif;
      width:6em;
}
.selected{
      color:#66CC33 !important;
}
iframe{
     border:0px;
}
.recordlabel{
     color:#B6B3AA;
     font:12px arial,sans-serif;
}
#resource{
     background-color:transparent !important;
}
#resource div{
     background-color:transparent !important;
}
#results table tr{
     background:#333;
}
#results table tr:nth-child(2n+0){
     background:#444;
}
#results table tr:last{
     background:#282D2B;
}

#ndtresults table tr{
     background:#333;
}
#ndtresults table tr:nth-child(2n+0){
     background:#444;
}
#ndtresults table tr:last{
     background:#282D2B;
}


.button{
     background-color:#282D2B;
     color:#B6B3AA;
     border:1px solid #B6B3AA;
     font:12px arial,sans-serif;
}

.rcmbutton{
    background-color:#282D2B;
    color:#B6B3AA;
    border:1px solid #B6B3AA;
    font:12px arial,sans-serif;
    width:100px;
    margin-left:20px
}

.dialog{
    color:#000;
}

h4{
    color:#B6B3AA;
    font-family:arial,sans-serif;
}

.filebutton{
    color:#B6B3AA;
}

.info{
    color:rgb(102, 204, 51);
}

.notification a{
  font-size:11pt;
}

.alert{
  list-style: square url("../img/alert.png");
}
.info{
  list-style:square url("../img/info.png");
}

/*#notifications li{
     background:#333;
}

#notifications li:nth-child(2n+0){
     background:#444;
}*/