TWiki/TWikiDocGraphics.mdwn

   1 # <a name="TWiki Documentation Graphics and"></a><a name=" TWiki Documentation Graphics an"></a> TWiki Documentation Graphics and Filetype icons
   2
   3 This is the TWiki icon library. The graphics can be used in topics and by web applications.
   4
   5 <div><span>Contents:</span><ul>
   6     <li><a href="#Usage"> Usage</a></li>
   7     <li><a href="#Graphics"> Graphics</a><ul>
   8         <li><a href="#Document icons"> <img align="top" alt="note" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/note.gif" width="16" /> Document icons</a></li>
   9         <li><a href="#Topic,  file,  folder icons"> <img align="top" alt="viewtopic" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/viewtopic.gif" width="16" /> Topic, <img align="top" alt="attachfile" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/attachfile.gif" width="16" /> file, <img align="top" alt="folder" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/folder.gif" width="16" /> folder icons</a></li>
  10         <li><a href="#Person,  group,  access icons"> <img align="top" alt="person" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/person.gif" width="16" /> Person, <img align="top" alt="group" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/group.gif" width="16" /> group, <img align="top" alt="lock" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/lock.gif" width="16" /> access icons</a></li>
  11         <li><a href="#Changes,  notification icons"> <img align="top" alt="changes" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/changes.gif" width="16" /> Changes, <img align="top" alt="notify" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/notify.gif" width="16" /> notification icons</a></li>
  12         <li><a href="#Status,  flag,  LED,  tag icons"> <img align="top" alt="choice-yes" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/choice-yes.gif" width="16" /> Status, <img align="top" alt="flag" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/flag.gif" width="16" /> flag, <img align="top" alt="led-box-red" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/led-box-red.gif" width="16" /> LED, <img align="top" alt="tag-yellow" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/tag-yellow.gif" width="16" /> tag icons</a></li>
  13         <li><a href="#Navigation icons"> <img align="top" alt="home" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/home.gif" width="16" /> Navigation icons</a></li>
  14         <li><a href="#Interface icons"> <img align="top" alt="toggleclose" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/toggleclose.gif" width="16" /> Interface icons</a></li>
  15         <li><a href="#TWiki icons"> <img align="top" alt="twiki" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/twiki.gif" width="16" /> TWiki icons</a></li>
  16         <li><a href="#Block graphics"> <img align="top" alt="line_ur" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/line_ur.gif" width="16" /> Block graphics</a></li>
  17         <li><a href="#Filetype icons"> <img align="top" alt="gif" border="0" height="16" src="http://www.dementia.org/twiki//view/Main/WebHome/gif.gif" width="16" /> Filetype icons</a></li>
  18       </ul>
  19     </li>
  20     <li><a href="#Usage (extended)"> Usage (extended)</a></li>
  21   </ul>
  22 </div>
  23
  24 ## <a name="Usage"></a> Usage
  25
  26 Default notation:
  27
  28 > `%ICON{help}%`
  29 >
  30 > results in:
  31 >
  32 > <img src="http://www.dementia.org/twiki//view/Main/WebHome/help.gif" width="16" height="16" alt="help" />
  33 >
  34 > Note that `ICON{}` assumes a GIF image of 16 x 16 pixels. Use a HTML `img` tag with `%ICONURL{}%` for image with other sizes. See the tables below for copy-paste examples.
  35
  36 Other usage: [[see below|Main/TOPIC#Usage_extended]].
  37
  38 ## <a name="Graphics"></a> Graphics
  39
  40 ### <a name="Document icons"></a><a name=" Document icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/note.gif" width="16" height="16" alt="note" /> Document icons
  41
  42 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
  43   <tr>
  44     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
  45     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
  46     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
  47     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=1;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
  48   </tr>
  49   <tr>
  50     <td bgcolor="#ffffff" style=""><img alt="Book" src="http://www.dementia.org/twiki//view/book.gif" title="Book" /></td>
  51     <td bgcolor="#ffffff" style=""><code>book.gif</code></td>
  52     <td bgcolor="#ffffff" style=""> Book </td>
  53     <td bgcolor="#ffffff" style=""><code>%ICON{book}%</code></td>
  54   </tr>
  55   <tr>
  56     <td bgcolor="#ffffff" style=""><img alt="Speech bubble" src="http://www.dementia.org/twiki//view/bubble.gif" title="Speech bubble" /></td>
  57     <td bgcolor="#ffffff" style=""><code>bubble.gif</code></td>
  58     <td bgcolor="#ffffff" style=""> Speech bubble </td>
  59     <td bgcolor="#ffffff" style=""><code>%ICON{bubble}%</code></td>
  60   </tr>
  61   <tr>
  62     <td bgcolor="#ffffff" style=""><img alt="Days / Calendar" src="http://www.dementia.org/twiki//view/days.gif" title="Days / Calendar" /></td>
  63     <td bgcolor="#ffffff" style=""><code>days.gif</code></td>
  64     <td bgcolor="#ffffff" style=""> Days, Calendar </td>
  65     <td bgcolor="#ffffff" style=""><code>%ICON{days}%</code></td>
  66   </tr>
  67   <tr>
  68     <td bgcolor="#ffffff" style=""><img alt="Download" src="http://www.dementia.org/twiki//view/download.gif" title="Download" /></td>
  69     <td bgcolor="#ffffff" style=""><code>download.gif</code></td>
  70     <td bgcolor="#ffffff" style=""> Download </td>
  71     <td bgcolor="#ffffff" style=""><code>%ICON{download}%</code></td>
  72   </tr>
  73   <tr>
  74     <td bgcolor="#ffffff" style=""><img alt="Filter" src="http://www.dementia.org/twiki//view/filter.gif" title="Filter" /></td>
  75     <td bgcolor="#ffffff" style=""><code>filter.gif</code></td>
  76     <td bgcolor="#ffffff" style=""> Filter </td>
  77     <td bgcolor="#ffffff" style=""><code>%ICON{filter}%</code></td>
  78   </tr>
  79   <tr>
  80     <td bgcolor="#ffffff" style=""><img alt="Gear" src="http://www.dementia.org/twiki//view/gear.gif" title="Gear" /></td>
  81     <td bgcolor="#ffffff" style=""><code>gear.gif</code></td>
  82     <td bgcolor="#ffffff" style=""> Gear </td>
  83     <td bgcolor="#ffffff" style=""><code>%ICON{gear}%</code></td>
  84   </tr>
  85   <tr>
  86     <td bgcolor="#ffffff" style=""><img alt="Globe" src="http://www.dementia.org/twiki//view/globe.gif" title="Globe" /></td>
  87     <td bgcolor="#ffffff" style=""><code>globe.gif</code></td>
  88     <td bgcolor="#ffffff" style=""> Globe </td>
  89     <td bgcolor="#ffffff" style=""><code>%ICON{globe}%</code></td>
  90   </tr>
  91   <tr>
  92     <td bgcolor="#ffffff" style=""><img alt="Pointing hand" src="http://www.dementia.org/twiki//view/hand.gif" title="Pointing hand" /></td>
  93     <td bgcolor="#ffffff" style=""><code>hand.gif</code></td>
  94     <td bgcolor="#ffffff" style=""> Pointing hand </td>
  95     <td bgcolor="#ffffff" style=""><code>%ICON{hand}%</code></td>
  96   </tr>
  97   <tr>
  98     <td bgcolor="#ffffff" style=""><img alt="Help" src="http://www.dementia.org/twiki//view/help.gif" title="Help" /></td>
  99     <td bgcolor="#ffffff" style=""><code>help.gif</code></td>
 100     <td bgcolor="#ffffff" style=""> Help </td>
 101     <td bgcolor="#ffffff" style=""><code>%H%</code>, <code>%ICON{help}%</code></td>
 102   </tr>
 103   <tr>
 104     <td bgcolor="#ffffff" style=""><img alt="Information" src="http://www.dementia.org/twiki//view/info.gif" title="Information" /></td>
 105     <td bgcolor="#ffffff" style=""><code>info.gif</code></td>
 106     <td bgcolor="#ffffff" style=""> Info </td>
 107     <td bgcolor="#ffffff" style=""><code>%ICON{info}%</code></td>
 108   </tr>
 109   <tr>
 110     <td bgcolor="#ffffff" style=""><img alt="Hour glass (clock)" src="http://www.dementia.org/twiki//view/hourglass.gif" title="Hour glass (clock)" /></td>
 111     <td bgcolor="#ffffff" style=""><code>hourglass.gif</code></td>
 112     <td bgcolor="#ffffff" style=""> Hour glass (clock) </td>
 113     <td bgcolor="#ffffff" style=""><code>%ICON{hourglass}%</code></td>
 114   </tr>
 115   <tr>
 116     <td bgcolor="#ffffff" style=""><img alt="Read more" src="http://www.dementia.org/twiki//view/more.gif" title="Read more" /></td>
 117     <td bgcolor="#ffffff" style=""><code>more.gif</code></td>
 118     <td bgcolor="#ffffff" style=""> Read more </td>
 119     <td bgcolor="#ffffff" style=""><code>%ICON{more}%</code></td>
 120   </tr>
 121   <tr>
 122     <td bgcolor="#ffffff" style=""><img alt="Read more" src="http://www.dementia.org/twiki//view/more-small.gif" title="Read more" /></td>
 123     <td bgcolor="#ffffff" style=""><code>more-small.gif</code></td>
 124     <td bgcolor="#ffffff" style=""> Read more, 13x13 </td>
 125     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{more-small}%" width="13" height="13" alt="Read more" border="0" /&gt;</code></td>
 126   </tr>
 127   <tr>
 128     <td bgcolor="#ffffff" style=""><img alt="Move" src="http://www.dementia.org/twiki//view/move.gif" title="Move" /></td>
 129     <td bgcolor="#ffffff" style=""><code>move.gif</code></td>
 130     <td bgcolor="#ffffff" style=""> Move </td>
 131     <td bgcolor="#ffffff" style=""><code>%ICON{move}%</code></td>
 132   </tr>
 133   <tr>
 134     <td bgcolor="#ffffff" style=""><img alt="Note" src="http://www.dementia.org/twiki//view/note.gif" title="Note" /></td>
 135     <td bgcolor="#ffffff" style=""><code>note.gif</code></td>
 136     <td bgcolor="#ffffff" style=""> Note </td>
 137     <td bgcolor="#ffffff" style=""><code>%ICON{note}%</code></td>
 138   </tr>
 139   <tr>
 140     <td bgcolor="#ffffff" style=""><img alt="Parked" src="http://www.dementia.org/twiki//view/parked.gif" title="Parked" /></td>
 141     <td bgcolor="#ffffff" style=""><code>parked.gif</code></td>
 142     <td bgcolor="#ffffff" style=""> Parked </td>
 143     <td bgcolor="#ffffff" style=""><code>%ICON{parked}%</code></td>
 144   </tr>
 145   <tr>
 146     <td bgcolor="#ffffff" style=""><img alt="Pencil / Refactor / Edit" src="http://www.dementia.org/twiki//view/pencil.gif" title="Pencil / Refactor / Edit" /></td>
 147     <td bgcolor="#ffffff" style=""><code>pencil.gif</code></td>
 148     <td bgcolor="#ffffff" style=""> Pencil / Refactor / Edit </td>
 149     <td bgcolor="#ffffff" style=""><code>%P%</code>, <code>%ICON{pencil}%</code></td>
 150   </tr>
 151   <tr>
 152     <td bgcolor="#ffffff" style=""><img alt="Puzzle" src="http://www.dementia.org/twiki//view/puzzle.gif" title="Puzzle" /></td>
 153     <td bgcolor="#ffffff" style=""><code>puzzle.gif</code></td>
 154     <td bgcolor="#ffffff" style=""> Puzzle </td>
 155     <td bgcolor="#ffffff" style=""><code>%ICON{puzzle}%</code></td>
 156   </tr>
 157   <tr>
 158     <td bgcolor="#ffffff" style=""><img alt="Question" src="http://www.dementia.org/twiki//view/question.gif" title="Question" /></td>
 159     <td bgcolor="#ffffff" style=""><code>question.gif</code></td>
 160     <td bgcolor="#ffffff" style=""> Question </td>
 161     <td bgcolor="#ffffff" style=""><code>%ICON{question}%</code></td>
 162   </tr>
 163   <tr>
 164     <td bgcolor="#ffffff" style=""><img alt="Request for comments" src="http://www.dementia.org/twiki//view/rfc.gif" title="Request for comments" /></td>
 165     <td bgcolor="#ffffff" style=""><code>rfc.gif</code></td>
 166     <td bgcolor="#ffffff" style=""> Request for comments </td>
 167     <td bgcolor="#ffffff" style=""><code>%ICON{rfc}%</code></td>
 168   </tr>
 169   <tr>
 170     <td bgcolor="#ffffff" style=""><img alt="Sort" src="http://www.dementia.org/twiki//view/sort.gif" title="Sort" /></td>
 171     <td bgcolor="#ffffff" style=""><code>sort.gif</code></td>
 172     <td bgcolor="#ffffff" style=""> Sort </td>
 173     <td bgcolor="#ffffff" style=""><code>%ICON{sort}%</code></td>
 174   </tr>
 175   <tr>
 176     <td bgcolor="#ffffff" style=""><img alt="Gold star, favorites" src="http://www.dementia.org/twiki//view/stargold.gif" title="Gold star, favorites" /></td>
 177     <td bgcolor="#ffffff" style=""><code>stargold.gif</code></td>
 178     <td bgcolor="#ffffff" style=""> Gold star, favorites </td>
 179     <td bgcolor="#ffffff" style=""><code>%ICON{stargold}%</code></td>
 180   </tr>
 181   <tr>
 182     <td bgcolor="#ffffff" style=""><img alt="Red star, highlight" src="http://www.dementia.org/twiki//view/starred.gif" title="Red star, highlight" /></td>
 183     <td bgcolor="#ffffff" style=""><code>starred.gif</code></td>
 184     <td bgcolor="#ffffff" style=""> Red star, highlight </td>
 185     <td bgcolor="#ffffff" style=""><code>%S%</code>, <code>%ICON{starred}%</code></td>
 186   </tr>
 187   <tr>
 188     <td bgcolor="#ffffff" style=""><img alt="Stop" src="http://www.dementia.org/twiki//view/stop.gif" title="Stop" /></td>
 189     <td bgcolor="#ffffff" style=""><code>stop.gif</code></td>
 190     <td bgcolor="#ffffff" style=""> Stop </td>
 191     <td bgcolor="#ffffff" style=""><code>%ICON{stop}%</code></td>
 192   </tr>
 193   <tr>
 194     <td bgcolor="#ffffff" style=""><img alt="Target" src="http://www.dementia.org/twiki//view/target.gif" title="Target" /></td>
 195     <td bgcolor="#ffffff" style=""><code>target.gif</code></td>
 196     <td bgcolor="#ffffff" style=""> Target </td>
 197     <td bgcolor="#ffffff" style=""><code>%ICON{target}%</code></td>
 198   </tr>
 199   <tr>
 200     <td bgcolor="#ffffff" style=""><img alt="Tip, idea" src="http://www.dementia.org/twiki//view/tip.gif" title="Tip, idea" /></td>
 201     <td bgcolor="#ffffff" style=""><code>tip.gif</code></td>
 202     <td bgcolor="#ffffff" style=""> Tip, idea </td>
 203     <td bgcolor="#ffffff" style=""><code>%T%</code>, <code>%ICON{tip}%</code></td>
 204   </tr>
 205   <tr>
 206     <td bgcolor="#ffffff" style=""><img alt="Warning, important" src="http://www.dementia.org/twiki//view/warning.gif" title="Warning, important" /></td>
 207     <td bgcolor="#ffffff" style=""><code>warning.gif</code></td>
 208     <td bgcolor="#ffffff" style=""> Warning, important </td>
 209     <td bgcolor="#ffffff" style=""><code>%X%</code>, <code>%ICON{warning}%</code></td>
 210   </tr>
 211   <tr>
 212     <td bgcolor="#ffffff" style=""><img alt="Watch" src="http://www.dementia.org/twiki//view/watch.gif" title="Watch" /></td>
 213     <td bgcolor="#ffffff" style=""><code>watch.gif</code></td>
 214     <td bgcolor="#ffffff" style=""> Watch </td>
 215     <td bgcolor="#ffffff" style=""><code>%ICON{watch}%</code></td>
 216   </tr>
 217   <tr>
 218     <td bgcolor="#ffffff" style=""><img alt="Work in progress, under construction" src="http://www.dementia.org/twiki//view/wip.gif" title="Work in progress, under construction" /></td>
 219     <td bgcolor="#ffffff" style=""><code>wip.gif</code></td>
 220     <td bgcolor="#ffffff" style=""> Work in progress, under construction </td>
 221     <td bgcolor="#ffffff" style=""><code>%ICON{wip}%</code></td>
 222   </tr>
 223   <tr>
 224     <td bgcolor="#ffffff" style=""><img alt="Wrench, tools" src="http://www.dementia.org/twiki//view/wrench.gif" title="Wrench, tools" /></td>
 225     <td bgcolor="#ffffff" style=""><code>wrench.gif</code></td>
 226     <td bgcolor="#ffffff" style=""> Wrench, tools </td>
 227     <td bgcolor="#ffffff" style=""><code>%ICON{wrench}%</code></td>
 228   </tr>
 229 </table>
 230
 231 ### <a name="Topic,  file,  folder icons"></a><a name=" Topic,  file,  folder icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/viewtopic.gif" width="16" height="16" alt="viewtopic" /> Topic, <img src="http://www.dementia.org/twiki//view/Main/WebHome/attachfile.gif" width="16" height="16" alt="attachfile" /> file, <img src="http://www.dementia.org/twiki//view/Main/WebHome/folder.gif" width="16" height="16" alt="folder" /> folder icons
 232
 233 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
 234   <tr>
 235     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=2;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
 236     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=2;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
 237     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=2;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
 238     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=2;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
 239   </tr>
 240   <tr>
 241     <td bgcolor="#ffffff" style=""><img alt="View topic" src="http://www.dementia.org/twiki//view/viewtopic.gif" title="View topic" /></td>
 242     <td bgcolor="#ffffff" style=""><code>viewtopic.gif</code></td>
 243     <td bgcolor="#ffffff" style=""> View topic </td>
 244     <td bgcolor="#ffffff" style=""><code>%ICON{viewtopic}%</code></td>
 245   </tr>
 246   <tr>
 247     <td bgcolor="#ffffff" style=""><img alt="Print topic" src="http://www.dementia.org/twiki//view/printtopic.gif" title="Print topic" /></td>
 248     <td bgcolor="#ffffff" style=""><code>printtopic.gif</code></td>
 249     <td bgcolor="#ffffff" style=""> Print topic </td>
 250     <td bgcolor="#ffffff" style=""><code>%ICON{printtopic}%</code></td>
 251   </tr>
 252   <tr>
 253     <td bgcolor="#ffffff" style=""><img alt="Refresh topic" src="http://www.dementia.org/twiki//view/refreshtopic.gif" title="Refresh topic" /></td>
 254     <td bgcolor="#ffffff" style=""><code>refreshtopic.gif</code></td>
 255     <td bgcolor="#ffffff" style=""> Refresh topic </td>
 256     <td bgcolor="#ffffff" style=""><code>%ICON{refreshtopic}%</code></td>
 257   </tr>
 258   <tr>
 259     <td bgcolor="#ffffff" style=""><img alt="New topic" src="http://www.dementia.org/twiki//view/newtopic.gif" title="New topic" /></td>
 260     <td bgcolor="#ffffff" style=""><code>newtopic.gif</code></td>
 261     <td bgcolor="#ffffff" style=""> New topic </td>
 262     <td bgcolor="#ffffff" style=""><code>%ICON{newtopic}%</code></td>
 263   </tr>
 264   <tr>
 265     <td bgcolor="#ffffff" style=""><img alt="Edit topic" src="http://www.dementia.org/twiki//view/edittopic.gif" title="Edit topic" /></td>
 266     <td bgcolor="#ffffff" style=""><code>edittopic.gif</code></td>
 267     <td bgcolor="#ffffff" style=""> Edit topic </td>
 268     <td bgcolor="#ffffff" style=""><code>%ICON{edittopic}%</code></td>
 269   </tr>
 270   <tr>
 271     <td bgcolor="#ffffff" style=""><img alt="Save" src="http://www.dementia.org/twiki//view/save.gif" title="Save" /></td>
 272     <td bgcolor="#ffffff" style=""><code>save.gif</code></td>
 273     <td bgcolor="#ffffff" style=""> Save </td>
 274     <td bgcolor="#ffffff" style=""><code>%ICON{save}%</code></td>
 275   </tr>
 276   <tr>
 277     <td bgcolor="#ffffff" style=""><img alt="Attach file" src="http://www.dementia.org/twiki//view/attachfile.gif" title="Attach file" /></td>
 278     <td bgcolor="#ffffff" style=""><code>attachfile.gif</code></td>
 279     <td bgcolor="#ffffff" style=""> Attach file </td>
 280     <td bgcolor="#ffffff" style=""><code>%ICON{attachfile}%</code></td>
 281   </tr>
 282   <tr>
 283     <td bgcolor="#ffffff" style=""><img alt="Download" src="http://www.dementia.org/twiki//view/download.gif" title="Download" /></td>
 284     <td bgcolor="#ffffff" style=""><code>download.gif</code></td>
 285     <td bgcolor="#ffffff" style=""> Download </td>
 286     <td bgcolor="#ffffff" style=""><code>%ICON{download}%</code></td>
 287   </tr>
 288   <tr>
 289     <td bgcolor="#ffffff" style=""><img alt="Trash" src="http://www.dementia.org/twiki//view/trash.gif" title="Trash" /></td>
 290     <td bgcolor="#ffffff" style=""><code>trash.gif</code></td>
 291     <td bgcolor="#ffffff" style=""> Trash </td>
 292     <td bgcolor="#ffffff" style=""><code>%ICON{trash}%</code></td>
 293   </tr>
 294   <tr>
 295     <td bgcolor="#ffffff" style=""><img alt="Search topic" src="http://www.dementia.org/twiki//view/searchtopic.gif" title="Search topic" /></td>
 296     <td bgcolor="#ffffff" style=""><code>searchtopic.gif</code></td>
 297     <td bgcolor="#ffffff" style=""> Search topic </td>
 298     <td bgcolor="#ffffff" style=""><code>%ICON{searchtopic}%</code></td>
 299   </tr>
 300   <tr>
 301     <td bgcolor="#ffffff" style=""><img alt="Search" src="http://www.dementia.org/twiki//view/search-small.gif" title="Search" /></td>
 302     <td bgcolor="#ffffff" style=""><code>search-small.gif</code></td>
 303     <td bgcolor="#ffffff" style=""> Small search button, 13x13 </td>
 304     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{search-small}%" width="13" height="13" alt="Search" border="0" /&gt;</code></td>
 305   </tr>
 306   <tr>
 307     <td bgcolor="#ffffff" style=""><img alt="Topic back-links" src="http://www.dementia.org/twiki//view/topicbacklinks.gif" title="Topic back-links" /></td>
 308     <td bgcolor="#ffffff" style=""><code>topicbacklinks.gif</code></td>
 309     <td bgcolor="#ffffff" style=""> Topic back-links </td>
 310     <td bgcolor="#ffffff" style=""><code>%ICON{topicbacklinks}%</code></td>
 311   </tr>
 312   <tr>
 313     <td bgcolor="#ffffff" style=""><img alt="Topic difference" src="http://www.dementia.org/twiki//view/topicdiffs.gif" title="Topic difference" /></td>
 314     <td bgcolor="#ffffff" style=""><code>topicdiffs.gif</code></td>
 315     <td bgcolor="#ffffff" style=""> Topic difference </td>
 316     <td bgcolor="#ffffff" style=""><code>%ICON{topicdiffs}%</code></td>
 317   </tr>
 318   <tr>
 319     <td bgcolor="#ffffff" style=""><img alt="Statistics" src="http://www.dementia.org/twiki//view/statistics.gif" title="Statistics" /></td>
 320     <td bgcolor="#ffffff" style=""><code>statistics.gif</code></td>
 321     <td bgcolor="#ffffff" style=""> Statistics </td>
 322     <td bgcolor="#ffffff" style=""><code>%ICON{statistics}%</code></td>
 323   </tr>
 324   <tr>
 325     <td bgcolor="#ffffff" style=""><img alt="Index" src="http://www.dementia.org/twiki//view/index.gif" title="Index" /></td>
 326     <td bgcolor="#ffffff" style=""><code>index.gif</code></td>
 327     <td bgcolor="#ffffff" style=""> Index </td>
 328     <td bgcolor="#ffffff" style=""><code>%ICON{index}%</code></td>
 329   </tr>
 330   <tr>
 331     <td bgcolor="#ffffff" style=""><img alt="Index list" src="http://www.dementia.org/twiki//view/indexlist.gif" title="Index list" /></td>
 332     <td bgcolor="#ffffff" style=""><code>indexlist.gif</code></td>
 333     <td bgcolor="#ffffff" style=""> Index list </td>
 334     <td bgcolor="#ffffff" style=""><code>%ICON{indexlist}%</code></td>
 335   </tr>
 336   <tr>
 337     <td bgcolor="#ffffff" style=""><img alt="Cache topic" src="http://www.dementia.org/twiki//view/cachetopic.gif" title="Cache topic" /></td>
 338     <td bgcolor="#ffffff" style=""><code>cachetopic.gif</code></td>
 339     <td bgcolor="#ffffff" style=""> Cache topic </td>
 340     <td bgcolor="#ffffff" style=""><code>%ICON{cachetopic}%</code></td>
 341   </tr>
 342   <tr>
 343     <td bgcolor="#ffffff" style=""><img alt="Folder" src="http://www.dementia.org/twiki//view/folder.gif" title="Folder" /></td>
 344     <td bgcolor="#ffffff" style=""><code>folder.gif</code></td>
 345     <td bgcolor="#ffffff" style=""> Folder </td>
 346     <td bgcolor="#ffffff" style=""><code>%ICON{folder}%</code></td>
 347   </tr>
 348 </table>
 349
 350 ### <a name="Person,  group,  access icons"></a><a name=" Person,  group,  access icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/person.gif" width="16" height="16" alt="person" /> Person, <img src="http://www.dementia.org/twiki//view/Main/WebHome/group.gif" width="16" height="16" alt="group" /> group, <img src="http://www.dementia.org/twiki//view/Main/WebHome/lock.gif" width="16" height="16" alt="lock" /> access icons
 351
 352 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
 353   <tr>
 354     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=3;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
 355     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=3;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
 356     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=3;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
 357     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=3;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
 358   </tr>
 359   <tr>
 360     <td bgcolor="#ffffff" style=""><img alt="Person" src="http://www.dementia.org/twiki//view/person.gif" title="Person" /></td>
 361     <td bgcolor="#ffffff" style=""><code>person.gif</code></td>
 362     <td bgcolor="#ffffff" style=""> Person </td>
 363     <td bgcolor="#ffffff" style=""><code>%ICON{person}%</code></td>
 364   </tr>
 365   <tr>
 366     <td bgcolor="#ffffff" style=""><img alt="Persons" src="http://www.dementia.org/twiki//view/persons.gif" title="Persons" /></td>
 367     <td bgcolor="#ffffff" style=""><code>persons.gif</code></td>
 368     <td bgcolor="#ffffff" style=""> Persons </td>
 369     <td bgcolor="#ffffff" style=""><code>%ICON{persons}%</code></td>
 370   </tr>
 371   <tr>
 372     <td bgcolor="#ffffff" style=""><img alt="Group" src="http://www.dementia.org/twiki//view/group.gif" title="Group" /></td>
 373     <td bgcolor="#ffffff" style=""><code>group.gif</code></td>
 374     <td bgcolor="#ffffff" style=""> Group </td>
 375     <td bgcolor="#ffffff" style=""><code>%ICON{group}%</code></td>
 376   </tr>
 377   <tr>
 378     <td bgcolor="#ffffff" style=""><img alt="Building" src="http://www.dementia.org/twiki//view/building.gif" title="Building" /></td>
 379     <td bgcolor="#ffffff" style=""><code>building.gif</code></td>
 380     <td bgcolor="#ffffff" style=""> Building </td>
 381     <td bgcolor="#ffffff" style=""><code>%ICON{building}%</code></td>
 382   </tr>
 383   <tr>
 384     <td bgcolor="#ffffff" style=""><img alt="Buildings" src="http://www.dementia.org/twiki//view/buildings.gif" title="Buildings" /></td>
 385     <td bgcolor="#ffffff" style=""><code>buildings.gif</code></td>
 386     <td bgcolor="#ffffff" style=""> Buildings </td>
 387     <td bgcolor="#ffffff" style=""><code>%ICON{buildings}%</code></td>
 388   </tr>
 389   <tr>
 390     <td bgcolor="#ffffff" style=""><img alt="Log out" src="http://www.dementia.org/twiki//view/logout.gif" title="Log out" /></td>
 391     <td bgcolor="#ffffff" style=""><code>logout.gif</code></td>
 392     <td bgcolor="#ffffff" style=""> Log out </td>
 393     <td bgcolor="#ffffff" style=""><code>%ICON{logout}%</code></td>
 394   </tr>
 395   <tr>
 396     <td bgcolor="#ffffff" style=""><img alt="Key" src="http://www.dementia.org/twiki//view/key.gif" title="Key" /></td>
 397     <td bgcolor="#ffffff" style=""><code>key.gif</code></td>
 398     <td bgcolor="#ffffff" style=""> Key </td>
 399     <td bgcolor="#ffffff" style=""><code>%ICON{key}%</code></td>
 400   </tr>
 401   <tr>
 402     <td bgcolor="#ffffff" style=""><img alt="Lock" src="http://www.dementia.org/twiki//view/lock.gif" title="Lock" /></td>
 403     <td bgcolor="#ffffff" style=""><code>lock.gif</code></td>
 404     <td bgcolor="#ffffff" style=""> Lock </td>
 405     <td bgcolor="#ffffff" style=""><code>%ICON{lock}%</code></td>
 406   </tr>
 407   <tr>
 408     <td bgcolor="#ffffff" style=""><img alt="Locked topic" src="http://www.dementia.org/twiki//view/locktopic.gif" title="Locked topic" /></td>
 409     <td bgcolor="#ffffff" style=""><code>locktopic.gif</code></td>
 410     <td bgcolor="#ffffff" style=""> Locked topic </td>
 411     <td bgcolor="#ffffff" style=""><code>%ICON{locktopic}%</code></td>
 412   </tr>
 413   <tr>
 414     <td bgcolor="#ffffff" style=""><img alt="Locked topic, gray" src="http://www.dementia.org/twiki//view/locktopicgray.gif" title="Locked topic, gray" /></td>
 415     <td bgcolor="#ffffff" style=""><code>locktopicgray.gif</code></td>
 416     <td bgcolor="#ffffff" style=""> Locked topic, gray </td>
 417     <td bgcolor="#ffffff" style=""><code>%ICON{locktopicgray}%</code></td>
 418   </tr>
 419   <tr>
 420     <td bgcolor="#ffffff" style=""><img alt="Locked folder" src="http://www.dementia.org/twiki//view/lockfolder.gif" title="Locked folder" /></td>
 421     <td bgcolor="#ffffff" style=""><code>lockfolder.gif</code></td>
 422     <td bgcolor="#ffffff" style=""> Locked folder </td>
 423     <td bgcolor="#ffffff" style=""><code>%ICON{lockfolder}%</code></td>
 424   </tr>
 425   <tr>
 426     <td bgcolor="#ffffff" style=""><img alt="Locked folder, gray" src="http://www.dementia.org/twiki//view/lockfoldergray.gif" title="Locked folder, gray" /></td>
 427     <td bgcolor="#ffffff" style=""><code>lockfoldergray.gif</code></td>
 428     <td bgcolor="#ffffff" style=""> Locked folder, gray </td>
 429     <td bgcolor="#ffffff" style=""><code>%ICON{lockfoldergray}%</code></td>
 430   </tr>
 431 </table>
 432
 433 ### <a name="Changes,  notification icons"></a><a name=" Changes,  notification icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/changes.gif" width="16" height="16" alt="changes" /> Changes, <img src="http://www.dementia.org/twiki//view/Main/WebHome/notify.gif" width="16" height="16" alt="notify" /> notification icons
 434
 435 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
 436   <tr>
 437     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=4;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
 438     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=4;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
 439     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=4;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
 440     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=4;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
 441   </tr>
 442   <tr>
 443     <td bgcolor="#ffffff" style=""><img alt="Changes" src="http://www.dementia.org/twiki//view/changes.gif" title="Changes" /></td>
 444     <td bgcolor="#ffffff" style=""><code>changes.gif</code></td>
 445     <td bgcolor="#ffffff" style=""> Changes </td>
 446     <td bgcolor="#ffffff" style=""><code>%ICON{changes}%</code></td>
 447   </tr>
 448   <tr>
 449     <td bgcolor="#ffffff" style=""><img alt="Changes" src="http://www.dementia.org/twiki//view/changes-small.gif" title="Changes" /></td>
 450     <td bgcolor="#ffffff" style=""><code>changes-small.gif</code></td>
 451     <td bgcolor="#ffffff" style=""> Changes (small), 13x13 </td>
 452     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{changes-small}%" width="13" height="13" alt="Changes" border="0" /&gt;</code></td>
 453   </tr>
 454   <tr>
 455     <td bgcolor="#ffffff" style=""><img alt="Recent changes" src="http://www.dementia.org/twiki//view/recentchanges.gif" title="Recent changes" /></td>
 456     <td bgcolor="#ffffff" style=""><code>recentchanges.gif</code></td>
 457     <td bgcolor="#ffffff" style=""> Recent changes </td>
 458     <td bgcolor="#ffffff" style=""><code>%ICON{recentchanges}%</code></td>
 459   </tr>
 460   <tr>
 461     <td bgcolor="#ffffff" style=""><img alt="Mail" src="http://www.dementia.org/twiki//view/mail.gif" title="Mail" /></td>
 462     <td bgcolor="#ffffff" style=""><code>mail.gif</code></td>
 463     <td bgcolor="#ffffff" style=""> Mail </td>
 464     <td bgcolor="#ffffff" style=""><code>%ICON{mail}%</code></td>
 465   </tr>
 466   <tr>
 467     <td bgcolor="#ffffff" style=""><img alt="Notify" src="http://www.dementia.org/twiki//view/notify.gif" title="Notify" /></td>
 468     <td bgcolor="#ffffff" style=""><code>notify.gif</code></td>
 469     <td bgcolor="#ffffff" style=""> Notify </td>
 470     <td bgcolor="#ffffff" style=""><code>%ICON{notify}%</code></td>
 471   </tr>
 472   <tr>
 473     <td bgcolor="#ffffff" style=""><img alt="RSS feed" src="http://www.dementia.org/twiki//view/rss-feed.gif" title="RSS feed" /></td>
 474     <td bgcolor="#ffffff" style=""><code>rss-feed.gif</code></td>
 475     <td bgcolor="#ffffff" style=""> RSS feed, 36x14 </td>
 476     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{rss-feed}%" width="36" height="14" alt="RSS feed" border="0" /&gt;</code></td>
 477   </tr>
 478   <tr>
 479     <td bgcolor="#ffffff" style=""><img alt="RSS feed" src="http://www.dementia.org/twiki//view/rss-small.gif" title="RSS feed" /></td>
 480     <td bgcolor="#ffffff" style=""><code>rss-small.gif</code></td>
 481     <td bgcolor="#ffffff" style=""> RSS feed </td>
 482     <td bgcolor="#ffffff" style=""><code>%ICON{rss-small}%</code></td>
 483   </tr>
 484   <tr>
 485     <td bgcolor="#ffffff" style=""><img alt="XML feed" src="http://www.dementia.org/twiki//view/xml-feed.gif" title="XML feed" /></td>
 486     <td bgcolor="#ffffff" style=""><code>xml-feed.gif</code></td>
 487     <td bgcolor="#ffffff" style=""> XML feed, 36x14 </td>
 488     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{xml-feed}%" width="36" height="13" alt="XML feed" border="0" /&gt;</code></td>
 489   </tr>
 490   <tr>
 491     <td bgcolor="#ffffff" style=""><img alt="XML feed" src="http://www.dementia.org/twiki//view/xml-small.gif" title="XML feed" /></td>
 492     <td bgcolor="#ffffff" style=""><code>xml-small.gif</code></td>
 493     <td bgcolor="#ffffff" style=""> XML feed </td>
 494     <td bgcolor="#ffffff" style=""><code>%ICON{xml-small}%</code></td>
 495   </tr>
 496 </table>
 497
 498 ### <a name="Status,  flag,  LED,  tag icons"></a><a name=" Status,  flag,  LED,  tag icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/choice-yes.gif" width="16" height="16" alt="choice-yes" /> Status, <img src="http://www.dementia.org/twiki//view/Main/WebHome/flag.gif" width="16" height="16" alt="flag" /> flag, <img src="http://www.dementia.org/twiki//view/Main/WebHome/led-box-red.gif" width="16" height="16" alt="led-box-red" /> LED, <img src="http://www.dementia.org/twiki//view/Main/WebHome/tag-yellow.gif" width="16" height="16" alt="tag-yellow" /> tag icons
 499
 500 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
 501   <tr>
 502     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=5;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
 503     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=5;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
 504     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=5;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
 505     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=5;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
 506   </tr>
 507   <tr>
 508     <td bgcolor="#ffffff" style=""><img alt="NEW" src="http://www.dementia.org/twiki//view/new.gif" title="NEW" /></td>
 509     <td bgcolor="#ffffff" style=""><code>new.gif</code></td>
 510     <td bgcolor="#ffffff" style=""> NEW, 30x16 </td>
 511     <td bgcolor="#ffffff" style=""><code>%N%</code>, <code>&lt;img src="%ICONURL{new}%" width="30" height="16" alt="New" border="0" /&gt;</code></td>
 512   </tr>
 513   <tr>
 514     <td bgcolor="#ffffff" style=""><img alt="TODO" src="http://www.dementia.org/twiki//view/todo.gif" title="TODO" /></td>
 515     <td bgcolor="#ffffff" style=""><code>todo.gif</code></td>
 516     <td bgcolor="#ffffff" style=""> TODO, 37x16 </td>
 517     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{todo}%" width="37" height="16" alt="TODO" border="0" /&gt;</code></td>
 518   </tr>
 519   <tr>
 520     <td bgcolor="#ffffff" style=""><img alt="UPDATED" src="http://www.dementia.org/twiki//view/updated.gif" title="UPDATED" /></td>
 521     <td bgcolor="#ffffff" style=""><code>updated.gif</code></td>
 522     <td bgcolor="#ffffff" style=""> UPDATED, 55x16 </td>
 523     <td bgcolor="#ffffff" style=""><code>%U%</code>, <code>&lt;img src="%ICONURL{updated}%" width="55" height="16" alt="UPDATED" border="0" /&gt;</code></td>
 524   </tr>
 525   <tr>
 526     <td bgcolor="#ffffff" style=""><img alt="DONE" src="http://www.dementia.org/twiki//view/done.gif" title="DONE" /></td>
 527     <td bgcolor="#ffffff" style=""><code>done.gif</code></td>
 528     <td bgcolor="#ffffff" style=""> DONE, 37x16 </td>
 529     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{done}%" width="37" height="16" alt="Done" border="0" /&gt;</code></td>
 530   </tr>
 531   <tr>
 532     <td bgcolor="#ffffff" style=""><img alt="CLOSED" src="http://www.dementia.org/twiki//view/closed.gif" title="CLOSED" /></td>
 533     <td bgcolor="#ffffff" style=""><code>closed.gif</code></td>
 534     <td bgcolor="#ffffff" style=""> CLOSED, 48x16 </td>
 535     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{closed}%" width="48" height="16" alt="Closed" border="0" /&gt;</code></td>
 536   </tr>
 537   <tr>
 538     <td bgcolor="#ffffff" style=""><img alt="Minus" src="http://www.dementia.org/twiki//view/minus.gif" title="Minus" /></td>
 539     <td bgcolor="#ffffff" style=""><code>minus.gif</code></td>
 540     <td bgcolor="#ffffff" style=""> Minus </td>
 541     <td bgcolor="#ffffff" style=""><code>%ICON{minus}%</code></td>
 542   </tr>
 543   <tr>
 544     <td bgcolor="#ffffff" style=""><img alt="Plus" src="http://www.dementia.org/twiki//view/plus.gif" title="Plus" /></td>
 545     <td bgcolor="#ffffff" style=""><code>plus.gif</code></td>
 546     <td bgcolor="#ffffff" style=""> Plus </td>
 547     <td bgcolor="#ffffff" style=""><code>%ICON{plus}%</code></td>
 548   </tr>
 549   <tr>
 550     <td bgcolor="#ffffff" style=""><img alt="Cancel" src="http://www.dementia.org/twiki//view/choice-cancel.gif" title="Cancel" /></td>
 551     <td bgcolor="#ffffff" style=""><code>choice-cancel.gif</code></td>
 552     <td bgcolor="#ffffff" style=""> Cancel </td>
 553     <td bgcolor="#ffffff" style=""><code>%ICON{choice-cancel}%</code></td>
 554   </tr>
 555   <tr>
 556     <td bgcolor="#ffffff" style=""><img alt="No" src="http://www.dementia.org/twiki//view/choice-no.gif" title="No" /></td>
 557     <td bgcolor="#ffffff" style=""><code>choice-no.gif</code></td>
 558     <td bgcolor="#ffffff" style=""> No </td>
 559     <td bgcolor="#ffffff" style=""><code>%ICON{choice-no}%</code></td>
 560   </tr>
 561   <tr>
 562     <td bgcolor="#ffffff" style=""><img alt="Yes / Done" src="http://www.dementia.org/twiki//view/choice-yes.gif" title="Yes / Done" /></td>
 563     <td bgcolor="#ffffff" style=""><code>choice-yes.gif</code></td>
 564     <td bgcolor="#ffffff" style=""> Yes / Done </td>
 565     <td bgcolor="#ffffff" style=""><code>%Y%</code>, <code>%ICON{choice-yes}%</code></td>
 566   </tr>
 567   <tr>
 568     <td bgcolor="#ffffff" style=""><img alt="Unchecked checkbox" src="http://www.dementia.org/twiki//view/unchecked.gif" title="Unchecked checkbox" /></td>
 569     <td bgcolor="#ffffff" style=""><code>unchecked.gif</code></td>
 570     <td bgcolor="#ffffff" style=""> Unchecked checkbox </td>
 571     <td bgcolor="#ffffff" style=""><code>%ICON{unchecked}%</code></td>
 572   </tr>
 573   <tr>
 574     <td bgcolor="#ffffff" style=""><img alt="Checked checkbox" src="http://www.dementia.org/twiki//view/checked.gif" title="Checked checkbox" /></td>
 575     <td bgcolor="#ffffff" style=""><code>checked.gif</code></td>
 576     <td bgcolor="#ffffff" style=""> Checked checkbox </td>
 577     <td bgcolor="#ffffff" style=""><code>%ICON{checked}%</code></td>
 578   </tr>
 579   <tr>
 580     <td bgcolor="#ffffff" style=""><img alt="Flag" src="http://www.dementia.org/twiki//view/flag.gif" title="Flag" /></td>
 581     <td bgcolor="#ffffff" style=""><code>flag.gif</code></td>
 582     <td bgcolor="#ffffff" style=""> Flag </td>
 583     <td bgcolor="#ffffff" style=""><code>%ICON{flag}%</code></td>
 584   </tr>
 585   <tr>
 586     <td bgcolor="#ffffff" style=""><img alt="Flag" src="http://www.dementia.org/twiki//view/flag-gray.gif" title="Flag" /></td>
 587     <td bgcolor="#ffffff" style=""><code>flag-gray.gif</code></td>
 588     <td bgcolor="#ffffff" style=""> Gray flag </td>
 589     <td bgcolor="#ffffff" style=""><code>%ICON{flag-gray}%</code></td>
 590   </tr>
 591   <tr>
 592     <td bgcolor="#ffffff" style=""><img alt="Flag" src="http://www.dementia.org/twiki//view/flag-gray-small.gif" title="Flag" /></td>
 593     <td bgcolor="#ffffff" style=""><code>flag-gray-small.gif</code></td>
 594     <td bgcolor="#ffffff" style=""> Small gray flag, 13x13 </td>
 595     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{flag-gray-small}%" width="13" height="13" alt="Flag" border="0" /&gt;</code></td>
 596   </tr>
 597   <tr>
 598     <td bgcolor="#ffffff" style=""><img alt="Aqua led" src="http://www.dementia.org/twiki//view/led-aqua.gif" title="Aqua led" /></td>
 599     <td bgcolor="#ffffff" style=""><code>led-aqua.gif</code></td>
 600     <td bgcolor="#ffffff" style=""> Aqua led </td>
 601     <td bgcolor="#ffffff" style=""><code>%ICON{led-aqua}%</code></td>
 602   </tr>
 603   <tr>
 604     <td bgcolor="#ffffff" style=""><img alt="Blue led" src="http://www.dementia.org/twiki//view/led-blue.gif" title="Blue led" /></td>
 605     <td bgcolor="#ffffff" style=""><code>led-blue.gif</code></td>
 606     <td bgcolor="#ffffff" style=""> Blue led </td>
 607     <td bgcolor="#ffffff" style=""><code>%ICON{led-blue}%</code></td>
 608   </tr>
 609   <tr>
 610     <td bgcolor="#ffffff" style=""><img alt="Gray led" src="http://www.dementia.org/twiki//view/led-gray.gif" title="Gray led" /></td>
 611     <td bgcolor="#ffffff" style=""><code>led-gray.gif</code></td>
 612     <td bgcolor="#ffffff" style=""> Gray led </td>
 613     <td bgcolor="#ffffff" style=""><code>%ICON{led-gray}%</code></td>
 614   </tr>
 615   <tr>
 616     <td bgcolor="#ffffff" style=""><img alt="Green led" src="http://www.dementia.org/twiki//view/led-green.gif" title="Green led" /></td>
 617     <td bgcolor="#ffffff" style=""><code>led-green.gif</code></td>
 618     <td bgcolor="#ffffff" style=""> Green led </td>
 619     <td bgcolor="#ffffff" style=""><code>%ICON{led-green}%</code></td>
 620   </tr>
 621   <tr>
 622     <td bgcolor="#ffffff" style=""><img alt="Orange led" src="http://www.dementia.org/twiki//view/led-orange.gif" title="Orange led" /></td>
 623     <td bgcolor="#ffffff" style=""><code>led-orange.gif</code></td>
 624     <td bgcolor="#ffffff" style=""> Orange led </td>
 625     <td bgcolor="#ffffff" style=""><code>%ICON{led-orange}%</code></td>
 626   </tr>
 627   <tr>
 628     <td bgcolor="#ffffff" style=""><img alt="Purple led" src="http://www.dementia.org/twiki//view/led-purple.gif" title="Purple led" /></td>
 629     <td bgcolor="#ffffff" style=""><code>led-purple.gif</code></td>
 630     <td bgcolor="#ffffff" style=""> Purple led </td>
 631     <td bgcolor="#ffffff" style=""><code>%ICON{led-purple}%</code></td>
 632   </tr>
 633   <tr>
 634     <td bgcolor="#ffffff" style=""><img alt="Red led" src="http://www.dementia.org/twiki//view/led-red.gif" title="Red led" /></td>
 635     <td bgcolor="#ffffff" style=""><code>led-red.gif</code></td>
 636     <td bgcolor="#ffffff" style=""> Red led </td>
 637     <td bgcolor="#ffffff" style=""><code>%ICON{led-red}%</code></td>
 638   </tr>
 639   <tr>
 640     <td bgcolor="#ffffff" style=""><img alt="Yellow led" src="http://www.dementia.org/twiki//view/led-yellow.gif" title="Yellow led" /></td>
 641     <td bgcolor="#ffffff" style=""><code>led-yellow.gif</code></td>
 642     <td bgcolor="#ffffff" style=""> Yellow led </td>
 643     <td bgcolor="#ffffff" style=""><code>%ICON{led-yellow}%</code></td>
 644   </tr>
 645   <tr>
 646     <td bgcolor="#ffffff" style=""><img alt="Aqua led" src="http://www.dementia.org/twiki//view/led-box-aqua.gif" title="Aqua led" /></td>
 647     <td bgcolor="#ffffff" style=""><code>led-box-aqua.gif</code></td>
 648     <td bgcolor="#ffffff" style=""> Aqua led </td>
 649     <td bgcolor="#ffffff" style=""><code>%ICON{led-box-aqua}%</code></td>
 650   </tr>
 651   <tr>
 652     <td bgcolor="#ffffff" style=""><img alt="Blue led" src="http://www.dementia.org/twiki//view/led-box-blue.gif" title="Blue led" /></td>
 653     <td bgcolor="#ffffff" style=""><code>led-box-blue.gif</code></td>
 654     <td bgcolor="#ffffff" style=""> Blue led </td>
 655     <td bgcolor="#ffffff" style=""><code>%ICON{led-box-blue}%</code></td>
 656   </tr>
 657   <tr>
 658     <td bgcolor="#ffffff" style=""><img alt="Gray led" src="http://www.dementia.org/twiki//view/led-box-gray.gif" title="Gray led" /></td>
 659     <td bgcolor="#ffffff" style=""><code>led-box-gray.gif</code></td>
 660     <td bgcolor="#ffffff" style=""> Gray led </td>
 661     <td bgcolor="#ffffff" style=""><code>%ICON{led-box-gray}%</code></td>
 662   </tr>
 663   <tr>
 664     <td bgcolor="#ffffff" style=""><img alt="Green led" src="http://www.dementia.org/twiki//view/led-box-green.gif" title="Green led" /></td>
 665     <td bgcolor="#ffffff" style=""><code>led-box-green.gif</code></td>
 666     <td bgcolor="#ffffff" style=""> Green led </td>
 667     <td bgcolor="#ffffff" style=""><code>%ICON{led-box-green}%</code></td>
 668   </tr>
 669   <tr>
 670     <td bgcolor="#ffffff" style=""><img alt="Orange led" src="http://www.dementia.org/twiki//view/led-box-orange.gif" title="Orange led" /></td>
 671     <td bgcolor="#ffffff" style=""><code>led-box-orange.gif</code></td>
 672     <td bgcolor="#ffffff" style=""> Orange led </td>
 673     <td bgcolor="#ffffff" style=""><code>%ICON{led-box-orange}%</code></td>
 674   </tr>
 675   <tr>
 676     <td bgcolor="#ffffff" style=""><img alt="Purple led" src="http://www.dementia.org/twiki//view/led-box-purple.gif" title="Purple led" /></td>
 677     <td bgcolor="#ffffff" style=""><code>led-box-purple.gif</code></td>
 678     <td bgcolor="#ffffff" style=""> Purple led </td>
 679     <td bgcolor="#ffffff" style=""><code>%ICON{led-box-purple}%</code></td>
 680   </tr>
 681   <tr>
 682     <td bgcolor="#ffffff" style=""><img alt="Red led" src="http://www.dementia.org/twiki//view/led-box-red.gif" title="Red led" /></td>
 683     <td bgcolor="#ffffff" style=""><code>led-box-red.gif</code></td>
 684     <td bgcolor="#ffffff" style=""> Red led </td>
 685     <td bgcolor="#ffffff" style=""><code>%ICON{led-box-red}%</code></td>
 686   </tr>
 687   <tr>
 688     <td bgcolor="#ffffff" style=""><img alt="Yellow led" src="http://www.dementia.org/twiki//view/led-box-yellow.gif" title="Yellow led" /></td>
 689     <td bgcolor="#ffffff" style=""><code>led-box-yellow.gif</code></td>
 690     <td bgcolor="#ffffff" style=""> Yellow led </td>
 691     <td bgcolor="#ffffff" style=""><code>%ICON{led-box-yellow}%</code></td>
 692   </tr>
 693   <tr>
 694     <td bgcolor="#ffffff" style=""><img alt="Tag" src="http://www.dementia.org/twiki//view/tag.gif" title="Tag" /></td>
 695     <td bgcolor="#ffffff" style=""><code>tag.gif</code></td>
 696     <td bgcolor="#ffffff" style=""> Tag </td>
 697     <td bgcolor="#ffffff" style=""><code>%ICON{tag}%</code></td>
 698   </tr>
 699   <tr>
 700     <td bgcolor="#ffffff" style=""><img alt="Blue tag" src="http://www.dementia.org/twiki//view/tag-blue.gif" title="Blue tag" /></td>
 701     <td bgcolor="#ffffff" style=""><code>tag-blue.gif</code></td>
 702     <td bgcolor="#ffffff" style=""> Blue tag </td>
 703     <td bgcolor="#ffffff" style=""><code>%ICON{tag-blue}%</code></td>
 704   </tr>
 705   <tr>
 706     <td bgcolor="#ffffff" style=""><img alt="Brown tag" src="http://www.dementia.org/twiki//view/tag-brown.gif" title="Brown tag" /></td>
 707     <td bgcolor="#ffffff" style=""><code>tag-brown.gif</code></td>
 708     <td bgcolor="#ffffff" style=""> Brown tag </td>
 709     <td bgcolor="#ffffff" style=""><code>%ICON{tag-brown}%</code></td>
 710   </tr>
 711   <tr>
 712     <td bgcolor="#ffffff" style=""><img alt="Green tag" src="http://www.dementia.org/twiki//view/tag-green.gif" title="Green tag" /></td>
 713     <td bgcolor="#ffffff" style=""><code>tag-green.gif</code></td>
 714     <td bgcolor="#ffffff" style=""> Green tag </td>
 715     <td bgcolor="#ffffff" style=""><code>%ICON{tag-green}%</code></td>
 716   </tr>
 717   <tr>
 718     <td bgcolor="#ffffff" style=""><img alt="Magenta tag" src="http://www.dementia.org/twiki//view/tag-magenta.gif" title="Magenta tag" /></td>
 719     <td bgcolor="#ffffff" style=""><code>tag-magenta.gif</code></td>
 720     <td bgcolor="#ffffff" style=""> Magenta tag </td>
 721     <td bgcolor="#ffffff" style=""><code>%ICON{tag-magenta}%</code></td>
 722   </tr>
 723   <tr>
 724     <td bgcolor="#ffffff" style=""><img alt="Orange tag" src="http://www.dementia.org/twiki//view/tag-orange.gif" title="Orange tag" /></td>
 725     <td bgcolor="#ffffff" style=""><code>tag-orange.gif</code></td>
 726     <td bgcolor="#ffffff" style=""> Orange tag </td>
 727     <td bgcolor="#ffffff" style=""><code>%ICON{tag-orange}%</code></td>
 728   </tr>
 729   <tr>
 730     <td bgcolor="#ffffff" style=""><img alt="Purple tag" src="http://www.dementia.org/twiki//view/tag-purple.gif" title="Purple tag" /></td>
 731     <td bgcolor="#ffffff" style=""><code>tag-purple.gif</code></td>
 732     <td bgcolor="#ffffff" style=""> Purple tag </td>
 733     <td bgcolor="#ffffff" style=""><code>%ICON{tag-purple}%</code></td>
 734   </tr>
 735   <tr>
 736     <td bgcolor="#ffffff" style=""><img alt="Red tag" src="http://www.dementia.org/twiki//view/tag-red.gif" title="Red tag" /></td>
 737     <td bgcolor="#ffffff" style=""><code>tag-red.gif</code></td>
 738     <td bgcolor="#ffffff" style=""> Red tag </td>
 739     <td bgcolor="#ffffff" style=""><code>%ICON{tag-red}%</code></td>
 740   </tr>
 741   <tr>
 742     <td bgcolor="#ffffff" style=""><img alt="Yellow tag" src="http://www.dementia.org/twiki//view/tag-yellow.gif" title="Yellow tag" /></td>
 743     <td bgcolor="#ffffff" style=""><code>tag-yellow.gif</code></td>
 744     <td bgcolor="#ffffff" style=""> Yellow tag </td>
 745     <td bgcolor="#ffffff" style=""><code>%ICON{tag-yellow}%</code></td>
 746   </tr>
 747 </table>
 748
 749 ### <a name="Navigation icons"></a><a name=" Navigation icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/home.gif" width="16" height="16" alt="home" /> Navigation icons
 750
 751 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
 752   <tr>
 753     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=6;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
 754     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=6;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
 755     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=6;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
 756     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=6;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
 757   </tr>
 758   <tr>
 759     <td bgcolor="#ffffff" style=""><img alt="Home" src="http://www.dementia.org/twiki//view/home.gif" title="Home" /></td>
 760     <td bgcolor="#ffffff" style=""><code>home.gif</code></td>
 761     <td bgcolor="#ffffff" style=""> Home </td>
 762     <td bgcolor="#ffffff" style=""><code>%ICON{home}%</code></td>
 763   </tr>
 764   <tr>
 765     <td bgcolor="#ffffff" style=""><img alt="External site" src="http://www.dementia.org/twiki//view/external.gif" title="External site" /></td>
 766     <td bgcolor="#ffffff" style=""><code>external.gif</code></td>
 767     <td bgcolor="#ffffff" style=""> External site </td>
 768     <td bgcolor="#ffffff" style=""><code>%ICON{external}%</code></td>
 769   </tr>
 770   <tr>
 771     <td bgcolor="#ffffff" style=""><img alt="Meet here (arrows to red dot)" src="http://www.dementia.org/twiki//view/arrowdot.gif" title="Meet here (arrows to red dot)" /></td>
 772     <td bgcolor="#ffffff" style=""><code>arrowdot.gif</code></td>
 773     <td bgcolor="#ffffff" style=""> Meet here (arrows to red dot) </td>
 774     <td bgcolor="#ffffff" style=""><code>%ICON{arrowdot}%</code></td>
 775   </tr>
 776   <tr>
 777     <td bgcolor="#ffffff" style=""><img alt="Left" src="http://www.dementia.org/twiki//view/left.gif" title="Left" /></td>
 778     <td bgcolor="#ffffff" style=""><code>left.gif</code></td>
 779     <td bgcolor="#ffffff" style=""> Left </td>
 780     <td bgcolor="#ffffff" style=""><code>%ICON{left}%</code></td>
 781   </tr>
 782   <tr>
 783     <td bgcolor="#ffffff" style=""><img alt="Right" src="http://www.dementia.org/twiki//view/right.gif" title="Right" /></td>
 784     <td bgcolor="#ffffff" style=""><code>right.gif</code></td>
 785     <td bgcolor="#ffffff" style=""> Right </td>
 786     <td bgcolor="#ffffff" style=""><code>%ICON{right}%</code></td>
 787   </tr>
 788   <tr>
 789     <td bgcolor="#ffffff" style=""><img alt="Up" src="http://www.dementia.org/twiki//view/up.gif" title="Up" /></td>
 790     <td bgcolor="#ffffff" style=""><code>up.gif</code></td>
 791     <td bgcolor="#ffffff" style=""> Up </td>
 792     <td bgcolor="#ffffff" style=""><code>%ICON{up}%</code></td>
 793   </tr>
 794   <tr>
 795     <td bgcolor="#ffffff" style=""><img alt="Down" src="http://www.dementia.org/twiki//view/down.gif" title="Down" /></td>
 796     <td bgcolor="#ffffff" style=""><code>down.gif</code></td>
 797     <td bgcolor="#ffffff" style=""> Down </td>
 798     <td bgcolor="#ffffff" style=""><code>%ICON{down}%</code></td>
 799   </tr>
 800   <tr>
 801     <td bgcolor="#ffffff" style=""><img alt="Arrow blue left" src="http://www.dementia.org/twiki//view/arrowbleft.gif" title="Arrow blue left" /></td>
 802     <td bgcolor="#ffffff" style=""><code>arrowbleft.gif</code></td>
 803     <td bgcolor="#ffffff" style=""> Arrow blue left </td>
 804     <td bgcolor="#ffffff" style=""><code>%ICON{arrowbleft}%</code></td>
 805   </tr>
 806   <tr>
 807     <td bgcolor="#ffffff" style=""><img alt="Arrow blue right" src="http://www.dementia.org/twiki//view/arrowbright.gif" title="Arrow blue right" /></td>
 808     <td bgcolor="#ffffff" style=""><code>arrowbright.gif</code></td>
 809     <td bgcolor="#ffffff" style=""> Arrow blue right </td>
 810     <td bgcolor="#ffffff" style=""><code>%ICON{arrowbright}%</code></td>
 811   </tr>
 812   <tr>
 813     <td bgcolor="#ffffff" style=""><img alt="Arrow blue up" src="http://www.dementia.org/twiki//view/arrowbup.gif" title="Arrow blue up" /></td>
 814     <td bgcolor="#ffffff" style=""><code>arrowbup.gif</code></td>
 815     <td bgcolor="#ffffff" style=""> Arrow blue up </td>
 816     <td bgcolor="#ffffff" style=""><code>%ICON{arrowbup}%</code></td>
 817   </tr>
 818   <tr>
 819     <td bgcolor="#ffffff" style=""><img alt="Arrow blue down" src="http://www.dementia.org/twiki//view/arrowbdown.gif" title="Arrow blue down" /></td>
 820     <td bgcolor="#ffffff" style=""><code>arrowbdown.gif</code></td>
 821     <td bgcolor="#ffffff" style=""> Arrow blue down </td>
 822     <td bgcolor="#ffffff" style=""><code>%ICON{arrowbdown}%</code></td>
 823   </tr>
 824   <tr>
 825     <td bgcolor="#ffffff" style=""><img alt="Arrow left" src="http://www.dementia.org/twiki//view/arrowleft.gif" title="Arrow left" /></td>
 826     <td bgcolor="#ffffff" style=""><code>arrowleft.gif</code></td>
 827     <td bgcolor="#ffffff" style=""> Arrow left </td>
 828     <td bgcolor="#ffffff" style=""><code>%ICON{arrowleft}%</code></td>
 829   </tr>
 830   <tr>
 831     <td bgcolor="#ffffff" style=""><img alt="Arrow right" src="http://www.dementia.org/twiki//view/arrowright.gif" title="Arrow right" /></td>
 832     <td bgcolor="#ffffff" style=""><code>arrowright.gif</code></td>
 833     <td bgcolor="#ffffff" style=""> Arrow right </td>
 834     <td bgcolor="#ffffff" style=""><code>%M%</code>, <code>%ICON{arrowright}%</code></td>
 835   </tr>
 836   <tr>
 837     <td bgcolor="#ffffff" style=""><img alt="Arrow up" src="http://www.dementia.org/twiki//view/arrowup.gif" title="Arrow up" /></td>
 838     <td bgcolor="#ffffff" style=""><code>arrowup.gif</code></td>
 839     <td bgcolor="#ffffff" style=""> Arrow up </td>
 840     <td bgcolor="#ffffff" style=""><code>%ICON{arrowup}%</code></td>
 841   </tr>
 842   <tr>
 843     <td bgcolor="#ffffff" style=""><img alt="Arrow down" src="http://www.dementia.org/twiki//view/arrowdown.gif" title="Arrow down" /></td>
 844     <td bgcolor="#ffffff" style=""><code>arrowdown.gif</code></td>
 845     <td bgcolor="#ffffff" style=""> Arrow down </td>
 846     <td bgcolor="#ffffff" style=""><code>%ICON{arrowdown}%</code></td>
 847   </tr>
 848   <tr>
 849     <td bgcolor="#ffffff" style=""><img alt="Go to start" src="http://www.dementia.org/twiki//view/go_start.gif" title="Go to start" /></td>
 850     <td bgcolor="#ffffff" style=""><code>go_start.gif</code></td>
 851     <td bgcolor="#ffffff" style=""> Go to start </td>
 852     <td bgcolor="#ffffff" style=""><code>%ICON{go_start}%</code></td>
 853   </tr>
 854   <tr>
 855     <td bgcolor="#ffffff" style=""><img alt="Go fast back" src="http://www.dementia.org/twiki//view/go_fb.gif" title="Go fast back" /></td>
 856     <td bgcolor="#ffffff" style=""><code>go_fb.gif</code></td>
 857     <td bgcolor="#ffffff" style=""> Go fast back </td>
 858     <td bgcolor="#ffffff" style=""><code>%ICON{go_fb}%</code></td>
 859   </tr>
 860   <tr>
 861     <td bgcolor="#ffffff" style=""><img alt="Go back" src="http://www.dementia.org/twiki//view/go_back.gif" title="Go back" /></td>
 862     <td bgcolor="#ffffff" style=""><code>go_back.gif</code></td>
 863     <td bgcolor="#ffffff" style=""> Go back </td>
 864     <td bgcolor="#ffffff" style=""><code>%ICON{go_back}%</code></td>
 865   </tr>
 866   <tr>
 867     <td bgcolor="#ffffff" style=""><img alt="Go forward" src="http://www.dementia.org/twiki//view/go_forward.gif" title="Go forward" /></td>
 868     <td bgcolor="#ffffff" style=""><code>go_forward.gif</code></td>
 869     <td bgcolor="#ffffff" style=""> Go forward </td>
 870     <td bgcolor="#ffffff" style=""><code>%ICON{go_forward}%</code></td>
 871   </tr>
 872   <tr>
 873     <td bgcolor="#ffffff" style=""><img alt="Go fast forward" src="http://www.dementia.org/twiki//view/go_ff.gif" title="Go fast forward" /></td>
 874     <td bgcolor="#ffffff" style=""><code>go_ff.gif</code></td>
 875     <td bgcolor="#ffffff" style=""> Go fast forward </td>
 876     <td bgcolor="#ffffff" style=""><code>%ICON{go_ff}%</code></td>
 877   </tr>
 878   <tr>
 879     <td bgcolor="#ffffff" style=""><img alt="Go to end" src="http://www.dementia.org/twiki//view/go_end.gif" title="Go to end" /></td>
 880     <td bgcolor="#ffffff" style=""><code>go_end.gif</code></td>
 881     <td bgcolor="#ffffff" style=""> Go to end </td>
 882     <td bgcolor="#ffffff" style=""><code>%ICON{go_end}%</code></td>
 883   </tr>
 884 </table>
 885
 886 ### <a name="Interface icons"></a><a name=" Interface icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/toggleclose.gif" width="16" height="16" alt="toggleclose" /> Interface icons
 887
 888 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
 889   <tr>
 890     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=7;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
 891     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=7;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
 892     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=7;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
 893     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=7;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
 894   </tr>
 895   <tr>
 896     <td bgcolor="#ffffff" style=""><img alt="Monospace" src="http://www.dementia.org/twiki//view/monospace.gif" title="Monospace" /></td>
 897     <td bgcolor="#ffffff" style=""><code>monospace.gif</code></td>
 898     <td bgcolor="#ffffff" style=""> Monospace </td>
 899     <td bgcolor="#ffffff" style=""><code>%ICON{monospace}%</code></td>
 900   </tr>
 901   <tr>
 902     <td bgcolor="#ffffff" style=""><img alt="Proportional" src="http://www.dementia.org/twiki//view/proportional.gif" title="Proportional" /></td>
 903     <td bgcolor="#ffffff" style=""><code>proportional.gif</code></td>
 904     <td bgcolor="#ffffff" style=""> Proportional </td>
 905     <td bgcolor="#ffffff" style=""><code>%ICON{proportional}%</code></td>
 906   </tr>
 907   <tr>
 908     <td bgcolor="#ffffff" style=""><img alt="Sort table" src="http://www.dementia.org/twiki//view/tablesortdiamond.gif" title="Sort table" /></td>
 909     <td bgcolor="#ffffff" style=""><code>tablesortdiamond.gif</code></td>
 910     <td bgcolor="#ffffff" style=""> Sort table </td>
 911     <td bgcolor="#ffffff" style=""><code>%ICON{tablesortdiamond}%</code></td>
 912   </tr>
 913   <tr>
 914     <td bgcolor="#ffffff" style=""><img alt="Sort table descending" src="http://www.dementia.org/twiki//view/tablesortdown.gif" title="Sort table descending" /></td>
 915     <td bgcolor="#ffffff" style=""><code>tablesortdown.gif</code></td>
 916     <td bgcolor="#ffffff" style=""> Sort table descending </td>
 917     <td bgcolor="#ffffff" style=""><code>%ICON{tablesortdown}%</code></td>
 918   </tr>
 919   <tr>
 920     <td bgcolor="#ffffff" style=""><img alt="Sort table ascending" src="http://www.dementia.org/twiki//view/tablesortup.gif" title="Sort table ascending" /></td>
 921     <td bgcolor="#ffffff" style=""><code>tablesortup.gif</code></td>
 922     <td bgcolor="#ffffff" style=""> Sort table ascending </td>
 923     <td bgcolor="#ffffff" style=""><code>%ICON{tablesortup}%</code></td>
 924   </tr>
 925   <tr>
 926     <td bgcolor="#ffffff" style=""><img alt="Open toggle, Twisty open toggle" src="http://www.dementia.org/twiki//view/toggleopen.gif" title="Open toggle, Twisty open toggle" /></td>
 927     <td bgcolor="#ffffff" style=""><code>toggleopen.gif</code></td>
 928     <td bgcolor="#ffffff" style=""> Open toggle, Twisty open toggle </td>
 929     <td bgcolor="#ffffff" style=""><code>%ICON{toggleopen}%</code></td>
 930   </tr>
 931   <tr>
 932     <td bgcolor="#ffffff" style=""><img alt="Close toggle, Twisty close toggle" src="http://www.dementia.org/twiki//view/toggleclose.gif" title="Close toggle, Twisty close toggle" /></td>
 933     <td bgcolor="#ffffff" style=""><code>toggleclose.gif</code></td>
 934     <td bgcolor="#ffffff" style=""> Close toggle, Twisty close toggle </td>
 935     <td bgcolor="#ffffff" style=""><code>%ICON{toggleclose}%</code></td>
 936   </tr>
 937   <tr>
 938     <td bgcolor="#ffffff" style=""><img alt="Open toggle, Twisty open toggle" src="http://www.dementia.org/twiki//view/toggleopen-small.gif" title="Open toggle, Twisty open toggle" /></td>
 939     <td bgcolor="#ffffff" style=""><code>toggleopen-small.gif</code></td>
 940     <td bgcolor="#ffffff" style=""> Open toggle, Twisty open toggle </td>
 941     <td bgcolor="#ffffff" style=""><code>%ICON{toggleopen-small}%</code></td>
 942   </tr>
 943   <tr>
 944     <td bgcolor="#ffffff" style=""><img alt="Close toggle, Twisty close toggle" src="http://www.dementia.org/twiki//view/toggleclose-small.gif" title="Close toggle, Twisty close toggle" /></td>
 945     <td bgcolor="#ffffff" style=""><code>toggleclose-small.gif</code></td>
 946     <td bgcolor="#ffffff" style=""> Close toggle, Twisty close toggle </td>
 947     <td bgcolor="#ffffff" style=""><code>%ICON{toggleclose-small}%</code></td>
 948   </tr>
 949   <tr>
 950     <td bgcolor="#ffffff" style=""><img alt="Open toggle, Twisty open toggle" src="http://www.dementia.org/twiki//view/toggleopen-mini.gif" title="Open toggle, Twisty open toggle" /></td>
 951     <td bgcolor="#ffffff" style=""><code>toggleopen-mini.gif</code></td>
 952     <td bgcolor="#ffffff" style=""> Open toggle, Twisty open toggle </td>
 953     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{toggleopen-mini}%" width="7" height="9" alt="Open" border="0" /&gt;</code></td>
 954   </tr>
 955   <tr>
 956     <td bgcolor="#ffffff" style=""><img alt="Close toggle, Twisty close toggle" src="http://www.dementia.org/twiki//view/toggleclose-mini.gif" title="Close toggle, Twisty close toggle" /></td>
 957     <td bgcolor="#ffffff" style=""><code>toggleclose-mini.gif</code></td>
 958     <td bgcolor="#ffffff" style=""> Close toggle, Twisty close toggle </td>
 959     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{toggleclose-mini}%" width="7" height="9" alt="Close" border="0" /&gt;</code></td>
 960   </tr>
 961   <tr>
 962     <td bgcolor="#ffffff" style=""><img alt="Open toggle, Twisty open toggle" src="http://www.dementia.org/twiki//view/toggleopenleft.gif" title="Open toggle, Twisty open toggle" /></td>
 963     <td bgcolor="#ffffff" style=""><code>toggleopenleft.gif</code></td>
 964     <td bgcolor="#ffffff" style=""> Open toggle, Twisty open toggle </td>
 965     <td bgcolor="#ffffff" style=""><code>%ICON{toggleopenleft}%</code></td>
 966   </tr>
 967   <tr>
 968     <td bgcolor="#ffffff" style=""><img alt="Open toggle, Twisty open toggle" src="http://www.dementia.org/twiki//view/toggleopenleft-small.gif" title="Open toggle, Twisty open toggle" /></td>
 969     <td bgcolor="#ffffff" style=""><code>toggleopenleft-small.gif</code></td>
 970     <td bgcolor="#ffffff" style=""> Open toggle, Twisty open toggle </td>
 971     <td bgcolor="#ffffff" style=""><code>%ICON{toggleopenleft-small}%</code></td>
 972   </tr>
 973   <tr>
 974     <td bgcolor="#ffffff" style=""><img alt="Web" src="http://www.dementia.org/twiki//view/web-bg.gif" title="Web" /></td>
 975     <td bgcolor="#ffffff" style=""><code>web-bg.gif</code></td>
 976     <td bgcolor="#ffffff" style=""> Web background, used in [[TWiki/WebLeftBarWebsList]]</td>
 977     <td bgcolor="#ffffff" style=""><code>%ICON{web-bg}%</code></td>
 978   </tr>
 979   <tr>
 980     <td bgcolor="#ffffff" style=""><img alt="Web" src="http://www.dementia.org/twiki//view/web-bg-small.gif" title="Web" /></td>
 981     <td bgcolor="#ffffff" style=""><code>web-bg-small.gif</code></td>
 982     <td bgcolor="#ffffff" style=""> Web background, 13x13 </td>
 983     <td bgcolor="#ffffff" style=""><code>&lt;img src="%ICONURL{web-bg-small}%" width="13" height="13" alt="Web" border="0" /&gt;</code></td>
 984   </tr>
 985 </table>
 986
 987 ### <a name="TWiki icons"></a><a name=" TWiki icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/twiki.gif" width="16" height="16" alt="twiki" /> TWiki icons
 988
 989 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
 990   <tr>
 991     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=8;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
 992     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=8;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
 993     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=8;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
 994     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=8;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
 995   </tr>
 996   <tr>
 997     <td bgcolor="#ffffff" style=""><img alt="Add-on" src="http://www.dementia.org/twiki//view/addon.gif" title="Add-on" /></td>
 998     <td bgcolor="#ffffff" style=""><code>addon.gif</code></td>
 999     <td bgcolor="#ffffff" style=""> Add-on </td>
1000     <td bgcolor="#ffffff" style=""><code>%ICON{addon}%</code></td>
1001   </tr>
1002   <tr>
1003     <td bgcolor="#ffffff" style=""><img alt="Application" src="http://www.dementia.org/twiki//view/application.gif" title="Application" /></td>
1004     <td bgcolor="#ffffff" style=""><code>application.gif</code></td>
1005     <td bgcolor="#ffffff" style=""> Application </td>
1006     <td bgcolor="#ffffff" style=""><code>%ICON{application}%</code></td>
1007   </tr>
1008   <tr>
1009     <td bgcolor="#ffffff" style=""><img alt="Code" src="http://www.dementia.org/twiki//view/code.gif" title="Code" /></td>
1010     <td bgcolor="#ffffff" style=""><code>code.gif</code></td>
1011     <td bgcolor="#ffffff" style=""> Code </td>
1012     <td bgcolor="#ffffff" style=""><code>%ICON{code}%</code></td>
1013   </tr>
1014   <tr>
1015     <td bgcolor="#ffffff" style=""><img alt="Package" src="http://www.dementia.org/twiki//view/package.gif" title="Package" /></td>
1016     <td bgcolor="#ffffff" style=""><code>package.gif</code></td>
1017     <td bgcolor="#ffffff" style=""> Package </td>
1018     <td bgcolor="#ffffff" style=""><code>%ICON{package}%</code></td>
1019   </tr>
1020   <tr>
1021     <td bgcolor="#ffffff" style=""><img alt="Plugin" src="http://www.dementia.org/twiki//view/plugin.gif" title="Plugin" /></td>
1022     <td bgcolor="#ffffff" style=""><code>plugin.gif</code></td>
1023     <td bgcolor="#ffffff" style=""> Plugin </td>
1024     <td bgcolor="#ffffff" style=""><code>%ICON{plugin}%</code></td>
1025   </tr>
1026   <tr>
1027     <td bgcolor="#ffffff" style=""><img alt="Tag" src="http://www.dementia.org/twiki//view/tag.gif" title="Tag" /></td>
1028     <td bgcolor="#ffffff" style=""><code>tag.gif</code></td>
1029     <td bgcolor="#ffffff" style=""> Tag </td>
1030     <td bgcolor="#ffffff" style=""><code>%ICON{tag}%</code></td>
1031   </tr>
1032   <tr>
1033     <td bgcolor="#ffffff" style=""><img alt="Search package" src="http://www.dementia.org/twiki//view/searchpackage.gif" title="Search package" /></td>
1034     <td bgcolor="#ffffff" style=""><code>searchpackage.gif</code></td>
1035     <td bgcolor="#ffffff" style=""> Search package </td>
1036     <td bgcolor="#ffffff" style=""><code>%ICON{searchpackage}%</code></td>
1037   </tr>
1038   <tr>
1039     <td bgcolor="#ffffff" style=""><img alt="Search tag" src="http://www.dementia.org/twiki//view/searchtag.gif" title="Search tag" /></td>
1040     <td bgcolor="#ffffff" style=""><code>searchtag.gif</code></td>
1041     <td bgcolor="#ffffff" style=""> Search tag </td>
1042     <td bgcolor="#ffffff" style=""><code>%ICON{searchtag}%</code></td>
1043   </tr>
1044   <tr>
1045     <td bgcolor="#ffffff" style=""><img alt="Skin" src="http://www.dementia.org/twiki//view/skin.gif" title="Skin" /></td>
1046     <td bgcolor="#ffffff" style=""><code>skin.gif</code></td>
1047     <td bgcolor="#ffffff" style=""> Skin </td>
1048     <td bgcolor="#ffffff" style=""><code>%ICON{skin}%</code></td>
1049   </tr>
1050   <tr>
1051     <td bgcolor="#ffffff" style=""><img alt="TWiki" src="http://www.dementia.org/twiki//view/twiki.gif" title="TWiki" /></td>
1052     <td bgcolor="#ffffff" style=""><code>twiki.gif</code></td>
1053     <td bgcolor="#ffffff" style=""> TWiki logo </td>
1054     <td bgcolor="#ffffff" style=""><code>%ICON{twiki}%</code></td>
1055   </tr>
1056 </table>
1057
1058 ### <a name="Block graphics"></a><a name=" Block graphics"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/line_ur.gif" width="16" height="16" alt="line_ur" /> Block graphics
1059
1060 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
1061   <tr>
1062     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=9;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
1063     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=9;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
1064     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=9;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Description</font></a></th>
1065     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=9;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
1066   </tr>
1067   <tr>
1068     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_ld.gif" title="" /></td>
1069     <td bgcolor="#ffffff" style=""><code>line_ld.gif</code></td>
1070     <td bgcolor="#ffffff" style=""> Line graph left-down </td>
1071     <td bgcolor="#ffffff" style=""><code>%ICON{line_ld}%</code></td>
1072   </tr>
1073   <tr>
1074     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_lr.gif" title="" /></td>
1075     <td bgcolor="#ffffff" style=""><code>line_lr.gif</code></td>
1076     <td bgcolor="#ffffff" style=""> Line graph left-right </td>
1077     <td bgcolor="#ffffff" style=""><code>%ICON{line_lr}%</code></td>
1078   </tr>
1079   <tr>
1080     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_lrd.gif" title="" /></td>
1081     <td bgcolor="#ffffff" style=""><code>line_lrd.gif</code></td>
1082     <td bgcolor="#ffffff" style=""> Line graph left-right-down </td>
1083     <td bgcolor="#ffffff" style=""><code>%ICON{line_lrd}%</code></td>
1084   </tr>
1085   <tr>
1086     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_rd.gif" title="" /></td>
1087     <td bgcolor="#ffffff" style=""><code>line_rd.gif</code></td>
1088     <td bgcolor="#ffffff" style=""> Line graph right-down </td>
1089     <td bgcolor="#ffffff" style=""><code>%ICON{line_rd}%</code></td>
1090   </tr>
1091   <tr>
1092     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_ud.gif" title="" /></td>
1093     <td bgcolor="#ffffff" style=""><code>line_ud.gif</code></td>
1094     <td bgcolor="#ffffff" style=""> Line graph up-down </td>
1095     <td bgcolor="#ffffff" style=""><code>%ICON{line_ud}%</code></td>
1096   </tr>
1097   <tr>
1098     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_udl.gif" title="" /></td>
1099     <td bgcolor="#ffffff" style=""><code>line_udl.gif</code></td>
1100     <td bgcolor="#ffffff" style=""> Line graph up-down-left </td>
1101     <td bgcolor="#ffffff" style=""><code>%ICON{line_udl}%</code></td>
1102   </tr>
1103   <tr>
1104     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_udlr.gif" title="" /></td>
1105     <td bgcolor="#ffffff" style=""><code>line_udlr.gif</code></td>
1106     <td bgcolor="#ffffff" style=""> Line graph up-down-left-right </td>
1107     <td bgcolor="#ffffff" style=""><code>%ICON{line_udlr}%</code></td>
1108   </tr>
1109   <tr>
1110     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_udr.gif" title="" /></td>
1111     <td bgcolor="#ffffff" style=""><code>line_udr.gif</code></td>
1112     <td bgcolor="#ffffff" style=""> Line graph up-down-right </td>
1113     <td bgcolor="#ffffff" style=""><code>%ICON{line_udr}%</code></td>
1114   </tr>
1115   <tr>
1116     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_ul.gif" title="" /></td>
1117     <td bgcolor="#ffffff" style=""><code>line_ul.gif</code></td>
1118     <td bgcolor="#ffffff" style=""> Line graph up-left </td>
1119     <td bgcolor="#ffffff" style=""><code>%ICON{line_ul}%</code></td>
1120   </tr>
1121   <tr>
1122     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_ulr.gif" title="" /></td>
1123     <td bgcolor="#ffffff" style=""><code>line_ulr.gif</code></td>
1124     <td bgcolor="#ffffff" style=""> Line graph up-left-right </td>
1125     <td bgcolor="#ffffff" style=""><code>%ICON{line_ulr}%</code></td>
1126   </tr>
1127   <tr>
1128     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/line_ur.gif" title="" /></td>
1129     <td bgcolor="#ffffff" style=""><code>line_ur.gif</code></td>
1130     <td bgcolor="#ffffff" style=""> Line graph up-right </td>
1131     <td bgcolor="#ffffff" style=""><code>%ICON{line_ur}%</code></td>
1132   </tr>
1133   <tr>
1134     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_ld.gif" title="" /></td>
1135     <td bgcolor="#ffffff" style=""><code>dot_ld.gif</code></td>
1136     <td bgcolor="#ffffff" style=""> Dot graph left-down </td>
1137     <td bgcolor="#ffffff" style=""><code>%ICON{dot_ld}%</code></td>
1138   </tr>
1139   <tr>
1140     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_lr.gif" title="" /></td>
1141     <td bgcolor="#ffffff" style=""><code>dot_lr.gif</code></td>
1142     <td bgcolor="#ffffff" style=""> Dot graph left-right </td>
1143     <td bgcolor="#ffffff" style=""><code>%ICON{dot_lr}%</code></td>
1144   </tr>
1145   <tr>
1146     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_lrd.gif" title="" /></td>
1147     <td bgcolor="#ffffff" style=""><code>dot_lrd.gif</code></td>
1148     <td bgcolor="#ffffff" style=""> Dot graph left-right-down </td>
1149     <td bgcolor="#ffffff" style=""><code>%ICON{dot_lrd}%</code></td>
1150   </tr>
1151   <tr>
1152     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_rd.gif" title="" /></td>
1153     <td bgcolor="#ffffff" style=""><code>dot_rd.gif</code></td>
1154     <td bgcolor="#ffffff" style=""> Dot graph right-down </td>
1155     <td bgcolor="#ffffff" style=""><code>%ICON{dot_rd}%</code></td>
1156   </tr>
1157   <tr>
1158     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_ud.gif" title="" /></td>
1159     <td bgcolor="#ffffff" style=""><code>dot_ud.gif</code></td>
1160     <td bgcolor="#ffffff" style=""> Dot graph up-down </td>
1161     <td bgcolor="#ffffff" style=""><code>%ICON{dot_ud}%</code></td>
1162   </tr>
1163   <tr>
1164     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_udl.gif" title="" /></td>
1165     <td bgcolor="#ffffff" style=""><code>dot_udl.gif</code></td>
1166     <td bgcolor="#ffffff" style=""> Dot graph up-down-left </td>
1167     <td bgcolor="#ffffff" style=""><code>%ICON{dot_udl}%</code></td>
1168   </tr>
1169   <tr>
1170     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_udlr.gif" title="" /></td>
1171     <td bgcolor="#ffffff" style=""><code>dot_udlr.gif</code></td>
1172     <td bgcolor="#ffffff" style=""> Dot graph up-down-left-right </td>
1173     <td bgcolor="#ffffff" style=""><code>%ICON{dot_udlr}%</code></td>
1174   </tr>
1175   <tr>
1176     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_udr.gif" title="" /></td>
1177     <td bgcolor="#ffffff" style=""><code>dot_udr.gif</code></td>
1178     <td bgcolor="#ffffff" style=""> Dot graph up-down-right </td>
1179     <td bgcolor="#ffffff" style=""><code>%ICON{dot_udr}%</code></td>
1180   </tr>
1181   <tr>
1182     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_ul.gif" title="" /></td>
1183     <td bgcolor="#ffffff" style=""><code>dot_ul.gif</code></td>
1184     <td bgcolor="#ffffff" style=""> Dot graph up-left </td>
1185     <td bgcolor="#ffffff" style=""><code>%ICON{dot_ul}%</code></td>
1186   </tr>
1187   <tr>
1188     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_ulr.gif" title="" /></td>
1189     <td bgcolor="#ffffff" style=""><code>dot_ulr.gif</code></td>
1190     <td bgcolor="#ffffff" style=""> Dot graph up-left-right </td>
1191     <td bgcolor="#ffffff" style=""><code>%ICON{dot_ulr}%</code></td>
1192   </tr>
1193   <tr>
1194     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/dot_ur.gif" title="" /></td>
1195     <td bgcolor="#ffffff" style=""><code>dot_ur.gif</code></td>
1196     <td bgcolor="#ffffff" style=""> Dot graph up-right </td>
1197     <td bgcolor="#ffffff" style=""><code>%ICON{dot_ur}%</code></td>
1198   </tr>
1199   <tr>
1200     <td bgcolor="#ffffff" style=""><img alt="" src="http://www.dementia.org/twiki//view/empty.gif" title="" /></td>
1201     <td bgcolor="#ffffff" style=""><code>empty.gif</code></td>
1202     <td bgcolor="#ffffff" style=""> Empty transparent 16x16 spacer </td>
1203     <td bgcolor="#ffffff" style=""><code>%ICON{empty}%</code></td>
1204   </tr>
1205 </table>
1206
1207 ### <a name="Filetype icons"></a><a name=" Filetype icons"></a> <img src="http://www.dementia.org/twiki//view/Main/WebHome/gif.gif" width="16" height="16" alt="gif" /> Filetype icons
1208
1209 Filetype icons are used by the attachment table and are seldom used in topics. Write `%ICON{pdf}%` to show the <img src="http://www.dementia.org/twiki//view/Main/WebHome/pdf.gif" width="16" height="16" alt="pdf" /> icon.
1210
1211 <table border="1" cellpadding="0" cellspacing="0" style="border-width: 1px">
1212   <tr>
1213     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=0;table=10;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff"> </font></a></th>
1214     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=1;table=10;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">File Name</font></a></th>
1215     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=2;table=10;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Name</font></a></th>
1216     <th align="left" bgcolor="#6b7f93" maxcols="0" style="text-align: left"><a href="http://localhost?sortcol=3;table=10;up=0#sorted_table" rel="nofollow" title="Sort by this column"><font color="#ffffff">Write...</font></a></th>
1217   </tr>
1218   <tr>
1219     <td bgcolor="#ffffff" style=""><img alt="as" src="http://www.dementia.org/twiki//view/as.gif" title="as" /></td>
1220     <td bgcolor="#ffffff" style=""><code>as.gif</code></td>
1221     <td bgcolor="#ffffff" style=""> ActionScript </td>
1222     <td bgcolor="#ffffff" style=""><code>%ICON{as}%</code></td>
1223   </tr>
1224   <tr>
1225     <td bgcolor="#ffffff" style=""><img alt="bat" src="http://www.dementia.org/twiki//view/bat.gif" title="bat" /></td>
1226     <td bgcolor="#ffffff" style=""><code>bat.gif</code></td>
1227     <td bgcolor="#ffffff" style=""> MS-DOS batch file </td>
1228     <td bgcolor="#ffffff" style=""><code>%ICON{bat}%</code></td>
1229   </tr>
1230   <tr>
1231     <td bgcolor="#ffffff" style=""><img alt="bmp" src="http://www.dementia.org/twiki//view/bmp.gif" title="bmp" /></td>
1232     <td bgcolor="#ffffff" style=""><code>bmp.gif</code></td>
1233     <td bgcolor="#ffffff" style=""> Bitmap </td>
1234     <td bgcolor="#ffffff" style=""><code>%ICON{bmp}%</code></td>
1235   </tr>
1236   <tr>
1237     <td bgcolor="#ffffff" style=""><img alt="c" src="http://www.dementia.org/twiki//view/c.gif" title="c" /></td>
1238     <td bgcolor="#ffffff" style=""><code>c.gif</code></td>
1239     <td bgcolor="#ffffff" style=""> C source code file </td>
1240     <td bgcolor="#ffffff" style=""><code>%ICON{c}%</code></td>
1241   </tr>
1242   <tr>
1243     <td bgcolor="#ffffff" style=""><img alt="dll" src="http://www.dementia.org/twiki//view/dll.gif" title="dll" /></td>
1244     <td bgcolor="#ffffff" style=""><code>dll.gif</code></td>
1245     <td bgcolor="#ffffff" style=""> Dynamic Linked Library; Microsoft application file </td>
1246     <td bgcolor="#ffffff" style=""><code>%ICON{dll}%</code></td>
1247   </tr>
1248   <tr>
1249     <td bgcolor="#ffffff" style=""><img alt="doc" src="http://www.dementia.org/twiki//view/doc.gif" title="doc" /></td>
1250     <td bgcolor="#ffffff" style=""><code>doc.gif</code></td>
1251     <td bgcolor="#ffffff" style=""> Microsoft Word file </td>
1252     <td bgcolor="#ffffff" style=""><code>%ICON{doc}%</code></td>
1253   </tr>
1254   <tr>
1255     <td bgcolor="#ffffff" style=""><img alt="else" src="http://www.dementia.org/twiki//view/else.gif" title="else" /></td>
1256     <td bgcolor="#ffffff" style=""><code>else.gif</code></td>
1257     <td bgcolor="#ffffff" style=""> Unknown file format </td>
1258     <td bgcolor="#ffffff" style=""><code>%ICON{else}%</code></td>
1259   </tr>
1260   <tr>
1261     <td bgcolor="#ffffff" style=""><img alt="eml" src="http://www.dementia.org/twiki//view/eml.gif" title="eml" /></td>
1262     <td bgcolor="#ffffff" style=""><code>eml.gif</code></td>
1263     <td bgcolor="#ffffff" style=""> Microsoft Outlook e-mail file </td>
1264     <td bgcolor="#ffffff" style=""><code>%ICON{eml}%</code></td>
1265   </tr>
1266   <tr>
1267     <td bgcolor="#ffffff" style=""><img alt="exe" src="http://www.dementia.org/twiki//view/exe.gif" title="exe" /></td>
1268     <td bgcolor="#ffffff" style=""><code>exe.gif</code></td>
1269     <td bgcolor="#ffffff" style=""> Microsoft Executable file </td>
1270     <td bgcolor="#ffffff" style=""><code>%ICON{exe}%</code></td>
1271   </tr>
1272   <tr>
1273     <td bgcolor="#ffffff" style=""><img alt="fla" src="http://www.dementia.org/twiki//view/fla.gif" title="fla" /></td>
1274     <td bgcolor="#ffffff" style=""><code>fla.gif</code></td>
1275     <td bgcolor="#ffffff" style=""> Macromedia Flash Movie </td>
1276     <td bgcolor="#ffffff" style=""><code>%ICON{fla}%</code></td>
1277   </tr>
1278   <tr>
1279     <td bgcolor="#ffffff" style=""><img alt="fon" src="http://www.dementia.org/twiki//view/fon.gif" title="fon" /></td>
1280     <td bgcolor="#ffffff" style=""><code>fon.gif</code></td>
1281     <td bgcolor="#ffffff" style=""> Windows bitmapped font file </td>
1282     <td bgcolor="#ffffff" style=""><code>%ICON{fon}%</code></td>
1283   </tr>
1284   <tr>
1285     <td bgcolor="#ffffff" style=""><img alt="gif" src="http://www.dementia.org/twiki//view/gif.gif" title="gif" /></td>
1286     <td bgcolor="#ffffff" style=""><code>gif.gif</code></td>
1287     <td bgcolor="#ffffff" style=""> GIF </td>
1288     <td bgcolor="#ffffff" style=""><code>%ICON{gif}%</code></td>
1289   </tr>
1290   <tr>
1291     <td bgcolor="#ffffff" style=""><img alt="h" src="http://www.dementia.org/twiki//view/h.gif" title="h" /></td>
1292     <td bgcolor="#ffffff" style=""><code>h.gif</code></td>
1293     <td bgcolor="#ffffff" style=""> Header file </td>
1294     <td bgcolor="#ffffff" style=""><code>%ICON{h}%</code></td>
1295   </tr>
1296   <tr>
1297     <td bgcolor="#ffffff" style=""><img alt="hlp" src="http://www.dementia.org/twiki//view/hlp.gif" title="hlp" /></td>
1298     <td bgcolor="#ffffff" style=""><code>hlp.gif</code></td>
1299     <td bgcolor="#ffffff" style=""> Standard help file </td>
1300     <td bgcolor="#ffffff" style=""><code>%ICON{hlp}%</code></td>
1301   </tr>
1302   <tr>
1303     <td bgcolor="#ffffff" style=""><img alt="html" src="http://www.dementia.org/twiki//view/html.gif" title="html" /></td>
1304     <td bgcolor="#ffffff" style=""><code>html.gif</code></td>
1305     <td bgcolor="#ffffff" style=""> HTML </td>
1306     <td bgcolor="#ffffff" style=""><code>%ICON{html}%</code></td>
1307   </tr>
1308   <tr>
1309     <td bgcolor="#ffffff" style=""><img alt="java" src="http://www.dementia.org/twiki//view/java.gif" title="java" /></td>
1310     <td bgcolor="#ffffff" style=""><code>java.gif</code></td>
1311     <td bgcolor="#ffffff" style=""> Java source code file </td>
1312     <td bgcolor="#ffffff" style=""><code>%ICON{java}%</code></td>
1313   </tr>
1314   <tr>
1315     <td bgcolor="#ffffff" style=""><img alt="jpg" src="http://www.dementia.org/twiki//view/jpg.gif" title="jpg" /></td>
1316     <td bgcolor="#ffffff" style=""><code>jpg.gif</code></td>
1317     <td bgcolor="#ffffff" style=""> JPEG </td>
1318     <td bgcolor="#ffffff" style=""><code>%ICON{jpg}%</code></td>
1319   </tr>
1320   <tr>
1321     <td bgcolor="#ffffff" style=""><img alt="js" src="http://www.dementia.org/twiki//view/js.gif" title="js" /></td>
1322     <td bgcolor="#ffffff" style=""><code>js.gif</code></td>
1323     <td bgcolor="#ffffff" style=""> JavaScript </td>
1324     <td bgcolor="#ffffff" style=""><code>%ICON{js}%</code></td>
1325   </tr>
1326   <tr>
1327     <td bgcolor="#ffffff" style=""><img alt="mdb" src="http://www.dementia.org/twiki//view/mdb.gif" title="mdb" /></td>
1328     <td bgcolor="#ffffff" style=""><code>mdb.gif</code></td>
1329     <td bgcolor="#ffffff" style=""> Microsoft Access database File </td>
1330     <td bgcolor="#ffffff" style=""><code>%ICON{mdb}%</code></td>
1331   </tr>
1332   <tr>
1333     <td bgcolor="#ffffff" style=""><img alt="mov" src="http://www.dementia.org/twiki//view/mov.gif" title="mov" /></td>
1334     <td bgcolor="#ffffff" style=""><code>mov.gif</code></td>
1335     <td bgcolor="#ffffff" style=""> Quicktime movie </td>
1336     <td bgcolor="#ffffff" style=""><code>%ICON{mov}%</code></td>
1337   </tr>
1338   <tr>
1339     <td bgcolor="#ffffff" style=""><img alt="mp3" src="http://www.dementia.org/twiki//view/mp3.gif" title="mp3" /></td>
1340     <td bgcolor="#ffffff" style=""><code>mp3.gif</code></td>
1341     <td bgcolor="#ffffff" style=""> MP3 </td>
1342     <td bgcolor="#ffffff" style=""><code>%ICON{mp3}%</code></td>
1343   </tr>
1344   <tr>
1345     <td bgcolor="#ffffff" style=""><img alt="pdf" src="http://www.dementia.org/twiki//view/pdf.gif" title="pdf" /></td>
1346     <td bgcolor="#ffffff" style=""><code>pdf.gif</code></td>
1347     <td bgcolor="#ffffff" style=""> PDF </td>
1348     <td bgcolor="#ffffff" style=""><code>%ICON{pdf}%</code></td>
1349   </tr>
1350   <tr>
1351     <td bgcolor="#ffffff" style=""><img alt="pl" src="http://www.dementia.org/twiki//view/pl.gif" title="pl" /></td>
1352     <td bgcolor="#ffffff" style=""><code>pl.gif</code></td>
1353     <td bgcolor="#ffffff" style=""> Perl source code file </td>
1354     <td bgcolor="#ffffff" style=""><code>%ICON{pl}%</code></td>
1355   </tr>
1356   <tr>
1357     <td bgcolor="#ffffff" style=""><img alt="png" src="http://www.dementia.org/twiki//view/png.gif" title="png" /></td>
1358     <td bgcolor="#ffffff" style=""><code>png.gif</code></td>
1359     <td bgcolor="#ffffff" style=""> PNG </td>
1360     <td bgcolor="#ffffff" style=""><code>%ICON{png}%</code></td>
1361   </tr>
1362   <tr>
1363     <td bgcolor="#ffffff" style=""><img alt="ppt" src="http://www.dementia.org/twiki//view/ppt.gif" title="ppt" /></td>
1364     <td bgcolor="#ffffff" style=""><code>ppt.gif</code></td>
1365     <td bgcolor="#ffffff" style=""> PowerPoint </td>
1366     <td bgcolor="#ffffff" style=""><code>%ICON{ppt}%</code></td>
1367   </tr>
1368   <tr>
1369     <td bgcolor="#ffffff" style=""><img alt="ps" src="http://www.dementia.org/twiki//view/ps.gif" title="ps" /></td>
1370     <td bgcolor="#ffffff" style=""><code>ps.gif</code></td>
1371     <td bgcolor="#ffffff" style=""> Postscript </td>
1372     <td bgcolor="#ffffff" style=""><code>%ICON{ps}%</code></td>
1373   </tr>
1374   <tr>
1375     <td bgcolor="#ffffff" style=""><img alt="py" src="http://www.dementia.org/twiki//view/py.gif" title="py" /></td>
1376     <td bgcolor="#ffffff" style=""><code>py.gif</code></td>
1377     <td bgcolor="#ffffff" style=""> Python source code file </td>
1378     <td bgcolor="#ffffff" style=""><code>%ICON{py}%</code></td>
1379   </tr>
1380   <tr>
1381     <td bgcolor="#ffffff" style=""><img alt="ram" src="http://www.dementia.org/twiki//view/ram.gif" title="ram" /></td>
1382     <td bgcolor="#ffffff" style=""><code>ram.gif</code></td>
1383     <td bgcolor="#ffffff" style=""> RealAudio </td>
1384     <td bgcolor="#ffffff" style=""><code>%ICON{ram}%</code></td>
1385   </tr>
1386   <tr>
1387     <td bgcolor="#ffffff" style=""><img alt="reg" src="http://www.dementia.org/twiki//view/reg.gif" title="reg" /></td>
1388     <td bgcolor="#ffffff" style=""><code>reg.gif</code></td>
1389     <td bgcolor="#ffffff" style=""> Registry file </td>
1390     <td bgcolor="#ffffff" style=""><code>%ICON{reg}%</code></td>
1391   </tr>
1392   <tr>
1393     <td bgcolor="#ffffff" style=""><img alt="sh" src="http://www.dementia.org/twiki//view/sh.gif" title="sh" /></td>
1394     <td bgcolor="#ffffff" style=""><code>sh.gif</code></td>
1395     <td bgcolor="#ffffff" style=""> Unix shell script </td>
1396     <td bgcolor="#ffffff" style=""><code>%ICON{sh}%</code></td>
1397   </tr>
1398   <tr>
1399     <td bgcolor="#ffffff" style=""><img alt="sniff" src="http://www.dementia.org/twiki//view/sniff.gif" title="sniff" /></td>
1400     <td bgcolor="#ffffff" style=""><code>sniff.gif</code></td>
1401     <td bgcolor="#ffffff" style=""> sniff </td>
1402     <td bgcolor="#ffffff" style=""><code>%ICON{sniff}%</code></td>
1403   </tr>
1404   <tr>
1405     <td bgcolor="#ffffff" style=""><img alt="swf" src="http://www.dementia.org/twiki//view/swf.gif" title="swf" /></td>
1406     <td bgcolor="#ffffff" style=""><code>swf.gif</code></td>
1407     <td bgcolor="#ffffff" style=""> SWF (Shockwave Flash) </td>
1408     <td bgcolor="#ffffff" style=""><code>%ICON{swf}%</code></td>
1409   </tr>
1410   <tr>
1411     <td bgcolor="#ffffff" style=""><img alt="ttf" src="http://www.dementia.org/twiki//view/ttf.gif" title="ttf" /></td>
1412     <td bgcolor="#ffffff" style=""><code>ttf.gif</code></td>
1413     <td bgcolor="#ffffff" style=""> True Type font </td>
1414     <td bgcolor="#ffffff" style=""><code>%ICON{ttf}%</code></td>
1415   </tr>
1416   <tr>
1417     <td bgcolor="#ffffff" style=""><img alt="txt" src="http://www.dementia.org/twiki//view/txt.gif" title="txt" /></td>
1418     <td bgcolor="#ffffff" style=""><code>txt.gif</code></td>
1419     <td bgcolor="#ffffff" style=""> Text </td>
1420     <td bgcolor="#ffffff" style=""><code>%ICON{txt}%</code></td>
1421   </tr>
1422   <tr>
1423     <td bgcolor="#ffffff" style=""><img alt="wav" src="http://www.dementia.org/twiki//view/wav.gif" title="wav" /></td>
1424     <td bgcolor="#ffffff" style=""><code>wav.gif</code></td>
1425     <td bgcolor="#ffffff" style=""> Waveform sound file </td>
1426     <td bgcolor="#ffffff" style=""><code>%ICON{wav}%</code></td>
1427   </tr>
1428   <tr>
1429     <td bgcolor="#ffffff" style=""><img alt="wri" src="http://www.dementia.org/twiki//view/wri.gif" title="wri" /></td>
1430     <td bgcolor="#ffffff" style=""><code>wri.gif</code></td>
1431     <td bgcolor="#ffffff" style=""> Windows Write </td>
1432     <td bgcolor="#ffffff" style=""><code>%ICON{wri}%</code></td>
1433   </tr>
1434   <tr>
1435     <td bgcolor="#ffffff" style=""><img alt="xls" src="http://www.dementia.org/twiki//view/xls.gif" title="xls" /></td>
1436     <td bgcolor="#ffffff" style=""><code>xls.gif</code></td>
1437     <td bgcolor="#ffffff" style=""> Microsoft Excel Spreadsheet </td>
1438     <td bgcolor="#ffffff" style=""><code>%ICON{xls}%</code></td>
1439   </tr>
1440   <tr>
1441     <td bgcolor="#ffffff" style=""><img alt="xml" src="http://www.dementia.org/twiki//view/xml.gif" title="xml" /></td>
1442     <td bgcolor="#ffffff" style=""><code>xml.gif</code></td>
1443     <td bgcolor="#ffffff" style=""> XML </td>
1444     <td bgcolor="#ffffff" style=""><code>%ICON{xml}%</code></td>
1445   </tr>
1446   <tr>
1447     <td bgcolor="#ffffff" style=""><img alt="xsl" src="http://www.dementia.org/twiki//view/xsl.gif" title="xsl" /></td>
1448     <td bgcolor="#ffffff" style=""><code>xsl.gif</code></td>
1449     <td bgcolor="#ffffff" style=""> XSL (XML style sheet) </td>
1450     <td bgcolor="#ffffff" style=""><code>%ICON{xsl}%</code></td>
1451   </tr>
1452   <tr>
1453     <td bgcolor="#ffffff" style=""><img alt="zip" src="http://www.dementia.org/twiki//view/zip.gif" title="zip" /></td>
1454     <td bgcolor="#ffffff" style=""><code>zip.gif</code></td>
1455     <td bgcolor="#ffffff" style=""> Compressed Zip archive </td>
1456     <td bgcolor="#ffffff" style=""><code>%ICON{zip}%</code></td>
1457   </tr>
1458 </table>
1459
1460 ## <a name="Usage (extended)"></a> Usage (extended)
1461
1462 There are several other ways to put an image in a topic.
1463
1464 Shorthand notation:
1465
1466 > In
1467 >
1468 > [[Main.TWikiPreferences|Main/TWikiPreferences]]
1469 >
1470 > set a variable to an ICON, for example:
1471 >
1472 > `   * Set H = %ICON{help}%`
1473 >
1474 > Now you can use the icon by writing `%H%`
1475 >
1476 > For extended use, check out TWiki:Plugins.SmiliesPlugin that uses a different short hand than `%VARIABLES%`.
1477
1478 Full path:
1479
1480 > In any topic, write
1481 >
1482 > `%PUBURL%/%TWIKIWEB%/TWikiDocGraphics/help.gif`
1483 >
1484 > to show
1485 >
1486 > ![help.gif](http://www.dementia.org/twiki//view/TWiki/TWikiDocGraphics/help.gif)
1487 >
1488 > You are not restricted to use the TWikiDocGraphics topic - in a similar way you can show attached images by replacing `TWikiDocGraphics` with the topic name.
1489
1490 To create an image with a link, write:
1491
1492 > `[[WebHome][%ICON{home}% Home]]`
1493 >
1494 > to get:
1495 >
1496 > [[ Home|Main/WebHome]]
1497 >
1498 > To get rid of the underline under the space, write: %BR% `[[WebHome][%ICON{home}%]] [[WebHome][Home]]` to get: [[Main/WebHome]] [[Home|Main/WebHome]]
1499
1500 To get the full URL of the icon, use [[ICONURL|Main/VarICONURL]]:
1501
1502 > `%ICONURL{"toggleopen"}%`
1503 >
1504 > gets you the image path:
1505 >
1506 > `http://www.dementia.org/twiki//view/Main/WebHome/toggleopen.gif`
1507 >
1508 > %BR% and that will get rendered as:
1509 >
1510 > ![toggleopen.gif](http://www.dementia.org/twiki//view/Main/WebHome/toggleopen.gif)
1511
1512 **_Related Topics:_** [[TWikiSkins]], [[DeveloperDocumentationCategory]], [[AdminDocumentationCategory]]
1513
1514 **_Contributors:_** Most icons on this page were originally designed by TWiki:Main.PeterThoeny. All icons were recreated by TWiki:Main.ArthurClemens, except for led-color icons, dot graph and line graph images.