#popup_folder
{
    display:none;
    position:absolute;
    top:30%;
    left:40%;
    border:1px solid #ccc;
    width:350px;
    height:400px;
    background-color: white;
}
#tree_block_popup
{
    width:100%;
    height:300px;
    overflow: auto;
}
#action_popup
{
    height: 40px;
}
#position_popup
{
    width:100%;
    height:43px;
    border-top:1px solid #ccc;
}
#header_popup
{
    height: 15px;
    width: 100%;
    background-image:url(../images/document/header.png);
    background-position: top;
}

.cerca
{
    border: 2px solid #ccc;
    height:15px;
	/** remember to change image path **/
	background: url(none) no-repeat #ffffff;
}
#left_div
{
    width:25%;

    float:left;
}
#tree_container
{
    height: 500px;
    border:1px solid #ccc;
    width:98%;
    margin:5px;
    overflow: scroll;
    
}

#tree_container2
{
    height: 500px;
    border:1px solid #ccc;
    width:98%;
    margin:5px;
    overflow: scroll;

}

#preview
{
    float:left;
    width:50%;

}

#doc_info
{
    width:24%;
    float:left;
}

.head_info
{
    background-color: #808080;
    text-align:center;
    color:white;
}
.head_info a
{
    color:white;
}
#tab_info_doc th{
    width:50%;
}
#tab_info_doc td{
    width:50%;
}

#tab_info_doc th.small{
    width:12.5%;

}
#tab_info_doc td.small{
    width:12.5%;
}

.header_preview
{
    height: 30px;
    padding-top:5px;
    width: 100%;
    /*background-image:url(../images/document/header.png);*/
   	background-color: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

#position
{
    bottom:0px;
}



#preview_container
{
    background-color: #F3F3F3;
    padding:10px;
    
    height:500px;
}

#preview_content
{
    border:1px solid #666666;
    background-color: white;
    width:100%;
    height:500px;
    padding:0px!important;
    margin:0px!important;
    overflow: auto;
}

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