Index: trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/strings.xsl
===================================================================
--- trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/strings.xsl (revision 2533)
+++ trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/strings.xsl (revision 2538)
@@ -54,5 +54,9 @@
   <xsl:variable name="bwStr-SrcB-Search">Search:</xsl:variable>
   <xsl:variable name="bwStr-SrcB-Go">go</xsl:variable>
+  <xsl:variable name="bwStr-Util-List">LIST</xsl:variable>
+  <xsl:variable name="bwStr-Util-Cal">CAL</xsl:variable>
   <xsl:variable name="bwStr-SrcB-ToggleListCalView">toggle list/calendar view</xsl:variable>
+  <xsl:variable name="bwStr-Util-Summary">SUMMARY</xsl:variable>
+  <xsl:variable name="bwStr-Util-Details">DETAILS</xsl:variable>
   <xsl:variable name="bwStr-SrcB-ToggleSummDetView">toggle summary/detailed view</xsl:variable>
   <xsl:variable name="bwStr-SrcB-ShowDetails">Show Details</xsl:variable>
Index: trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/bwclassic.xsl
===================================================================
--- trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/bwclassic.xsl (revision 2535)
+++ trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/bwclassic.xsl (revision 2538)
@@ -443,19 +443,19 @@
             <xsl:choose>
               <xsl:when test="/bedework/periodname='Day' or /bedework/page='eventList'">
-                <img src="{$resourcesRoot}/images/std-button-listview-off.gif" width="46" height="21" border="0" alt="{$bwStr-SrcB-ToggleListCalView}"/>
+                <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-List"/></span>
               </xsl:when>
               <xsl:when test="/bedework/periodname='Year'">
-                <img src="{$resourcesRoot}/images/std-button-calview-off.gif" width="46" height="21" border="0" alt="{$bwStr-SrcB-ToggleListCalView}"/>
+                <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Cal"/></span>
               </xsl:when>
               <xsl:when test="/bedework/periodname='Month'">
                 <xsl:choose>
                   <xsl:when test="/bedework/appvar[key='monthViewMode']/value='list'">
-                    <a href="{$setup}&amp;setappvar=monthViewMode(cal)" title="{$bwStr-SrcB-ToggleListCalView}">
-                      <img src="{$resourcesRoot}/images/std-button-calview.gif" width="46" height="21" border="0" alt="{$bwStr-SrcB-ToggleListCalView}"/>
+                    <a class="utilButton" href="{$setup}&amp;setappvar=monthViewMode(cal)" title="{$bwStr-SrcB-ToggleListCalView}">
+                      <xsl:copy-of select="$bwStr-Util-Cal"/>
                     </a>
                   </xsl:when>
                   <xsl:otherwise>
-                    <a href="{$setup}&amp;setappvar=monthViewMode(list)" title="{$bwStr-SrcB-ToggleListCalView}">
-                      <img src="{$resourcesRoot}/images/std-button-listview.gif" width="46" height="21" border="0" alt="{$bwStr-SrcB-ToggleListCalView}"/>
+                    <a class="utilButton" href="{$setup}&amp;setappvar=monthViewMode(list)" title="{$bwStr-SrcB-ToggleListCalView}">
+                      <xsl:copy-of select="$bwStr-Util-List"/>
                     </a>
                   </xsl:otherwise>
@@ -465,11 +465,11 @@
                 <xsl:choose>
                   <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'">
-                    <a href="{$setup}&amp;setappvar=weekViewMode(cal)" title="{$bwStr-SrcB-ToggleListCalView}">
-                      <img src="{$resourcesRoot}/images/std-button-calview.gif" width="46" height="21" border="0"  alt="{$bwStr-SrcB-ToggleListCalView}"/>
+                    <a class="utilButton" href="{$setup}&amp;setappvar=weekViewMode(cal)" title="{$bwStr-SrcB-ToggleListCalView}">
+                      <xsl:copy-of select="$bwStr-Util-Cal"/>
                     </a>
                   </xsl:when>
                   <xsl:otherwise>
-                    <a href="{$setup}&amp;setappvar=weekViewMode(list)" title="{$bwStr-SrcB-ToggleListCalView}">
-                      <img src="{$resourcesRoot}/images/std-button-listview.gif" width="46" height="21" border="0"  alt="{$bwStr-SrcB-ToggleListCalView}"/>
+                    <a class="utilButton" href="{$setup}&amp;setappvar=weekViewMode(list)" title="{$bwStr-SrcB-ToggleListCalView}">
+                      <xsl:copy-of select="$bwStr-Util-List"/>
                     </a>
                   </xsl:otherwise>
