P {margin: 5px}
#fileTree {	width: 300px;height: 300px;border: solid 1px #BBB;background: #FFF;overflow-x: hidden;overflow-y: scroll;padding: 5px;float: left}
#filename {width: 290px;height: 30px;line-height: 30px;overflow: hidden;display: block}
#ROOT {cursor:pointer;cursor:hand;}
#right {float: left;width: 380px}
#in_folder {border: solid 1px #BBB;float: left;width: 290px;height: 300px;margin-left: 10px;overflow-x: hidden;overflow-y: scroll;padding: 5px}
#in_folder .jqueryFileTree {position: relative}
#act_opt {position: absolute;right:0;width: 80px}
#act_opt imgs {border: 0;float: left;display: inline}
#filepath span {border: 0;margin-top: 10px;margin-bottom: 5px;float: left}
#filepath a {color: #333}
#filepath imgs {border: 0;margin-top: 8px;margin-bottom: 5px;float: left}
#filepath {	margin: 5px;height: 32px;margin-left: 0px;color: #666;width: 100%;border: solid 1px #ddd}
#newfilenameval {float: left;height: 24px;line-height: 24px;padding: 1px;font-size: 14px}
a#norename {float: left;height: 24px;line-height: 24px;padding: 1px}
a#tryrename {float: left;height: 25px;line-height: 25px;padding: 1px}
#new_file_name {padding: 3px;font-size: 12px}
#file_preview {width: 428px;height: 255px;float: left;text-align: center;color: #333;border: solid 1px #ddd;margin: 10px;padding: 5px;padding-right: 0;	margin-right: 0;margin-top: 0px;overflow: hidden}
#storage {margin: 5px;line-height: 20px;margin-left: 0px;float: left;color: #666;width: 100%;border: solid 1px #ddd}
#fileinfo {font-size: 10px}
#fileinfo tr {height: 20px}
UL.jqueryFileTree {font-size: 11px;line-height: 18px;padding: 0px;margin: 0px}
UL.jqueryFileTree LI {list-style: none;padding: 0px;padding-left: 20px;margin: 0px;	white-space: nowrap}
UL.jqueryFileTree A {color: #333;text-decoration: none;display: inline-block;padding: 0px 2px; width: calc(100% - 80px)}
UL.jqueryFileTree span { cursor: pointer; display: inline-block;  width: 20px; height: 20px; text-align: center; margin-left: 6px}
UL.jqueryFileTree A:hover {background: #BDF}
.jqueryFileTree LI.directory { background: url(/library/imgs/files/directory.png) left top no-repeat}
.jqueryFileTree LI.expanded { background: url(/library/imgs/files/folder_open.png) left top no-repeat}
.jqueryFileTree LI.file { background: url(/library/imgs/files/file.png) left top no-repeat}
.jqueryFileTree LI.wait { background: url(/library/imgs/files/spinner.gif) left top no-repeat}
.jqueryFileTree LI.ext_3gp { background: url(/library/imgs/files/film.png) left top no-repeat}
.jqueryFileTree LI.ext_afp { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_afpa { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_asp { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_aspx { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_avi { background: url(/library/imgs/files/film.png) left top no-repeat}
.jqueryFileTree LI.ext_bat { background: url(/library/imgs/files/application.png) left top no-repeat}
.jqueryFileTree LI.ext_bmp { background: url(/library/imgs/files/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_c { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_cfm { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_cgi { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_com { background: url(/library/imgs/files/application.png) left top no-repeat}
.jqueryFileTree LI.ext_cpp { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_css { background: url(/library/imgs/files/css.png) left top no-repeat}
.jqueryFileTree LI.ext_doc { background: url(/library/imgs/files/doc.png) left top no-repeat}
.jqueryFileTree LI.ext_docx { background: url(/library/imgs/files/doc.png) left top no-repeat}
.jqueryFileTree LI.ext_exe { background: url(/library/imgs/files/application.png) left top no-repeat}
.jqueryFileTree LI.ext_gif { background: url(/library/imgs/files/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_fla { background: url(/library/imgs/files/flash.png) left top no-repeat}
.jqueryFileTree LI.ext_h { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_htm { background: url(/library/imgs/files/html.png) left top no-repeat}
.jqueryFileTree LI.ext_html { background: url(/library/imgs/files/html.png) left top no-repeat}
.jqueryFileTree LI.ext_jar { background: url(/library/imgs/files/java.png) left top no-repeat}
.jqueryFileTree LI.ext_jpg { background: url(/library/imgs/files/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_jpeg { background: url(/library/imgs/files/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_js { background: url(/library/imgs/files/script.png) left top no-repeat}
.jqueryFileTree LI.ext_lasso { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_log { background: url(/library/imgs/files/txt.png) left top no-repeat}
.jqueryFileTree LI.ext_m4p { background: url(/library/imgs/files/music.png) left top no-repeat}
.jqueryFileTree LI.ext_mov { background: url(/library/imgs/files/film.png) left top no-repeat}
.jqueryFileTree LI.ext_mp3 { background: url(/library/imgs/files/music.png) left top no-repeat}
.jqueryFileTree LI.ext_mp4 { background: url(/library/imgs/files/film.png) left top no-repeat}
.jqueryFileTree LI.ext_mpg { background: url(/library/imgs/files/film.png) left top no-repeat}
.jqueryFileTree LI.ext_mpeg { background: url(/library/imgs/files/film.png) left top no-repeat}
.jqueryFileTree LI.ext_ogg { background: url(/library/imgs/files/music.png) left top no-repeat}
.jqueryFileTree LI.ext_pcx { background: url(/library/imgs/files/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_pdf { background: url(/library/imgs/files/pdf.png) left top no-repeat}
.jqueryFileTree LI.ext_php { background: url(/library/imgs/files/php.png) left top no-repeat}
.jqueryFileTree LI.ext_png { background: url(/library/imgs/files/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_ppt { background: url(/library/imgs/files/ppt.png) left top no-repeat}
.jqueryFileTree LI.ext_psd { background: url(/library/imgs/files/psd.png) left top no-repeat}
.jqueryFileTree LI.ext_pl { background: url(/library/imgs/files/script.png) left top no-repeat}
.jqueryFileTree LI.ext_py { background: url(/library/imgs/files/script.png) left top no-repeat}
.jqueryFileTree LI.ext_rb { background: url(/library/imgs/files/ruby.png) left top no-repeat}
.jqueryFileTree LI.ext_rbx { background: url(/library/imgs/files/ruby.png) left top no-repeat}
.jqueryFileTree LI.ext_rhtml { background: url(/library/imgs/files/ruby.png) left top no-repeat}
.jqueryFileTree LI.ext_rpm { background: url(/library/imgs/files/linux.png) left top no-repeat}
.jqueryFileTree LI.ext_ruby { background: url(/library/imgs/files/ruby.png) left top no-repeat}
.jqueryFileTree LI.ext_sql { background: url(/library/imgs/files/db.png) left top no-repeat}
.jqueryFileTree LI.ext_swf { background: url(/library/imgs/files/flash.png) left top no-repeat}
.jqueryFileTree LI.ext_tif { background: url(/library/imgs/files/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_tiff { background: url(/library/imgs/files/picture.png) left top no-repeat}
.jqueryFileTree LI.ext_txt { background: url(/library/imgs/files/txt.png) left top no-repeat}
.jqueryFileTree LI.ext_vb { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_wav { background: url(/library/imgs/files/music.png) left top no-repeat}
.jqueryFileTree LI.ext_wmv { background: url(/library/imgs/files/film.png) left top no-repeat}
.jqueryFileTree LI.ext_xls { background: url(/library/imgs/files/xls.png) left top no-repeat}
.jqueryFileTree LI.ext_xlsx { background: url(/library/imgs/files/xls.png) left top no-repeat}
.jqueryFileTree LI.ext_xml { background: url(/library/imgs/files/code.png) left top no-repeat}
.jqueryFileTree LI.ext_zip { background: url(/library/imgs/files/zip.png) left top no-repeat}