.fileexplorer
{
  display: flex;
  flex-flow: column;
  color: #333;
}
.foldercrumbs
{
  border-bottom: 1px solid silver; 
  width: 100%;
  height: 22px; 
  white-space: nowrap;
  overflow: hidden;
  flex-shrink: 0;
}
.fileexplorer-content
{
  width: 100%;
  flex-grow:1;
  display: flex;
  flex-flow: row;
  min-height:0;
  min-width:0;
}
.foldertree
{
  width:250px;
  overflow: auto; 
  overflow-x: auto;
  flex-shrink: 0;
  border-right: 1px solid #eee;
}
.foldercontent
{
  overflow: auto;
  flex-grow: 1;
  border-left: 0px solid #eee;
  padding-left: 5px;
}

.foldertree-expander
{
  width:18px;
  height:18px;
  display:inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}
.foldertree-expander-expanded
{
  background-image: url(images/arrow-down.png);
}
.foldertree-expander-collapsed
{
  background-image: url(images/arrow-right.png);
}
.waiting
{
  background: url(images/spinner.gif) no-repeat center center;
}
.foldertree-icon
{
	width:18px;
	height:18px;
	display:inline-block;
	background-repeat: no-repeat;
  background-position: center center;
}
.foldertree-icon-expanded
{
  background-image: url(images/folder_open.png);
}
.foldertree-icon-collapsed
{
  background-image: url(images/directory.png);
}
.file-icon
{
  background-image: url(images/file.png);
}
.drive-icon
{
  background-image: url(images/drive.png);
}
.foldertree-label, .folder-crumb
{
	line-height:18px;
	height:18px;
	display:inline-block;
	vertical-align: top;
	font-family:Verdana, sans-serif;
  font-size:11px;
  cursor: pointer;
}
.folder-crumb
{
  color: darkblue;
}
.foldertree-node
{
  white-space: nowrap;
}
.foldertree-label:hover, .folder-crumb:hover
{
  background-color: #BDF;
}
.foldertree-node-selected > .foldertree-label
{
  font-weight: bold;
  color: black;
}
.foldertree-error
{
  font-size:11px;
  color: gray;
  margin-left: 20px;
}
.foldercontent-item
{
  width: 100%;
}
.foldercontent-item, .folder-crumb
{
  line-height:18px;
	height:18px;
	display:inline-block;
	vertical-align: top;
	font-family: Verdana, sans-serif;
  font-size:11px;
}
.folder-crumb-separator
{
  background: url(images/arrow-right-small.png) no-repeat center center;
  display:inline-block;
  height: 18px;
  width: 18px;
}
.folder-crumb, .folder-crumb-separator, .foldertree-label, .foldercontent-label
{
  padding: 0 2px;
}
.foldercontent-item:hover
{
  background-color: #BDF;
}

.foldercontent-label
{
  min-width: 250px;
  width: 50%;
  white-space: nowrap;
  float: left;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  text-overflow:ellipsis;
}
.foldercontent-subitem-0
{
  vertical-align: top;
  width:150px;
  float: left;
  padding-left: 5px;
  border-left: #eee solid 1px;
  border-right: #eee solid 1px;
  overflow: hidden;
  text-overflow:ellipsis;
}
.foldercontent-subitem-1
{
  display: block;
  padding-right: 5px;
  overflow: hidden;
  text-overflow:ellipsis;
  text-align: right;
}
.foldercontent-icon
{
  float: left;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
}
/*
.gutter {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-vertical {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
  cursor: row-resize;
}

.gutter.gutter-horizontal {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
  cursor: col-resize;
}
*/
.gutter.gutter-vertical {
  cursor: row-resize;
}
.gutter.gutter-horizontal {
  cursor: col-resize;
}
.file-icon.ext-3gp {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-afp {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-afpa {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-asp {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-aspx {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-avi {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-bat {
  background: url(images/application.png) left top no-repeat;
}
.file-icon.ext-bmp {
  background: url(images/picture.png) left top no-repeat;
}
.file-icon.ext-c {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-cfm {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-cgi {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-com {
  background: url(images/application.png) left top no-repeat;
}
.file-icon.ext-cpp {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-css {
  background: url(images/css.png) left top no-repeat;
}
.file-icon.ext-doc {
  background: url(images/doc.png) left top no-repeat;
}
.file-icon.ext-exe {
  background: url(images/application.png) left top no-repeat;
}
.file-icon.ext-gif {
  background: url(images/picture.png) left top no-repeat;
}
.file-icon.ext-fla {
  background: url(images/flash.png) left top no-repeat;
}
.file-icon.ext-h {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-htm {
  background: url(images/html.png) left top no-repeat;
}
.file-icon.ext-html {
  background: url(images/html.png) left top no-repeat;
}
.file-icon.ext-jar {
  background: url(images/java.png) left top no-repeat;
}
.file-icon.ext-jpg {
  background: url(images/picture.png) left top no-repeat;
}
.file-icon.ext-jpeg {
  background: url(images/picture.png) left top no-repeat;
}
.file-icon.ext-js {
  background: url(images/script.png) left top no-repeat;
}
.file-icon.ext-lasso {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-log {
  background: url(images/txt.png) left top no-repeat;
}
.file-icon.ext-m4p {
  background: url(images/music.png) left top no-repeat;
}
.file-icon.ext-mov {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-mp3 {
  background: url(images/music.png) left top no-repeat;
}
.file-icon.ext-mp4 {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-mpg {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-mpeg {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-ogg {
  background: url(images/music.png) left top no-repeat;
}
.file-icon.ext-ogv {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-pcx {
  background: url(images/picture.png) left top no-repeat;
}
.file-icon.ext-pdf {
  background: url(images/pdf.png) left top no-repeat;
}
.file-icon.ext-php {
  background: url(images/php.png) left top no-repeat;
}
.file-icon.ext-png {
  background: url(images/picture.png) left top no-repeat;
}
.file-icon.ext-ppt {
  background: url(images/ppt.png) left top no-repeat;
}
.file-icon.ext-psd {
  background: url(images/psd.png) left top no-repeat;
}
.file-icon.ext-pl {
  background: url(images/script.png) left top no-repeat;
}
.file-icon.ext-py {
  background: url(images/script.png) left top no-repeat;
}
.file-icon.ext-rb {
  background: url(images/ruby.png) left top no-repeat;
}
.file-icon.ext-rbx {
  background: url(images/ruby.png) left top no-repeat;
}
.file-icon.ext-rhtml {
  background: url(images/ruby.png) left top no-repeat;
}
.file-icon.ext-rpm {
  background: url(images/linux.png) left top no-repeat;
}
.file-icon.ext-ruby {
  background: url(images/ruby.png) left top no-repeat;
}
.file-icon.ext-sql {
  background: url(images/db.png) left top no-repeat;
}
.file-icon.ext-swf {
  background: url(images/flash.png) left top no-repeat;
}
.file-icon.ext-tif {
  background: url(images/picture.png) left top no-repeat;
}
.file-icon.ext-tiff {
  background: url(images/picture.png) left top no-repeat;
}
.file-icon.ext-txt {
  background: url(images/txt.png) left top no-repeat;
}
.file-icon.ext-vb {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-wav {
  background: url(images/music.png) left top no-repeat;
}
.file-icon.ext-webm {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-wmv {
  background: url(images/film.png) left top no-repeat;
}
.file-icon.ext-xls {
  background: url(images/xls.png) left top no-repeat;
}
.file-icon.ext-xml {
  background: url(images/code.png) left top no-repeat;
}
.file-icon.ext-zip {
  background: url(images/zip.png) left top no-repeat;
}