/*
 * General
 */
 
#file-maintenance-browser-form {
  /*font-size: 0.75em;*/
  font-size: 9.75px;
}

#file-maintenance-browser-form .fieldset-settings {
  float: left;
  margin-right: 13px;
}

#file-maintenance-browser-form #edit-file-list-columns {
  /* TODO */
  width: 140px; 
}

#file-maintenance-browser-form .fieldset-help {
  float: right;
  margin-top: 0;
}

#file-maintenance-browser-form .form-item {
  margin: 0 0 5px;
  padding: 0;
}

#file-maintenance-browser-form .form-item .form-item {
  padding: 0;
}

/*
 * Filename colors
 */

/* database only */
#directory-tree-wrapper .directory-name.database-only a,
#file-list-wrapper .database-only .file-name {
  color: #e00; /* red */
}
#file-list-wrapper tr.even.database-only {
	background-color: #fcc; /* reddish (darker) */
}
#file-list-wrapper tr.database-only,
#file-list-wrapper tr.odd.database-only {
  background-color: #fdd; /* reddish */
}

/* filesystem only */
#directory-tree-wrapper .directory-name.filesystem-only a,
#file-list-wrapper .filesystem-only .file-name {
  color: #22d; /* blue */
}
#file-list-wrapper tr.even.filesystem-only {
  background-color: #e0e0ff; /* bluish (darker) */
}
#file-list-wrapper tr.filesystem-only,
#file-list-wrapper tr.odd.filesystem-only {
  background-color: #e8e8ff; /* bluish */
}

/* database and filesystem */
#directory-tree-wrapper .directory-name.database-filesystem a,
#file-list-wrapper .database-filesystem .file-name {
  color: #080; /* green */
}

/* temporary */
#directory-tree-wrapper .directory-name.temporary a,
#file-list-wrapper .temporary .file-name {
  color: #55d !important; /* lighter blue */
}


/*
 * Directory tree
 */
 
#directory-tree-wrapper {
  position: relative;
  float: left;
  width: 400px;
  /* margin-top: 50px; */
  margin-right: 4px;
  padding-right: 4px;
  white-space: nowrap;
  
  /* prevent file-list from overlapping directory-tree */
  z-index: 1;
}


#directory-tree-wrapper #directory-tree-container {
  height: 491px;
  border: 1px solid;  
  border-color: #ddd;
  background-color: #f0f0f0;
  overflow: auto;
}

/* Throbber */

#directory-tree-wrapper .ajax-progress-throbber {
  position: relative;
  display: inline-block;
  float: left;
  height: 24px;
  line-height: 24px;
  width: 16px;
  margin-left: -16px;
}
#directory-tree-wrapper .ajax-progress-throbber .throbber {
  position: absolute;
  top: 50%;
  margin: -8px 0 0 16px;
  text-align: right;
}

/* Toggle */

#directory-tree-wrapper .tree-children {
  display: none;
}

#directory-tree-wrapper .toggle-element img.hidden {
  display: none;
}

#directory-tree-wrapper .tree-children.expanded {
  display: block;
}

#directory-tree-wrapper .directory-name {
  /*display: inline-block;*/
  float: left;
  border: 0px solid;
  margin-left: 4px;
  height: 24px;
}

#directory-tree-wrapper .dir-info {
  /*display: inline-block;*/
  float: right;
  color: gray;
}

#directory-tree-wrapper .info-column {
  display: inline-block;
  text-align: right;
  border: 0px solid;
  height: 24px;
  line-height: 24px;
  padding: 0 4px;
}

#directory-tree-wrapper .file-count-column {
  width: 20px;
}

#directory-tree-wrapper .files-size-column {
  width: 45px;
}

#directory-tree-wrapper .files-size-deep-column {
  width: 50px;
  font-style: italic;
}

#directory-tree-wrapper .tree-box {
  /*display: inline-block;*/
  float: left;
  position: relative;
  border: 0px solid;
  margin: 0;
  margin-left: 4px;
  width: 16px;
  height: 24px;
  text-align: middle;
  vertical-align: middle;
}

