#wrio-file-tree {
    min-height: 100px;
    max-height: 400px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #888;
    background: #fff url("../img/quick-start-loader.gif") center center no-repeat;
}

div.sp-folder-picker {
    margin: 20px 0; /* 15% from the top and centered */
    border: 1px solid #888;
    max-height: 400px;
    overflow: auto;
}

/*UL.jqueryFileTree LI.directory.selected {
    background-color: #209fd2;
}*/

UL.jqueryFileTree {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 18px;
    padding: 0;
    margin: 0;
    display: none;
    background: #fff;
}

UL.jqueryFileTree LI {
    list-style: none;
    text-align: left;
    padding: 0;
    padding-left: 20px;
    margin: 0;
    white-space: nowrap;
}

UL.jqueryFileTree LI.directory {
    background: url(../img/file-tree/directory.png) left top no-repeat;
}

UL.jqueryFileTree LI.directory-locked {
    background: url(../img/file-tree/directory-lock.png) left top no-repeat;
}

UL.jqueryFileTree LI.expanded {
    background: url(../img/file-tree/folder_open.png) left top no-repeat;
}

UL.jqueryFileTree LI.file {
    background: url(../img/file-tree/file.png) left top no-repeat;
}

UL.jqueryFileTree LI.file-locked {
    background: url(../img/file-tree/file-lock.png) left top no-repeat !important;
}

UL.jqueryFileTree LI.wait {
    background: url(../img/file-tree/spinner.gif) left top no-repeat;
}

UL.jqueryFileTree LI.selected > a {
    font-weight: bold;
}

UL.jqueryFileTree LI.ext_3gp {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_afp {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_afpa {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_asp {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_aspx {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_avi {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_bat {
    background: url(../img/file-tree/application.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_bmp {
    background: url(../img/file-tree/picture.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_c {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_cfm {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_cgi {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_com {
    background: url(../img/file-tree/application.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_cpp {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_css {
    background: url(../img/file-tree/css.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_doc {
    background: url(../img/file-tree/doc.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_exe {
    background: url(../img/file-tree/application.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_gif {
    background: url(../img/file-tree/picture.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_fla {
    background: url(../img/file-tree/flash.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_h {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_htm {
    background: url(../img/file-tree/html.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_html {
    background: url(../img/file-tree/html.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_jar {
    background: url(../img/file-tree/java.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_jpg {
    background: url(../img/file-tree/picture.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_jpeg {
    background: url(../img/file-tree/picture.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_js {
    background: url(../img/file-tree/script.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_lasso {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_log {
    background: url(../img/file-tree/txt.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_m4p {
    background: url(../img/file-tree/music.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_mov {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_mp3 {
    background: url(../img/file-tree/music.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_mp4 {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_mpg {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_mpeg {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_ogg {
    background: url(../img/file-tree/music.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_ogv {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_pcx {
    background: url(../img/file-tree/picture.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_pdf {
    background: url(../img/file-tree/pdf.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_php {
    background: url(../img/file-tree/php.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_png {
    background: url(../img/file-tree/picture.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_ppt {
    background: url(../img/file-tree/ppt.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_psd {
    background: url(../img/file-tree/psd.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_pl {
    background: url(../img/file-tree/script.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_py {
    background: url(../img/file-tree/script.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_rb {
    background: url(../img/file-tree/ruby.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_rbx {
    background: url(../img/file-tree/ruby.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_rhtml {
    background: url(../img/file-tree/ruby.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_rpm {
    background: url(../img/file-tree/linux.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_ruby {
    background: url(../img/file-tree/ruby.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_sql {
    background: url(../img/file-tree/db.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_swf {
    background: url(../img/file-tree/flash.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_tif {
    background: url(../img/file-tree/picture.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_tiff {
    background: url(../img/file-tree/picture.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_txt {
    background: url(../img/file-tree/txt.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_vb {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_wav {
    background: url(../img/file-tree/music.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_webm {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_wmv {
    background: url(../img/file-tree/film.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_xls {
    background: url(../img/file-tree/xls.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_xml {
    background: url(../img/file-tree/code.png) left top no-repeat;
}

UL.jqueryFileTree LI.ext_zip {
    background: url(../img/file-tree/zip.png) left top no-repeat;
}

UL.jqueryFileTree A {
    color: #333;
    text-decoration: none;
    display: inline-block;
    padding: 0 2px;
    cursor: pointer;
}

UL.jqueryFileTree A:hover {
    background: #BDF;
}