@@ -481,11 +481,11 @@
                 <xsl:choose>
                   <xsl:when test="/bedework/appvar[key='listEventsSummaryMode']/value='details'">
-                    <a href="{$listEvents}&amp;setappvar=listEventsSummaryMode(summary)" title="{$bwStr-SrcB-ToggleSummDetView}">
-                      <img src="{$resourcesRoot}/images/std-button-summary.gif" width="62" height="21" border="0" alt="{$bwStr-SrcB-ToggleSummDetView}"/>
+                    <a class="utilButton" href="{$listEvents}&amp;setappvar=listEventsSummaryMode(summary)" title="{$bwStr-SrcB-ToggleSummDetView}">
+                      <xsl:copy-of select="$bwStr-Util-Summary"/>
                     </a>
                   </xsl:when>
                   <xsl:otherwise>
-                    <a href="{$listEvents}&amp;setappvar=listEventsSummaryMode(details)" title="{$bwStr-SrcB-ToggleSummDetView}">
-                      <img src="{$resourcesRoot}/images/std-button-details.gif" width="62" height="21" border="0" alt="{$bwStr-SrcB-ToggleSummDetView}"/>
+                    <a class="utilButton" href="{$listEvents}&amp;setappvar=listEventsSummaryMode(details)" title="{$bwStr-SrcB-ToggleSummDetView}">
+                      <xsl:copy-of select="$bwStr-Util-Details"/>
                     </a>
                   </xsl:otherwise>
@@ -501,8 +501,8 @@
                 <xsl:choose>
                   <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'">
-                    <img src="{$resourcesRoot}/images/std-button-summary-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/>
+                    <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Summary"/></span>
                   </xsl:when>
                   <xsl:otherwise>
-                    <img src="{$resourcesRoot}/images/std-button-details-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/>
+                    <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Details"/></span>
                   </xsl:otherwise>
                 </xsl:choose>
@@ -511,11 +511,11 @@
                 <xsl:choose>
                   <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'">
-                    <a href="{$setup}&amp;setappvar=summaryMode(summary)" title="{$bwStr-SrcB-ToggleSummDetView}">
-                      <img src="{$resourcesRoot}/images/std-button-summary.gif" width="62" height="21" border="0" alt="{$bwStr-SrcB-ToggleSummDetView}"/>
+                    <a class="utilButton" href="{$setup}&amp;setappvar=summaryMode(summary)" title="{$bwStr-SrcB-ToggleSummDetView}">
+                      <xsl:copy-of select="$bwStr-Util-Summary"/>
                     </a>
                   </xsl:when>
                   <xsl:otherwise>
-                    <a href="{$setup}&amp;setappvar=summaryMode(details)" title="{$bwStr-SrcB-ToggleSummDetView}">
-                      <img src="{$resourcesRoot}/images/std-button-details.gif" width="62" height="21" border="0" alt="{$bwStr-SrcB-ToggleSummDetView}"/>
+                    <a class="utilButton" href="{$setup}&amp;setappvar=summaryMode(details)" title="{$bwStr-SrcB-ToggleSummDetView}">
+                      <xsl:copy-of select="$bwStr-Util-Details"/>
                     </a>
                   </xsl:otherwise>
@@ -523,4 +523,5 @@
               </xsl:otherwise>
             </xsl:choose>
+            <!--
             <a href="{$setup}">
               <xsl:if test="/bedework/page='eventList'">
@@ -529,4 +530,5 @@
               <img src="{$resourcesRoot}/images/std-button-refresh.gif" width="70" height="21" border="0" alt="refresh view"/>
             </a>
+            -->
           </td>
        </tr>
Index: trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/blue.css
===================================================================
--- trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/default/bwclassicTheme/css/blue.css (revision 2448)
+++ trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/blue.css (revision 2538)
@@ -162,5 +162,5 @@
   text-align: right;
   border-right: 2px solid #aaa;
-  padding: 0.1em 0.1em 0em 0em;
+  padding: 2px;
   white-space: nowrap;
 }
@@ -183,4 +183,23 @@
 #searchBarTable img {
   vertical-align: middle;
