.aBar {
   background: #5A6F61;
   color: #fff;
   cursor: move;
   font-weight: bold;
   height: 40px;
}
.aBar div.foldertop {
   float: left;
   height: 40px;
   padding-left: 5px;
   padding-top: 0px;
}
.aBar .foldertop h1 {
   color: #fff;
   margin: 0;
}
.aBar div.folderright {
   float: right;
   height: 40px;
   margin-left: 0;
   padding-right: 5px;
   text-align: right;
   width: 20%;
}
div.ql-toolbar button  {
   -moz-box-shadow: 0px 0px 0px 0px #5A6F61 !important;
   -webkit-box-shadow: 0px 0px 0px 0px #5A6F61 !important;
   box-shadow: 0px 0px 0px 0px #5A6F61 !important;
   min-width: 0px;
}
.dtable button  {
   min-width: 50px;
}
textarea {
   min-width:370px;
}
#dtable-results
{
   min-width: 25%;
   padding: 5px;
   width: calc(100% - 20px);
}
#dtable-results-inner
{
   min-width: 25%;
   width: 100%;
}
#dtable-view
{
   z-index: 1000;
   position: absolute;
   top: 300px;
   margin: 0 auto;
   background:#fff;
   visibility: hidden;
   border: 1px solid #dddddd;
   -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75) !important;
   -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75) !important;
   box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75) !important;

   width: 70%;
   float: left;
}
div.control-buttons
{
   padding: 6px 3px 6px 3px;
   text-align:right;
   background-color: #fff;
   color: #111;
}
div.control-buttons span
{
   color: #111 !important;
}
table.dtable
{
   border-collapse: collapse;  
   margin-top: 5px;
}

table.dtable td.dtable,
table.dtable td.dtable-alt
{
   border: 1px solid #CCCCCC;
   padding: 6px 3px 6px 3px;
}

table.ftable
{
   border-collapse: collapse;
   margin-top: 5px;
}

table.ftable th.ftable,
table.ftable th.ftable-alt
{
   border: 0;
   padding: 2px 3px 3px 3px;
}

table.ftable td.ftable,
table.ftable td.ftable-alt
{
   border: 1px solid #CCCCCC;
   padding: 2px 3px 3px 3px;
}
img
{
   border: 0px;  
}
table.dtable tr:hover,
table.dtable-alt tr:hover
{
   background: lightgray;
}
div.record-prop-det table.dtable tr:hover,
div.record-prop-det table.dtable-alt tr:hover
{
   background: none;
}


table.dtable th,
table.dtable-alt th
{
   background: #5A6F61;
   padding: 6px 3px 6px 3px;
}
table.dtable th.dtable a
{
   text-decoration: none;
}


th.title-cell
{
   
}

th.title-cell h1
{
   font-size: 13px;
   margin: 2px 0px 1px 0px;
   color: #554391
}

th.title-cell h1 span.title-cell-left
{
   float: left;  
}
th.title-cell h1 span.title-cell-right
{
   float: right;  
}
#helpText h2
{
   background-color: purple;
   color: #ffffff;
   padding: 3px 6px;
   width: calc(100% - 6px);
}
#helpText
{
   background: #fff;
   z-index: 1001;
   position: absolute;
   margin:0px;
   left: calc(50% - 300px);
   padding:0px;
   top: 300px;
   min-height: 100px;
   width: 300px;
   border: 1px solid #dddddd;
   visibility: hidden;      
   position: absolute;
   text-align: left;
   -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   top: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}
#record-prop
{
   background: #fff;
   z-index: 1000;
   position: absolute;
   margin:0px;
   left: 30%;
   padding:0px;
   top: 300px;
   min-height: 80px;
   width: 500px;
   visibility: hidden;      
   position: absolute;
   text-align: left;
   border: solid 1px #dddddd;
   -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   top: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}

div.record-prop-det
{
   border-top: 0;
   padding: 6px 3px 6px 3px;
   min-height: 300px;
}

#helpText p
{
   margin: 6px;
   width: calc(100% - 12px);
}

#popupTextBackground
{
   background: #666;
   filter:alpha(opacity=60);
   -moz-opacity:.60;
   opacity:.60;
   -khtml-opacity: 0.6;
   z-index: 1000;
   position: absolute;
   left: 0;
   top: 0;
   height: 1px;
   width: 100%;
   visibility: hidden;         
}

@media (max-width: 960px) {

   #record-prop {
      width: 300px;
      left: 10px;
   }

}