--- documentViewer/zpt/Attic/viewer_images.zpt	2011/08/17 15:00:31	1.1.2.1
+++ documentViewer/zpt/Attic/viewer_images.zpt	2011/08/25 15:05:22	1.1.2.3
@@ -50,12 +50,14 @@
               first python:test(pn>1,1,None); last python:test(pn<numPages,numPages,None);
               left python:test(flowLtr,prev,next); right python:test(flowLtr,next,prev);
               leftest python:test(flowLtr,first,last); rightest python:test(flowLtr,last,first);">
-    <div class="page_head" metal:use-macro="here/template/head_main/macros/main" />
-    <div class="page_body" tal:condition="python:here.isAccessible(docinfo)">
+    <div class="page-head" metal:use-macro="here/template/head_main/macros/main" />
+    <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
       <!--table of contents-->
-      <div class="col_left" metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
+      <div class="col-left">
+        <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
+      </div>
       <!-- text page -->
-      <div class="col_main">
+      <div class="col-main">
         <div class="ruler">
           <form class="autosubmit" tal:attributes="action viewerUrl">
             <input type="hidden" tal:define="params python:here.getParams('pn', None)" tal:repeat="param params"
@@ -85,12 +87,12 @@
             <img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
           </div>
         </div> <!-- content -->
-      </div> <!-- col_main -->
-      <div class="col_right">
+      </div> <!-- col-main -->
+      <div class="col-right">
         BUTTONS
       </div>
-    </div> <!-- page_body -->
-    <div class="page_body" tal:condition="python:not here.isAccessible(docinfo)">
+    </div> <!-- page-body -->
+    <div class="page-body" tal:condition="python:not here.isAccessible(docinfo)">
       <div class="errortext">Sorry, access to this document is restricted.</div>
     </div>
   </tal:block>