+}
+#searchBarTable a.utilButton,
+#searchBarTable .utilButtonOff {
+  vertical-align: middle;
+  margin: 0 2px 0 4px;
+  padding: 2px 4px;
+  font-size: 0.7em;
+  border: 1px solid #bbb;
+  background-color: #ccc;
+  color: black;
+  text-decoration: none;
+}
+#searchBarTable .utilButtonOff {
+  background-color: #ddd;
+  color: #888;
+}
+#searchBarTable a.utilButton:hover {
+  background-color: #ddd;
+  color: black;
 }
 #searchFilter {
Index: trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/green.css
===================================================================
--- trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/default/bwclassicTheme/css/green.css (revision 2448)
+++ trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/green.css (revision 2538)
@@ -171,5 +171,5 @@
   text-align: right;
   border-right: 2px solid #333;
-  padding: 0.1em 0.1em 0em 0em;
+  padding: 2px;
   white-space: nowrap;
 }
@@ -189,4 +189,23 @@
 #searchBarTable img {
   vertical-align: middle;
+}
+#searchBarTable a.utilButton,
+#searchBarTable .utilButtonOff {
+  vertical-align: middle;
+  margin: 0 2px 0 4px;
+  padding: 2px 4px;
+  font-size: 0.7em;
+  border: 1px solid #bbb;
+  background-color: #ccc;
+  color: black;
+  text-decoration: none;
+}
+#searchBarTable .utilButtonOff {
+  background-color: #ddd;
+  color: #888;
+}
+#searchBarTable a.utilButton:hover {
+  background-color: #ddd;
+  color: black;
 }
 #searchFilter {
Index: trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/red.css
===================================================================
--- trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/default/bwclassicTheme/css/red.css (revision 2448)
+++ trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/red.css (revision 2538)
@@ -171,5 +171,5 @@
   text-align: right;
   border-right: 2px solid #333;
-  padding: 0.1em 0.1em 0em 0em;
+  padding: 2px;
   white-space: nowrap;
 }
@@ -189,4 +189,23 @@
 #searchBarTable img {
   vertical-align: middle;
+}
+#searchBarTable a.utilButton,
+#searchBarTable .utilButtonOff {
+  vertical-align: middle;
+  margin: 0 2px 0 4px;
+  padding: 2px 4px;
+  font-size: 0.7em;
+  border: 1px solid #bbb;
+  background-color: #ccc;
+  color: black;
+  text-decoration: none;
+}
+#searchBarTable .utilButtonOff {
+  background-color: #ddd;
+  color: #888;
+}
+#searchBarTable a.utilButton:hover {
+  background-color: #ddd;
+  color: black;
 }
 #searchFilter {
Index: trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.css
===================================================================
--- trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.css (revision 2434)
+++ trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.css (revision 2538)
@@ -365,4 +365,23 @@
   margin: 0;
   padding: 0;
+}
+#bedework #utilBarTable a.utilButton,
+#bedework #utilBarTable .utilButtonOff {
+  vertical-align: middle;
+  margin: 0 0 0 4px;
+  padding: 2px 4px;
+  font-size: 0.7em;
+  border: 1px solid #bbb;
+  background-color: #ccc;
+  color: black;
+  text-decoration: none;
+}
+#bedework #utilBarTable .utilButtonOff {
+  background-color: #ddd;
+  color: #888;
+}
+#bedework #utilBarTable a.utilButton:hover {
+  background-color: #ddd;
+  color: black;
 }
 #bedework .bwActionIcons {
Index: trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.xsl
===================================================================
--- trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.xsl (revision 2522)
+++ trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.xsl (revision 2538)
@@ -918,13 +918,17 @@
                <xsl:choose>
                  <xsl:when test="/bedework/page='freeBusy'">
-                   <a href="{$setViewPeriod}&amp;date={$curdate}"><img src="{$resourcesRoot}/resources/std-button-events.gif" width="70" height="21" border="0" alt="show events"/></a>
+                   <a class="utilButton" href="{$setViewPeriod}&amp;date={$curdate}" title="{$bwStr-Util-ShowEvents}">
+                     <xsl:copy-of select="$bwStr-Util-Events"/>
+                   </a>
                  </xsl:when>
                  <xsl:otherwise>
