body {
  margin: 0;
  padding: 10px;
  background-color: #ace;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 9pt;
}

#main {
  margin: 0;
  padding: 10px;
  border: 1px solid #333;
  background-color: #cef;
}

#inner {
  margin: 0;
  padding: 10px;
  border: 1px solid #888;
  background: #eee;
}

div.demo {
  overflow: scroll;
  height: 400px;
  width: 300px;
  float: left;
  margin: 10px;
  background: white;
  border: 1px solid #ddd;
  padding: 5px;
}

#editor {
  float:right;
  margin: 10px;
}

#text {
  font-family: "Trebuchet MS", sans-serif;
  height: 20px;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  border: 1px solid gray;
  line-height: 20px;
  -moz-border-radius: 10px;
}

div.test {
  width: 300px;
  margin: 10px;
  float: left;
}

div.evil {
  width: 300px;
  margin: 74px 40px 10px -30px;
  float: left;
}


ul.fileTree {
  font-family: Trebuchet, sans-serif;
  font-size: 11px;
  line-height: 18px;
  padding: 0px;
  margin: 0px;
}

ul.fileTree li {
  list-style: none;
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  white-space: nowrap;
}

ul.fileTree a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 0px 2px;
}

ul.fileTree a:hover {
  background: #CCC;
}

.fileTree li.directory { background: url(images/directory.png) left top no-repeat; }
.fileTree li.expanded { background: url(images/folder_open.png) left top no-repeat; }
.fileTree li.file { background: url(images/file.png) left top no-repeat; }
.fileTree li.wait { background: url(images/spinner.gif) left top no-repeat; }
.fileTree li.ext_3gp { background: url(images/film.png) left top no-repeat; }
.fileTree li.ext_afp { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_afpa { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_asp { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_aspx { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_avi { background: url(images/film.png) left top no-repeat; }
.fileTree li.ext_bat { background: url(images/application.png) left top no-repeat; }
.fileTree li.ext_bmp { background: url(images/picture.png) left top no-repeat; }
.fileTree li.ext_c { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_cfm { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_cgi { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_com { background: url(images/application.png) left top no-repeat; }
.fileTree li.ext_cpp { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_css { background: url(images/css.png) left top no-repeat; }
.fileTree li.ext_doc { background: url(images/doc.png) left top no-repeat; }
.fileTree li.ext_exe { background: url(images/application.png) left top no-repeat; }
.fileTree li.ext_gif { background: url(images/picture.png) left top no-repeat; }
.fileTree li.ext_fla { background: url(images/flash.png) left top no-repeat; }
.fileTree li.ext_h { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_htm { background: url(images/html.png) left top no-repeat; }
.fileTree li.ext_html { background: url(images/html.png) left top no-repeat; }
.fileTree li.ext_jar { background: url(images/java.png) left top no-repeat; }
.fileTree li.ext_jpg { background: url(images/picture.png) left top no-repeat; }
.fileTree li.ext_jpeg { background: url(images/picture.png) left top no-repeat; }
.fileTree li.ext_js { background: url(images/script.png) left top no-repeat; }
.fileTree li.ext_lasso { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_log { background: url(images/txt.png) left top no-repeat; }
.fileTree li.ext_m4p { background: url(images/music.png) left top no-repeat; }
.fileTree li.ext_mov { background: url(images/film.png) left top no-repeat; }
.fileTree li.ext_mp3 { background: url(images/music.png) left top no-repeat; }
.fileTree li.ext_mp4 { background: url(images/film.png) left top no-repeat; }
.fileTree li.ext_mpg { background: url(images/film.png) left top no-repeat; }
.fileTree li.ext_mpeg { background: url(images/film.png) left top no-repeat; }
.fileTree li.ext_ogg { background: url(images/music.png) left top no-repeat; }
.fileTree li.ext_pcx { background: url(images/picture.png) left top no-repeat; }
.fileTree li.ext_pdf { background: url(images/pdf.png) left top no-repeat; }
.fileTree li.ext_php { background: url(images/php.png) left top no-repeat; }
.fileTree li.ext_png { background: url(images/picture.png) left top no-repeat; }
.fileTree li.ext_ppt { background: url(images/ppt.png) left top no-repeat; }
.fileTree li.ext_psd { background: url(images/psd.png) left top no-repeat; }
.fileTree li.ext_pl { background: url(images/script.png) left top no-repeat; }
.fileTree li.ext_py { background: url(images/script.png) left top no-repeat; }
.fileTree li.ext_rb { background: url(images/ruby.png) left top no-repeat; }
.fileTree li.ext_rbx { background: url(images/ruby.png) left top no-repeat; }
.fileTree li.ext_rhtml { background: url(images/ruby.png) left top no-repeat; }
.fileTree li.ext_rpm { background: url(images/linux.png) left top no-repeat; }
.fileTree li.ext_ruby { background: url(images/ruby.png) left top no-repeat; }
.fileTree li.ext_sql { background: url(images/db.png) left top no-repeat; }
.fileTree li.ext_swf { background: url(images/flash.png) left top no-repeat; }
.fileTree li.ext_tif { background: url(images/picture.png) left top no-repeat; }
.fileTree li.ext_tiff { background: url(images/picture.png) left top no-repeat; }
.fileTree li.ext_txt { background: url(images/txt.png) left top no-repeat; }
.fileTree li.ext_vb { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_wav { background: url(images/music.png) left top no-repeat; }
.fileTree li.ext_wmv { background: url(images/film.png) left top no-repeat; }
.fileTree li.ext_xls { background: url(images/xls.png) left top no-repeat; }
.fileTree li.ext_xml { background: url(images/code.png) left top no-repeat; }
.fileTree li.ext_zip { background: url(images/zip.png) left top no-repeat; }