*{
         padding:0;
         margin:0;
     }
     html,body {
         color:#333;
         font-family: "Lucida Console", Courier, monospace;
         font-size:14px;
         text-shadow:1px 1px 1px #cacaca;
         -webkit-text-shadow:1px 1px 1px #cacaca;
         -moz-text-shadow:1px 1px 1px #cacaca;
     }
	 /*The file name text color */
     a{
         padding: 2px 0 0 24px;
         color:#0000ff;
         text-decoration:none;
     }
     a:hover{
         color:#000;
     }
     #container{
         margin:0 auto;
         width:900px;
         margin-top:20px;
         padding-top:10px;
         border:1px solid #EEE;
         border-radius:10px;
         -moz-border-radius:10px;
		 background-color:#dddddd;
     }
	 /*The header that displays the filename, date, size etc*/
     .head{
         background-color:#0000ff;
         color:#FFF;
         font-weight:bold;
         padding:7px 0 5px 10px;
         font-size:14px;
         letter-spacing:1px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
     }
     .head:hover{background-color:#000099;}
     .head span{font-size:9px; letter-spacing:0;}
     td{
         background-color:#F3F3F3;
         padding:6px;
     }
     td:hover{background-color:#EFEFEF;}
     h1{
		text-align: center; 
         font-size:30px;
         font-weight:bold;
         padding:0 0 10px 10px;
		 color:#CC0000;
     }

     /*icons for file types (add more to suit your needs - icons by famfamfam.)*/

     /*images*/
     a[href$=".jpg"] {background: url(../images/icons/image.gif) no-repeat left 50%;}
     a[href$=".gif"] {background: url(../images/icons/image.gif) no-repeat left 50%;}
     a[href$=".png"] {background: url(../images/icons/image.gif) no-repeat left 0%;}

     /*pdfs*/
     a[href$=".pdf"] {background: url(../images/icons/pdf.gif) no-repeat left 50%;}

     /*psds*/
     a[href$=".psd"] {background: url(psd.gif) no-repeat left 50%;}

     /*docs*/
     a[href$=".doc"] {background: url(../images/icons/doc.gif) no-repeat left 50%;}
     a[href$=".docx"] {background: url(../images/icons/doc.gif) no-repeat left 50%;}
	 a[href$=".ppt"] {background: url(../images/icons/ppt.gif) no-repeat left 50%;}
	 a[href$=".pptx"] {background: url(../images/icons/ppt.gif) no-repeat left 50%;}
	 a[href$=".xls"] {background: url(../images/icons/exl.gif) no-repeat left 50%;}
	 a[href$=".xlsx"] {background: url(../images/icons/exl.gif) no-repeat left 50%;}
     a[href$=".txt"] {background: url(../images/icons/txt.gif) no-repeat left 50%;}

     /*videos*/
     a[href$=".avi"] {background: url(../images/icons/video.gif) no-repeat left 50%;}
     a[href$=".m4a"] {background: url(../images/icons/video.gif) no-repeat left 50%;}
     a[href$=".mov"] {background: url(../images/icons/mov.gif) no-repeat left 50%;}
     a[href$=".mp4"] {background: url(../images//icons/video.gif) no-repeat left 50%;}
     a[href$=".wmv"] {background: url(../images/icons/wmv.gif) no-repeat left 50%;}

     /*audio*/
     a[href$=".mp3"] {background: url(../images/icons/mp3.gif) no-repeat left 50%;}
     a[href$=".wma"] {background: url(../images/icons/wmv.gif) no-repeat left 50%;}
     a[href$=".aac"] {background: url(../images/icons/wmv.gif) no-repeat left 50%;}

     /*web pages*/
     a[href$=".html"] {background: url(html.gif) no-repeat left 50%;}
     a[href$=".php"] {background: url(html.gif) no-repeat left 50%;}

	 /*Zip*/
     a[href$=".zip"] {background: url(../images/icons/zip.gif) no-repeat left 50%;}
     a[href$=".rar"] {background: url(../images/icons/zip.gif) no-repeat left 50%;}