-                   <a href="{$freeBusy-fetch}&amp;date={$curdate}"><img src="{$resourcesRoot}/resources/std-button-freebusy.gif" width="70" height="21" border="0" alt="show free/busy"/></a>
+                   <a class="utilButton" href="{$freeBusy-fetch}&amp;date={$curdate}" title="{$bwStr-Util-ShowFreebusy}">
+                     <xsl:copy-of select="$bwStr-Util-Freebusy"/>
+                   </a>
                  </xsl:otherwise>
                </xsl:choose>
              </xsl:when>
              <xsl:otherwise>
-               <img src="{$resourcesRoot}/resources/std-button-freebusy-off.gif" width="70" height="21" border="0" alt="show free/busy"/>
+               <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Freebusy"/></span>
              </xsl:otherwise>
            </xsl:choose>
@@ -933,19 +937,19 @@
            <xsl:choose>
              <xsl:when test="/bedework/periodname='Day' or /bedework/page='eventList'">
-               <img src="{$resourcesRoot}/resources/std-button-listview-off.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/>
+               <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-List"/></span>
              </xsl:when>
              <xsl:when test="/bedework/periodname='Year'">
-               <img src="{$resourcesRoot}/resources/std-button-calview-off.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/>
+               <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Cal"/></span>
              </xsl:when>
              <xsl:when test="/bedework/periodname='Month'">
                <xsl:choose>
                  <xsl:when test="/bedework/appvar[key='monthViewMode']/value='list'">
-                   <a href="{$setup}&amp;setappvar=monthViewMode(cal)" title="{$bwStr-Util-ToggleListCalView}">
-                     <img src="{$resourcesRoot}/resources/std-button-calview.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/>
+                   <a class="utilButton" href="{$setup}&amp;setappvar=monthViewMode(cal)" title="{$bwStr-Util-ToggleListCalView}">
+                     <xsl:copy-of select="$bwStr-Util-Cal"/>
                    </a>
                  </xsl:when>
                  <xsl:otherwise>
-                   <a href="{$setup}&amp;setappvar=monthViewMode(list)" title="{$bwStr-Util-ToggleListCalView}">
-                     <img src="{$resourcesRoot}/resources/std-button-listview.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/>
+                   <a class="utilButton" href="{$setup}&amp;setappvar=monthViewMode(list)" title="{$bwStr-Util-ToggleListCalView}">
+                     <xsl:copy-of select="$bwStr-Util-List"/>
                    </a>
                  </xsl:otherwise>
@@ -955,11 +959,11 @@
                <xsl:choose>
                  <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'">
-                   <a href="{$setup}&amp;setappvar=weekViewMode(cal)" title="{$bwStr-Util-ToggleListCalView}">
-                     <img src="{$resourcesRoot}/resources/std-button-calview.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/>
+                   <a class="utilButton" href="{$setup}&amp;setappvar=weekViewMode(cal)" title="{$bwStr-Util-ToggleListCalView}">
+                     <xsl:copy-of select="$bwStr-Util-Cal"/>
                    </a>
                  </xsl:when>
                  <xsl:otherwise>
-                   <a href="{$setup}&amp;setappvar=weekViewMode(list)" title="{$bwStr-Util-ToggleListCalView}">
-                     <img src="{$resourcesRoot}/resources/std-button-listview.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/>
+                   <a class="utilButton" href="{$setup}&amp;setappvar=weekViewMode(list)" title="{$bwStr-Util-ToggleListCalView}">
+                     <xsl:copy-of select="$bwStr-Util-List"/>
                    </a>
                  </xsl:otherwise>
@@ -973,11 +977,11 @@
                 <xsl:choose>
                   <xsl:when test="/bedework/appvar[key='listEventsSummaryMode']/value='details'">
-                    <a href="{$listEvents}&amp;setappvar=listEventsSummaryMode(summary)" title="{$bwStr-Util-ToggleSummDetView}">
-                      <img src="{$resourcesRoot}/resources/std-button-summary.gif" width="62" height="21" border="0" alt="{$bwStr-Util-ToggleSummDetView}"/>
+                    <a class="utilButton" href="{$listEvents}&amp;setappvar=listEventsSummaryMode(summary)" title="{$bwStr-Util-ToggleSummDetView}">
+                      <xsl:copy-of select="$bwStr-Util-Summary"/>
                     </a>
                   </xsl:when>
                   <xsl:otherwise>
