icons2 folder with browser icons

edgware/static/css/files/browse.css

@@ -2,26 +2,56 @@
 {padding:18px;}
 
 #filterForm p
-{padding-bottom:10px;}
+{padding-bottom:10px;
+padding-right:40px;
+font-size:14px;
+float:left;}
 
+.previewObject a, a:link
+{text-decoration:none;
+font-size:12px;
+color:#555353;
+background:url(/static/images/icons2/audio.jpg) no-repeat right;}
+
+.previewObject a:visited
+{color:#5a4123;}
+
+.previewObject a:hover
+{text-decoration:underline;}
+
+.previewObject a:active
+{color:#000;}
 
 #prevBtn, #nextBtn
 {font-size:16px;
-float:left;
+cursor:pointer;} 
-cursor:pointer;} /*have not cleared both and used float; is that ok*/
 
 #prevBtn
-{padding-left:16px;}
+{padding-left:16px;
+font-size:14px;
+float:left;
+clear:both;}
 
 #nextBtn
-{padding-left:40px;}
+{padding-left:40px;
+font-size:14px;
+float:left;}
 
 .fileItem
-{padding-bottom:8px;
+{font-size:12px;
+padding-bottom:8px;
 padding-left:18px;
-cursor:pointer;}
+cursor:pointer;
+clear:both;}
+
+.fileItem:hover
+{color:#555353;}
+
+
+.selectedItem
+{font-weight:bold;}
 
 #previewPane {
   position:absolute;
   left:350px;
-  top:118px;}
+  top:154px;}

edgware/templates/files/browser.html

@@ -19,8 +19,8 @@
       <div id="fileList">
       
       </div>
-      <div id="prevBtn"><<</div>
+      <div id="prevBtn">&lt;&lt;</div>
-      <div id="nextBtn">>></div>
+      <div id="nextBtn">&gt;&gt;</div>
       
     </div>
     <div id="previewPane">