/* Added to prevent scroll bar page shift on centered pages */
html { overflow-y: scroll; }
#pgtitle { margin: 20px auto; width: 80%; }
#pgtitle h1 {
    font: bold 2.6em Arial,Helvetica,sans-serif;
    background-color: transparent;
    border: none;
}
#pgtitle p { font: normal 1.2em Arial,Helvetica,sans-serif; }
#container {
width: 80%; 
margin: 0 auto 60px auto; 
padding: 10px 20px 20px 20px;
border: 2px solid #DDD; 
background-color: #FFF;
-o-border-radius: 12px;
-icab-border-radius: 12px;
-khtml-border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px; 
}
/* prevents image in a table cell from creating extra vertical space above/below tables */
TD IMG { display: block; }

.legend { margin-bottom: 10px;padding-top: 6px;padding-bottom: 12px;text-align:center;border-bottom: 1px solid #EEE; }

UL.filetree {
	padding: 0px;
	margin: 0px;
}
UL.filetree LI {
	list-style: none;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 10px;
	white-space: nowrap;
    border-bottom: 1px solid #EEE;
	
}
UL.filetree LI:last-child { border: none; }
UL.filetree A {
	font: normal 1.3em/2.2em Arial,Helvetica,sans-serif;
    color: #333;
	text-decoration: none;
	display: block;
    width: 100%;
	padding: 0px 2px 0px 5px;
	margin-left: 15px;
}
UL.filetree A:hover { background: #EEE; }

/*folder styles*/
.filetree LI.folder { background: url(images/folder_y2.png) no-repeat left top; }
.filetree LI.expanded { background: url(images/folder_open_y2.png) no-repeat left top; }
.filetree LI.file { background: url(images/file.png) no-repeat left top; }
.filetree LI.wait { background: transparent url(images/folder_open_y2.png) no-repeat left top; }
.filetree LI.waitfirst { background: transparent url(images/spinner4.gif) no-repeat left top; }
/*extensions and mime types*/
.filetree LI.ext_3gp { background: url(images/film.png) no-repeat left top; }
.filetree LI.ext_afp { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_afpa { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_asp { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_aspx { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_avi { background: url(images/film.png) no-repeat left top; }
.filetree LI.ext_bat { background: url(images/application.png) no-repeat left top; }
.filetree LI.ext_bmp { background: url(images/picture.png) no-repeat left top; }
.filetree LI.ext_c { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_cfm { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_cgi { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_com { background: url(images/application.png) no-repeat left top; }
.filetree LI.ext_cpp { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_css { background: url(images/css.png) no-repeat left top; }
.filetree LI.ext_doc { background: url(images/doc.png) no-repeat left top; }
.filetree LI.ext_docx { background: url(images/docx.png) no-repeat left top; }
.filetree LI.ext_exe { background: url(images/application.png) no-repeat left top; }
.filetree LI.ext_gif { background: url(images/picture.png) no-repeat left top; }
.filetree LI.ext_fla { background: url(images/flash.png) no-repeat left top; }
.filetree LI.ext_h { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_htm { background: url(images/html.png) no-repeat left top; }
.filetree LI.ext_html { background: url(images/html.png) no-repeat left top; }
.filetree LI.ext_jar { background: url(images/java.png) no-repeat left top; }
.filetree LI.ext_jpg { background: url(images/picture.png) no-repeat left top; }
.filetree LI.ext_jpeg { background: url(images/picture.png) no-repeat left top; }
.filetree LI.ext_js { background: url(images/script.png) no-repeat left top; }
.filetree LI.ext_lasso { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_log { background: url(images/txt.png) no-repeat left top; }
.filetree LI.ext_m4p { background: url(images/music.png) no-repeat left top; }
.filetree LI.ext_mov { background: url(images/film.png) no-repeat left top; }
.filetree LI.ext_mp3 { background: url(images/music.png) no-repeat left top; }
.filetree LI.ext_mp4 { background: url(images/film.png) no-repeat left top; }
.filetree LI.ext_mpg { background: url(images/film.png) no-repeat left top; }
.filetree LI.ext_mpeg { background: url(images/film.png) no-repeat left top; }
.filetree LI.ext_ogg { background: url(images/music.png) no-repeat left top; }
.filetree LI.ext_pcx { background: url(images/picture.png) no-repeat left top; }
.filetree LI.ext_pdf { background: url(images/pdf4.png) no-repeat left top; }
.filetree LI.ext_php { background: url(images/php.png) no-repeat left top; }
.filetree LI.ext_png { background: url(images/picture.png) no-repeat left top; }
.filetree LI.ext_ppt { background: url(images/ppt.png) no-repeat left top; }
.filetree LI.ext_pptx { background: url(images/pptx.png) no-repeat left top; }
.filetree LI.ext_psd { background: url(images/psd.png) no-repeat left top; }
.filetree LI.ext_pl { background: url(images/script.png) no-repeat left top; }
.filetree LI.ext_py { background: url(images/script.png) no-repeat left top; }
.filetree LI.ext_rb { background: url(images/ruby.png) no-repeat left top; }
.filetree LI.ext_rbx { background: url(images/ruby.png) no-repeat left top; }
.filetree LI.ext_rhtml { background: url(images/ruby.png) no-repeat left top; }
.filetree LI.ext_rpm { background: url(images/linux.png) no-repeat left top; }
.filetree LI.ext_ruby { background: url(images/ruby.png) no-repeat left top; }
.filetree LI.ext_sql { background: url(images/db.png) no-repeat left top; }
.filetree LI.ext_swf { background: url(images/flash.png) no-repeat left top; }
.filetree LI.ext_tif { background: url(images/picture.png) no-repeat left top; }
.filetree LI.ext_tiff { background: url(images/picture.png) no-repeat left top; }
.filetree LI.ext_txt { background: url(images/txt.png) no-repeat left top; }
.filetree LI.ext_vb { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_wav { background: url(images/music.png) no-repeat left top; }
.filetree LI.ext_wmv { background: url(images/film.png) no-repeat left top; }
.filetree LI.ext_xls { background: url(images/xls.png) no-repeat left top; }
.filetree LI.ext_xlsx { background: url(images/xlsx.png) no-repeat left top; }
.filetree LI.ext_xml { background: url(images/code.png) no-repeat left top; }
.filetree LI.ext_zip { background: url(images/zip.png) no-repeat left top; }
.filetree UL { border-left: 1px solid #CCC; padding-left: 10px; }
.filetree LI UL LI:before { margin-left: -40px; content: "\2014"; color: #CCC; position: absolute; }
.filetree LI UL LI { position: relative; }


/* Responsive CSS */

@media (max-width: 767px) {

BODY {margin: 0px; padding: 0px; background-image: none !important; }
TABLE { display:table; table-layout:auto; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.tdfoot { padding: 24px 0; color: #CCC; }
.tdfoot a { color: #CCC !important; }
.nocell { display: none; }
.ycell { display: table; width: 100%;background-color: #F2F2F2; }
#pgtitle h1 { width: 100%; margin: 8px auto; padding-left: 14px; font: bold 2em Arial,Helvetica,sans-serif; }

#container {
display: block;
width: 100% !important; 
margin: 0 0 0 -14px; 
padding: 0 0 0 14px;
border: none; 
border-radius: 0 !important;
overflow-x: hidden !important;
}
UL.filetree { font-size: .9em; margin: 0 0px; }
UL.filetree LI {padding: 3px 0px 4px 20px;margin: 3px 0px 4px 10px;}
.legend { display: none; }
}

@media (max-width: 500px) {
  UL.filetree li a { max-width: 340px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important; 
  }
}