#directory-tree-wrapper .tree-box img {
  position:absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

#directory-tree-wrapper .tree-directory-row {
  position: relative;
  white-space: nowrap;
  border-bottom: 1px solid;
  border-color: #ddd;
  line-height: 24px;
  background-color: white;
}

#directory-tree-wrapper .tree-directory-row.active {
  background: #abd1ff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8f3ff', endColorstr='#abd1ff'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#e8f3ff), to(#abd1ff)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #e8f3ff,  #abd1ff); /* for firefox 3.6+ */ 
}

/*
 * File list
 */
 
#file-list-wrapper {
  position: relative;

  /* prevent file-list from overlapping directory-tree */
  z-index: 0;
}

#file-list-wrapper .current-uri {
	font-size: 1.2em;
	font-weight: bold;
}

#file-list-wrapper .missing {
  background: #e00;
  color: #fe0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88', endColorstr='#d00'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#e88), to(#d00)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #e88 ,  #d00); /* for firefox 3.6+ */ 
  padding: 0 0.5em;
}

#file-list-wrapper .file-list-table.static-header thead {
  display: none;
}

#file-list-wrapper #file-list-table-header {
  overflow: hidden;
/* TODO */
/* padding-left: 1px; */
}

#file-list-wrapper #file-list-table-scrollview {
  overflow: auto;
  height: 450px;
  background-color: #f0f0f0;
  border: 1px solid;
  border-top: 0 none;
  border-color: #ddd;
}

#file-list-wrapper table.sticky-header-table {
  margin: 0 0 0 1px;
}

#file-list-wrapper #file-list-table-container {
}

#file-list-wrapper .file-list-header-wrapper {
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  margin-bottom: 8px;
}

#file-list-wrapper .file-list-header {
  height: 24px;
  padding: 4px; 
/*  margin: 0 0 8px 0;*/
  margin: 0;
  border: 1px solid;
  border-color: #ddd;
}

#file-list-wrapper .usage-info {
/*  font-size: 0.75em;*/
  line-height: 1.1em;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
}

#file-list-wrapper .file-icon {
  text-align:center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #eee;
  border: 1px solid;  
  border-color: #ddd; 
}

#file-list-wrapper .file-icon img,
#file-list-wrapper .info-icon img {
  vertical-align: middle;
}

#file-list-wrapper .file-icon .extension-icon {
  text-transform: uppercase;
  overflow: hidden;
}


#file-list-wrapper .original-filename {
  color: #888;
/*  font-size: 0.75em;*/
  line-height: 1em;
}

#file-list-wrapper .file-dimensions {
  text-align: right;
}

#file-list-wrapper .file-size {
  text-align: right;
}

#file-list-wrapper .db-status {
  text-align: center;
}

#file-list-wrapper ul.usage-info {
}


#file-list-wrapper th.usage-column {
/*  width: 100px;
  max-width: 100px; */
}

/* #file-list-wrapper .file-name,*/
#file-list-wrapper th.filename-column {
  width: 100%;
}

#file-list-wrapper table.file-list-table {
  border: 0 none;
}

#file-list-wrapper table.file-list-table tr td:last-child {
  border-right: 0 none;
}

#file-list-wrapper table.file-list-table tr {
  border: 0 none;
  border-bottom: 1px solid;
  border-color: #ddd;
}

#file-list-wrapper table.file-list-table td {
  padding: 3px 3px;
}

#file-list-wrapper table.file-list-table th {
  padding: 3px 3px;
}

#file-list-wrapper .highlight,
#file-list-wrapper tr.even.highlight,
#file-list-wrapper tr.odd.highlight {
  background-color: #abd1ff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8f3ff', endColorstr='#abd1ff'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#e8f3ff), to(#abd1ff)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #e8f3ff,  #abd1ff); /* for firefox 3.6+ */ 
}

#file-list-wrapper .highlight td {
  background-color: transparent;
}