-                    <a href="{$listEvents}&amp;setappvar=listEventsSummaryMode(details)" title="{$bwStr-Util-ToggleSummDetView}">
-                      <img src="{$resourcesRoot}/resources/std-button-details.gif" width="62" height="21" border="0" alt="{$bwStr-Util-ToggleSummDetView}"/>
+                    <a class="utilButton" href="{$listEvents}&amp;setappvar=listEventsSummaryMode(details)" title="{$bwStr-Util-ToggleSummDetView}">
+                      <xsl:copy-of select="$bwStr-Util-Details"/>
                     </a>
                   </xsl:otherwise>
@@ -993,8 +997,8 @@
                 <xsl:choose>
                   <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'">
-                    <img src="{$resourcesRoot}/resources/std-button-summary-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/>
+                    <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Summary"/></span>
                   </xsl:when>
                   <xsl:otherwise>
-                    <img src="{$resourcesRoot}/resources/std-button-details-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/>
+                    <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Details"/></span>
                   </xsl:otherwise>
                 </xsl:choose>
@@ -1003,11 +1007,11 @@
                 <xsl:choose>
                   <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'">
-                    <a href="{$setup}&amp;setappvar=summaryMode(summary)" title="{$bwStr-Util-ToggleSummDetView}">
-                      <img src="{$resourcesRoot}/resources/std-button-summary.gif" width="62" height="21" border="0" alt="{$bwStr-Util-ToggleSummDetView}"/>
+                    <a class="utilButton" href="{$setup}&amp;setappvar=summaryMode(summary)" title="{$bwStr-Util-ToggleSummDetView}">
+                      <xsl:copy-of select="$bwStr-Util-Summary"/>
                     </a>
                   </xsl:when>
                   <xsl:otherwise>
-                    <a href="{$setup}&amp;setappvar=summaryMode(details)" title="{$bwStr-Util-ToggleSummDetView}">
-                      <img src="{$resourcesRoot}/resources/std-button-details.gif" width="62" height="21" border="0" alt="{$bwStr-Util-ToggleSummDetView}"/>
+                    <a class="utilButton" href="{$setup}&amp;setappvar=summaryMode(details)" title="{$bwStr-Util-ToggleSummDetView}">
+                      <xsl:copy-of select="$bwStr-Util-Details"/>
                     </a>
                   </xsl:otherwise>
@@ -1017,5 +1021,6 @@
 
            <!-- refresh button -->
-           <a href="{$setup}"><img src="{$resourcesRoot}/resources/std-button-refresh.gif" width="70" height="21" border="0" alt="refresh view"/></a>
+           <!-- deprecate? -->
+           <!-- <a href="{$setup}"><img src="{$resourcesRoot}/resources/std-button-refresh.gif" width="70" height="21" border="0" alt="refresh view"/></a> -->
          </td>
        </tr>
Index: trunk/deployment/webuser/webapp/resources/demoskins/default/default/strings.xsl
===================================================================
--- trunk/deployment/webuser/webapp/resources/demoskins/default/default/strings.xsl (revision 2522)
+++ trunk/deployment/webuser/webapp/resources/demoskins/default/default/strings.xsl (revision 2538)
@@ -55,6 +55,14 @@
   <xsl:variable name="bwStr-Util-Search">Search</xsl:variable>
   <xsl:variable name="bwStr-Util-Go">go</xsl:variable>
+  <xsl:variable name="bwStr-Util-List">LIST</xsl:variable>
+  <xsl:variable name="bwStr-Util-Cal">CAL</xsl:variable>
   <xsl:variable name="bwStr-Util-ToggleListCalView">toggle list/calendar view</xsl:variable>
+  <xsl:variable name="bwStr-Util-Summary">SUMMARY</xsl:variable>
+  <xsl:variable name="bwStr-Util-Details">DETAILS</xsl:variable>
   <xsl:variable name="bwStr-Util-ToggleSummDetView">toggle summary/detailed view</xsl:variable>
+  <xsl:variable name="bwStr-Util-ShowEvents">Show Events</xsl:variable>
+  <xsl:variable name="bwStr-Util-Events">EVENTS</xsl:variable>
+  <xsl:variable name="bwStr-Util-ShowFreebusy">Show Free/Busy</xsl:variable>
+  <xsl:variable name="bwStr-Util-Freebusy">FREE/BUSY</xsl:variable>
 
   <!--  xsl:template name="actionIcons" -->