/* --- Default properties --------------------------------------------------- */
.dbgrid-records.busy {
   opacity: 0.5;
}

.dbgrid-results {
}

.dbgrid-results-table {
   border-spacing: 0px;
   border-style: none;
}

.dbgrid-results-header {
}

.db-column-type {
   overflow-y: auto;
   max-height: 200px;
   display: inline-block;
}

.dbgrid-results-tr.empty .dbgrid-results-td {
   padding-top: 20px;
   padding-bottom: 20px;
   height: 100px;
   text-align: center;
   vertical-align: middle;
}

.dbgrid-results-th {
   padding: 5px 14px 5px 5px;
   cursor: pointer;
   text-align: left;
}

.dbgrid-results-th.sort-asc {
   background-repeat: no-repeat;
   background-image: url(/Apps/DBGrid/Images/sort-asc.gif);
   background-position: right center;
   padding-left: 12px;
}

.dbgrid-results-th.sort-desc {
   background-repeat: no-repeat;
   background-image: url(/Apps/DBGrid/Images/sort-desc.gif);
   background-position: right center;
   padding-left: 12px;
}

.dbgrid-results-tr.odd {
}

.dbgrid-results-tr.even {
}

.dbgrid-results-td {
   padding: 2px;
}

.dbgrid-search {
   margin-bottom: 10px;
}

.dbgrid-search .dbgrid-query-field {
   width: 200px;
}

.dbgrid-navigation {
   text-align: center;
   width: 100%;
   font-size: 14px;
   line-height: 20px;
   margin-top: 10px;
}

.dbgrid-navigation .dbgrid-prev a,
.dbgrid-navigation .dbgrid-next a,
.dbgrid-navigation .dbgrid-pages a {
   font-size: 14px;
   line-height: 20px;
   display: inline-block;
   float: left;
   width: 20px;
   height: 20px;
}

.dbgrid-navigation .dbgrid-prev a {
   margin-right: 5px;
}

.dbgrid-navigation .dbgrid-pages a {
   margin-right: 5px;
}

.dbgrid-navigation .dbgrid-pages a.current {
   border: 1px solid #CCCCCC;
}

/* -- Light color scheme ---------------------------------------------------- */
.dbgrid-results.light .dbgrid-results-table {
   border: 1px solid #CCC;
   border-left: none;
}

.dbgrid-results.light .dbgrid-results-td {
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
}

.dbgrid-results.light .dbgrid-results-th {
   border-left: 1px solid #CCC;
   background-color: rgba(200,200,200,.3);
}

.dbgrid-results.light .dbgrid-results-th.sort-asc,
.dbgrid-results.light .dbgrid-results-th.sort-desc {
   background-color: rgba(160,160,160,.3);
}

.dbgrid-results.light .dbgrid-results-tr.odd td {
   background-color: rgba(225,225,225,.3);
}