.ftree-ng .controls {
  margin-bottom: .5em;
}

.ftree-ng .controls li {
  display: inline;
  padding-right: .5em;
}

.ftree-ng .folder {
  margin: 0;
  cursor: pointer;
}

.ftree-ng .rootfolder {
  margin: 0;
  cursor: pointer;
}

.ftree-ng .files ul {
  padding-left: 0;
}

.ftree-ng .files li {
  background: url(images/file.png) no-repeat left top;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.ftree-ng .files li.rootfolder,
.ftree-ng .files li.folder,
.ftree-ng .files a {
  padding-left: 20px;
}

/* thumbnails */
.ftree-ng li.thumbnail {
  line-height: 1;
/*  display:inline-block; */
}
.ftree-ng li.thumbnail a {
  padding-left: 0px;
  margin-top: 4px;
  margin-left: 4px;
}
.ftree-ng li.thumbnail div.name {
  font-size: 10px;
  white-space: pre;
  overflow: hidden;
  margin-left: 4px;
}

/* icons */

.ftree-ng li.application {
  background-image: url(images/application.png);
}

.ftree-ng li.code {
  background-image: url(images/code.png);
}

.ftree-ng li.css {
  background-image: url(images/css.png);
}

.ftree-ng li.db {
  background-image: url(images/db.png);
}

.ftree-ng li.doc {
  background-image: url(images/doc.png);
}

.ftree-ng li.film {
  background-image: url(images/film.png);
}

.ftree-ng li.flash {
  background-image: url(images/flash.png);
}

.ftree-ng li.rootfolder {
  background-image: url(images/tree.png);
}

.ftree-ng li.folder {
  background-image: url(images/folder.png);
}

.ftree-ng li.expanded {
  background-image: url(images/folder_open.png);
}

.ftree-ng li.html {
  background-image: url(images/html.png);
}

.ftree-ng li.java {
  background-image: url(images/java.png);
}

.ftree-ng li.linux {
  background-image: url(images/linux.png);
}

.ftree-ng li.music {
  background-image: url(images/music.png);
}

.ftree-ng li.pdf {
  background-image: url(images/pdf.png);
}

.ftree-ng li.php {
  background-image: url(images/php.png);
}

.ftree-ng li.image {
  background-image: url(images/image.png);
}

.ftree-ng li.ppt {
  background-image: url(images/ppt.png);
}

.ftree-ng li.psd {
  background-image: url(images/psd.png);
}

.ftree-ng li.ruby {
  background-image: url(images/ruby.png);
}

.ftree-ng li.script {
  background-image: url(images/script.png);
}

.ftree-ng li.txt {
  background-image: url(images/txt.png);
}

.ftree-ng li.xls {
  background-image: url(images/xls.png);
}

.ftree-ng li.zip {
  background-image: url(images/zip.png);
}

.ftree-ng li.inline-html {
  background-image: none;
}

.ftree-ng li.thumbnail {
  background-image: none;
}

.ftree-ng li.thumbnail > div {
  display: inline-block;
}

.ftree-ng li.thumbnail > div.ftree-ng-hidden {
  display: none;
}

div.ftree-ng-login {
/*  position: static; */
}

div.ftree-ng-login form {
  position: fixed;
  padding: 1em;
  background: lightgray;
  display: none;
  z-index: 1010;
}

div.ftree-ng-login ul {
  list-style-type: none;
  padding: 0;
}

div.ftree-ng-login.logged-in ul.ftree-ng-login {
  display: none;
}

div.ftree-ng-login.logged-in li.login {
  display: none;
}

div.ftree-ng-login.logged-out ul.ftree-ng-login-logout {
  display: none;
}

div.ftree-ng-login.logged-out li.logout {
  display: none;
}

ul.ftree-ng-menubar li {
  display: inline-block;
}

ul.ftree-ng-login-logout input[type=text] {
  border: none;
}

div.ftree-ng-login div.ftree-ng-layout {
  display: none;
  background-color: lightgray;
  border: 1px solid black;
  position: absolute;
  z-index: 9999;
}

div.ftree-ng-login .ftree-ng-message {
  padding: 4px;
  padding-left: 28px;
  margin: 12px;
  background: url("icons/error.png") no-repeat lightgray;
  color: red;
}

div.ftree-ng-admin-mode div.ftree-ng-login {
  background-color: lightsteelblue;
  padding: 0.5em;
}

div.ftree-ng-notadmin-mode ul li.ftree-ng-admin-title {
  display: none;
}

ul.ftree-ng-menubar li.ftree-ng-admin-title {
  display: block;
  background-color: silver;
  text-align: center;
  padding: 2px;
  margin: 2px;
}

div.ftree-ng div.item-list ul {
  margin-left: 0;
}

div.ftree-ng-login form ul.ftree-ng-submit,
div.ftree-ng-login form li.ftree-ng-submit {
  float: right;
}

div.ftree-ng-login form.ftree-ng-opform ul.ftree-ng-form-op {
  display: none;
}

div.ftree-ng-login form.ftree-ng-opform input.ftree-ng-flat {
  padding: 0px;
  border: none;
  margin: 0px;
/*  background: inherit; */
}

div.ftree-ng-login form.ftree-ng-opform div.ftree-ng-confirm {
  padding: 4px;
  padding-left: 24px;
  min-height: 24px;
  background: url("icons/error.png") no-repeat lightgray;
}

div#ftree-ng-overlay { 
   background-color: grey;
   opacity: 0.5;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
}