[Zope3-checkins] CVS: Zope3/src/zope/app/browser/skins/basic/www - __init__.py:1.2 arrowup.gif:1.2 dialog_macros.pt:1.2 document_icon.gif:1.2 folder_icon.gif:1.2 view_macros.pt:1.2 zmi_stylesheet.css:1.2 zopetopbasic.css:1.2 zopetopstructure.css:1.2 zopetopwidgets.css:1.2

Jim Fulton jim@zope.com
Wed, 25 Dec 2002 09:14:13 -0500


Update of /cvs-repository/Zope3/src/zope/app/browser/skins/basic/www
In directory cvs.zope.org:/tmp/cvs-serv15352/src/zope/app/browser/skins/basic/www

Added Files:
	__init__.py arrowup.gif dialog_macros.pt document_icon.gif 
	folder_icon.gif view_macros.pt zmi_stylesheet.css 
	zopetopbasic.css zopetopstructure.css zopetopwidgets.css 
Log Message:
Grand renaming:

- Renamed most files (especially python modules) to lower case.

- Moved views and interfaces into separate hierarchies within each
  project, where each top-level directory under the zope package
  is a separate project.

- Moved everything to src from lib/python.

  lib/python will eventually go away. I need access to the cvs
  repository to make this happen, however.

There are probably some bits that are broken. All tests pass
and zope runs, but I haven't tried everything. There are a number
of cleanups I'll work on tomorrow.



=== Zope3/src/zope/app/browser/skins/basic/www/__init__.py 1.1 => 1.2 ===
--- /dev/null	Wed Dec 25 09:14:12 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/__init__.py	Wed Dec 25 09:12:41 2002
@@ -0,0 +1,2 @@
+#
+# This file is necessary to make this directory a package.


=== Zope3/src/zope/app/browser/skins/basic/www/arrowup.gif 1.1 => 1.2 ===
  <Binary-ish file>

=== Zope3/src/zope/app/browser/skins/basic/www/dialog_macros.pt 1.1 => 1.2 ===
--- /dev/null	Wed Dec 25 09:14:12 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/dialog_macros.pt	Wed Dec 25 09:12:41 2002
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html metal:define-macro="dialog">
+<head metal:use-macro="views/standard_macros/head" />
+
+<body>
+  <span metal:use-macro="views/standard_macros/breadcrumbs" />
+
+  <div metal:define-slot="body">
+     <p>Body here</p>
+  </div>
+
+  <div metal:use-macro="views/standard_macros/footer" />
+</body>
+</html>
+


=== Zope3/src/zope/app/browser/skins/basic/www/document_icon.gif 1.1 => 1.2 ===
  <Binary-ish file>

=== Zope3/src/zope/app/browser/skins/basic/www/folder_icon.gif 1.1 => 1.2 ===
  <Binary-ish file>

=== Zope3/src/zope/app/browser/skins/basic/www/view_macros.pt 1.1 => 1.2 ===
--- /dev/null	Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/view_macros.pt	Wed Dec 25 09:12:41 2002
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html metal:define-macro="page">
+<head metal:define-macro="head">
+  <title 
+    metal:define-slot="title"
+    tal:content="options/getTitle|view/getTitle|context/getTitle|default"
+    >Zope</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <link href="/@@/zopetopBasic.css" rel="stylesheet" type="text/css"
+        tal:attributes="href string:/@@/zopetopBasic.css" />
+  <link href="/@@/zopetopWidgets.css" rel="stylesheet" type="text/css"
+        tal:attributes="href string:/@@/zopetopWidgets.css" />
+  <link href="/@@/zopetopStructure.css" rel="stylesheet" type="text/css"
+        tal:attributes="href string:/@@/zopetopStructure.css" />
+  <div metal:define-slot="headers">
+  </div>
+</head>
+<body>
+
+   <span
+       metal:define-macro="breadcrumbs"
+       tal:repeat="breadcrumb context/@@absolute_url/breadcrumbs">
+      <a href="" 
+         tal:attributes="href 
+                    string:${breadcrumb/url}/@@SelectedManagementView.html"
+         tal:content="string: ${breadcrumb/name} / "
+         >name</a>&nbsp</span>
+
+  <table metal:define-macro="zmi_tabs"
+         frame="void" border="1" cellpadding="5"><tr>
+    <td tal:repeat="view context/@@view_get_menu/zmi_views">
+    <a href="" tal:attributes="href view/action" tal:content="view/title">
+	label</a>
+    </td>
+   </tr></table>
+
+  <div metal:define-slot="body">
+     <p>Body here</p>
+  </div>
+
+  <div metal:define-macro="actions_menu"
+       tal:define="actions context/@@view_get_menu/zmi_actions"
+       tal:condition="actions"
+       >
+       Actions:
+       <ul>
+          <li tal:repeat="action actions">
+             <a href="." 
+                tal:attributes="href action/action" 
+                tal:content="action/title" 
+                >Do something
+             </a>
+          </li>
+       </ul>
+  </div>
+
+  <div metal:define-macro="logged_user">
+  <p>User: <span tal:replace="request/user/getTitle">User</span></p>
+  </div>
+
+  <div metal:define-macro="footer">
+  <p>Powered by Zope</p>
+  </div>
+
+</body>
+</html>
+


=== Zope3/src/zope/app/browser/skins/basic/www/zmi_stylesheet.css 1.1 => 1.2 ===
--- /dev/null	Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/zmi_stylesheet.css	Wed Dec 25 09:12:41 2002
@@ -0,0 +1,45 @@
+body {
+    font-family: sans-serif;
+    color: Black;
+    background-color: White;
+}
+
+h1 {
+    font-size: x-large;
+    font-weight: bold;
+}
+
+h2 {
+    font-size: large;
+    font-weight: bold;
+}
+
+h3 {
+    font-size: large:
+    font-weight: bold;
+    font-style: italic;
+}
+
+h4 {
+    font-weight: bold;
+    font-style: italic;
+}
+
+h5 {
+    font-size: small;
+    font-weight: bold;
+}
+
+h6 {
+    font-size: small;
+    font-weight: bold;
+    font-style: italic;
+}
+
+img {
+    border: none;
+}
+
+caption {
+    font-weight: bold;
+}


=== Zope3/src/zope/app/browser/skins/basic/www/zopetopbasic.css 1.1 => 1.2 ===
--- /dev/null	Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/zopetopbasic.css	Wed Dec 25 09:12:41 2002
@@ -0,0 +1,183 @@
+/*****************************************************************************
+ *
+ * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
+ * All Rights Reserved.
+ * 
+ * This software is subject to the provisions of the Zope Public License,
+ * Version 2.0 (ZPL).  A copy of the ZPL should accompany this distribution.
+ * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
+ * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
+ * FOR A PARTICULAR PURPOSE.
+ * 
+ *****************************************************************************
+ 
+ These are the basic CSS declarations.
+
+ $Id$
+*/
+
+
+body {
+    font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
+    color: #000066;
+    margin: 5;
+    padding: 5;
+}
+
+table {
+    font: 1em Tahoma, Helvetica, Arial, sans-serif;
+}
+
+
+img {
+/* turn off image borders. */
+    border: none;
+}
+
+p {
+/* Default paragraph style*/
+    font: 1em Tahoma, Helvetica, Arial, sans-serif;
+    margin: 1em 0em;
+    text-align: justify;
+}
+
+p a {
+    text-decoration: underline;
+}
+
+p a:visited {
+    color: Purple;
+    background-color: transparent;
+}
+
+p a:active {
+    color: Red;
+    background-color: transparent;
+}
+
+p img {
+    border: 1px solid Black;
+    margin: 1em;
+}
+
+
+hr {
+    clear: both;
+    height: 1px;
+    color: #8CACBB;
+    background-color: transparent;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+	color: Black;
+	margin-top: 0;
+	font-family: Tahoma, Helvetica, Arial, sans-serif;
+
+
+}
+
+h1 {
+    font-size: 1.8em;
+}
+
+h2 {
+    font-size: 1.6em;
+}
+
+h3 {
+    font-size: 1.4em;
+}
+
+h4 {
+    font-size: 1.2em;
+}
+
+h5 {
+    font-size: 1.1em;
+}
+
+h6 {
+    font-size: 1.0em;
+}
+
+ul { 
+/*    list-style-image: url("bullet.gif"); */
+    margin-top: 1em;
+    margin-bottom: 1em;
+    margin-left: 2em;
+    padding:0;
+}
+
+/* we advise you to use the div.group and span.legend elements instead of
+these, as the only browser showing legends correctly is IE. They are just
+included here for completeness */
+
+fieldset {
+    border: 1px solid #8cacbb;
+    margin: 2em 0em 1em 0em;
+    padding: 1em 0em;
+}
+
+legend {
+    background: White;
+    padding: 0.5em;
+}
+
+
+form {
+    border: none;
+}
+
+textarea {
+/* Small cosmetic hack which makes textarea gadgets look nicer.*/
+    font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
+    border: 1px solid #8cacbb;  
+    width: 100%;
+    color: Black;
+    background-color: white;
+}
+
+input {
+/* Small cosmetic fix which makes input gadgets look nicer.  */
+    font: 1em Tahoma, Helvetica, Arial, sans-serif;
+/*    border: 1px solid #8cacbb;   */
+    color: Black;
+/*    background-color: white; */
+    margin: 1px 1px 1px 1px;
+}
+
+select {
+    font: 1em Tahoma, Helvetica, Arial, sans-serif;
+/*    border: 1px solid #8cacbb;  */
+    margin: 1px 1px 1px 1px;
+}
+
+abbr, acronym, .explain {
+/* Help classes */
+    border-bottom: 1px dotted Black;
+    color: Black;
+    background-color: transparent;
+    cursor: help;
+}
+
+code {
+    font-size: 1.2em;
+    color: Black;
+    background-color: #dee7ec;
+}
+
+pre {
+    font-size: 1.2em;
+    padding: 1em;
+    border: 1px solid #8cacbb;
+    color: Black;
+    background-color: #dee7ec;
+}
+
+.netscape4 {
+/* This hides elements necessary for getting Netscape 4.x to look better.
+   Mostly strategically placed hr tags and &middot;'s */
+    display: none;
+}


=== Zope3/src/zope/app/browser/skins/basic/www/zopetopstructure.css 1.1 => 1.2 ===
--- /dev/null	Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/zopetopstructure.css	Wed Dec 25 09:12:41 2002
@@ -0,0 +1,255 @@
+/*****************************************************************************
+ *
+ * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
+ * All Rights Reserved.
+ * 
+ * This software is subject to the provisions of the Zope Public License,
+ * Version 2.0 (ZPL).  A copy of the ZPL should accompany this distribution.
+ * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
+ * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
+ * FOR A PARTICULAR PURPOSE.
+ * 
+ *****************************************************************************
+ 
+ The Structure CSS contains elements that make up the structure of Plone,
+ generally stuff that is used once on a page - general layout, opposed to the
+ Widgets, that are used several times in a page.
+
+ KNOWN BUG: The selected tab cannot have image backdrop. FIXME
+
+ $Id$
+*/
+
+div.top {
+/* Top section */
+    background: transparent;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.logo {
+/* Logo properties */
+    margin: 1em 0em 1em 2em;
+    padding: 0;
+}
+
+div.searchBox {
+/*searchbox style and positioning */
+    background-color: transparent;
+    color: Black;
+    float: right;
+    margin: 3em 0em 0em 0em;
+    padding: 0em 2em 0em 0em;
+    text-align: right;
+}
+
+input.searchGadget {
+}
+
+div.tabs {
+/* Navigational Plone Tabs(tm), implemented by customizing the a tag - they
+   are surprisingly elegant. The power of CSS runs strong in these :) */
+    background: transparent;
+    border-collapse: collapse;
+    border-bottom-color: #8CACBB;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    padding: 0.5em 0em 0em 2em;
+    white-space: nowrap;
+}
+
+div.tabs a {
+/* The normal, unselected tabs. They are all links */
+    background: transparent;
+    border-color: #8CACBB;
+    border-width: 1px; 
+    border-style: solid solid none solid;
+    color: #436976;
+    font-weight: normal;
+    margin-right: 0.5em;
+    padding: 0em 2em;
+}
+
+div.tabs a.selected {
+/* The selected tab. There's only one of this */
+    background: #DEE7EC;
+    border: 1px solid #8CACBB;
+    border-bottom: #DEE7EC 1px solid;
+    color: #436976;
+    font-weight: normal;
+}
+
+div.tabs a:hover {
+    background: #DEE7EC;
+    border-color: #8CACBB;
+    border-bottom-color: #DEE7EC;
+    color: #436976;
+}
+
+div.personalBar {
+/* Bar with personalized menu (user preferences, favorites etc) */
+    background: #DEE7EC;
+    border-bottom-color: #8CACBB;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    color: Black;
+    padding-right: 3em;
+    text-align: right;
+}
+
+div.personalBar a{
+    background-color: transparent;
+    color: #436976;
+    font-weight: normal;
+}
+
+div.pathBar {
+/* The path bar, including breadcrumbs and add to favorites */
+    border-bottom-color: #8CACBB;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    padding-left: 2em;
+    padding-right: 2em;
+}
+
+.breadcrumbs {
+    float: left;
+}
+
+.addFavorite {
+    vertical-align: bottom;
+}
+
+.clock {
+    /* The portal time indicator */
+    float: right;
+    white-space: nowrap;
+}
+
+table.columns {
+    width: 100%;
+}
+
+table.columns td.left {
+    vertical-align: top;
+    width: 15%;
+    padding: 2em 1em 1em 2em;
+}
+
+table.columns td.main {
+    vertical-align: top;
+    padding: 2em 2em 1em 1em;
+    margin: 0;
+}
+
+table.columns td.right {
+    vertical-align: top;
+    width: 15%;
+    padding: 2em 2em 1em 0em;
+}
+
+div.contentTabs {
+/* Local Tabs(tm), used in the content display */
+    background: transparent;
+    border-collapse: collapse;
+    border-bottom: 1px solid #74AE0B;
+    padding-left: 1em;
+    white-space: nowrap;
+}
+
+div.contentTabs a {
+/* The normal, unselected tabs. They are all links */
+    background: transparent;
+    border: 1px solid #74AE0B;
+    color: #578308;
+    font-weight: normal;
+    margin-right: 0.5em;
+    padding: 0em 2em;
+}
+
+div.contentTabs a.selected {
+/* The selected tab. There's only one of this */
+    background: #CDE2A7;
+    border-bottom: #CDE2A7 1px solid;
+    color: #578308;
+    font-weight: normal;
+}
+
+div.contentTabs a:hover {
+    background-color: #CDE2A7;
+    color: #578308;
+}
+
+div.contentBar {
+    background: #CDE2A7;
+    border-left: 1px solid #74AE0B;
+    border-right: 1px solid #74AE0B;
+    color: #578308;
+    text-align: right;
+}
+
+div.document {
+/* The document class encloses the object content when editing is not
+   permitted */
+    background: transparent;
+    padding: 0;
+    margin: 0em 0em 2em 0em;
+}
+
+div.editableDocument {
+/* The class surrounding content when editing is permitted */
+    background: transparent;
+    border: 1px solid #74AE0B;
+    margin: 0em 0em 2em 0em;
+    padding: 2em;
+}
+
+div.message {
+/* The portal messages for cut/paste operations etc */
+    background: #FFCE7B;
+    border: 1px solid #FFA500;
+    color: Black;
+    font: bold 100% Tahoma, Helvetica, Arial, sans-serif;
+    margin: 0em 0em 1em 0em;
+    padding: 0.5em 1em;
+    vertical-align: middle;
+    
+}
+
+div.message a {
+    color: Black;
+    text-decoration: underline;
+}
+
+.darker {
+	background: #7B7AC6;
+}
+
+.hilite {
+    background: #DFDEFF;
+}
+
+.background {
+    background: #CCCCFF;
+}
+
+.description {
+/* The summary text describing the document */
+    font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
+    display: block;
+    margin-bottom: 1em;
+}
+
+.footer {
+    background: #DEE7EC;
+    border-top: 1px solid #8CACBB;
+    border-bottom: 1px solid #8CACBB;
+    color: Black;
+    clear: both;
+    float: none;
+    margin: 2em 0em;
+    padding: 0.5em 0em 1em 0em;
+    text-align: center;
+}


=== Zope3/src/zope/app/browser/skins/basic/www/zopetopwidgets.css 1.1 => 1.2 ===
--- /dev/null	Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/zopetopwidgets.css	Wed Dec 25 09:12:41 2002
@@ -0,0 +1,351 @@
+/*****************************************************************************
+ *
+ * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
+ * All Rights Reserved.
+ * 
+ * This software is subject to the provisions of the Zope Public License,
+ * Version 2.0 (ZPL).  A copy of the ZPL should accompany this distribution.
+ * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
+ * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
+ * FOR A PARTICULAR PURPOSE.
+ * 
+ *****************************************************************************
+ 
+ These are the Widget CSS declarations.
+
+ TODO: table.listing, 
+       table.box
+
+ $Id$
+*/
+
+input.standalone {
+    background: #A1A1F1 url(linkOpaque.gif) left no-repeat;
+    color: Black;
+    cursor: pointer;
+    font-weight: normal;
+    padding: 1px 1px 1px 15px;
+}
+
+input.context {
+    background: White url(linkTransparent.gif) left no-repeat;
+    color: Black;
+    cursor: pointer;
+    font-weight: normal;
+    padding: 1px 1px 1px 15px;
+}
+
+input.noborder {
+/* radiobuttons and checkmarks, different behaviour in Moz and IE. 
+   Border necessary in Moz, not in IE */
+    border: none;
+    margin: 0;
+    background-color: transparent;
+}
+
+div.row {
+    clear: both;
+    min-height: 4em;
+    margin-top: 1em;
+}
+
+.group {
+    border: 1px solid #7B7AC6;
+    margin: 2em 0em 1em 0em;
+    width: 94%;
+    padding: 1em 0em;
+}
+
+.legend {
+    position : relative;
+    top: -1.8em;
+    left: 1em;
+    background: White;
+    padding: 0.5em;
+}
+
+span.label {
+    float: left;
+    font-weight: bold;
+    text-align: right;
+    width: 15%;
+    position : relative;
+    left: -1em;
+}
+
+span.field {
+    float: left;
+    text-align: left;
+    width: 55%;
+}
+
+span.info {
+    background-color: transparent;
+    float: right;
+    text-align: left;
+    width: 28%;
+}
+
+.error {
+    /* Class for error indication in forms */
+    background: #FFCE7B;
+    border: 1px solid #FFA500;
+    margin: 1em;
+}
+
+.required {
+/* Used in addition to class "label" on required elements */
+    background: url(required.gif) 2em no-repeat;
+}
+
+span.card {
+    background: #A1A1F1;
+    border-color: #7B7AC6;
+    border-width: 1px;
+    border-style: solid;
+    float: left;
+    margin: 1em;
+    padding: 1em;
+    text-align: center;
+    width: 15%;
+}
+
+table.listing {
+    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
+    border-collapse: collapse;
+    border-left: 1px solid #7B7AC6;
+    border-bottom: 1px solid #7B7AC6;
+    margin: 1em 0em 1em 0em;
+}
+
+table.listing th {
+    background: #A1A1F1;
+    border-top: 1px solid #7B7AC6;
+    border-bottom: 1px solid #7B7AC6;
+    border-right: 1px solid #7B7AC6;
+    color: #000000;
+    font-weight: normal;
+    padding: 0em 1em 0em 1em;
+}
+
+table.listing tr.odd {
+    /*every second line should be shaded */
+    background: transparent;
+}
+
+table.listing tr.even {
+    background: #ECFAFF;
+}
+
+table.listing td {
+    border-right: 1px solid #7B7AC6;
+    padding: 2px 1em 2px 1em;
+}
+
+table.listing a:hover {
+    text-decoration: underline;
+}
+
+table.listing img{
+    vertical-align: middle;
+}
+
+table.box {
+/* The Plone Box(tm) (Navigation, Related etc) */
+    background: transparent;
+    border-collapse: collapse;
+    border-bottom: 1px solid #7B7AC6;
+    border-left: 1px solid #7B7AC6;
+    margin: 0px;
+    margin-bottom: 1px;
+}
+
+table.box th {
+    background: #A1A1F1;
+    border-top: 1px solid #7B7AC6;
+    border-bottom: 1px solid #7B7AC6;
+    border-right: 1px solid #7B7AC6;
+    color: Black;
+    font-weight: normal;
+    padding: 0px 1px;
+    text-align: left;
+}
+
+table.box th.empty {
+    background-color: transparent;
+    border: none;
+    border-bottom: 1px solid #7B7AC6;
+}
+
+table.box tr.odd {
+/*every second line should be shaded */
+    background: transparent;
+}
+
+table.box tr.even {
+    background-color: #99CCFF;
+}
+
+table.box td {
+    border-right: 1px solid #7B7AC6;
+    padding: 0px 4px 0px 2px;
+}
+
+table.box img{
+    vertical-align: middle;
+}
+
+div.boxDetails {
+/*the line that contains the date for news and other info */
+    text-align: right;
+}
+
+table.box a {
+}
+
+table.box a.comment {
+/* special link for comments - default behavior is to display the discussion
+   icon next to the link */
+    background-image: url(discussionitem_icon.gif); 
+    background-repeat: no-repeat;
+    background-position: 0px -2px;
+    padding: 0em 0em 0.5em 2em;
+    margin: 0;
+    display: block;
+}
+
+table.box a.marker {
+/* special format for links inside boxes - adds link image and displays the
+   link as a block (which in this case means the text will not float under 
+   the link image, plus the whole thing is clickable) */
+    background: url(linkTransparent.gif) -0.5em 0px no-repeat;
+    display: block;
+    padding: 0em 0em 0em 1.5em;
+    vertical-align: top;
+}
+
+span.folderName {
+/* The folder name in folder_contents */
+    font-size: 150%;
+    font-weight: bold;
+}
+
+div.category {
+   float: left;
+    margin-right: 1em;
+    margin-bottom: 2em;
+    width: 20em;
+}
+
+div.category a.heading {
+    display: block;
+    padding: 0em 0em 0.5em 0em;
+    font-size: 1.1em;
+    text-decoration: underline;
+}
+
+div.category a {
+    text-decoration: underline;
+}
+
+div.box {
+    float: left;
+    margin-right: 1em;
+    margin-bottom: 2em;
+    width: 20em;
+    background: transparent;
+    border-collapse: collapse;
+    border: 1px solid #7B7AC6;
+}
+
+div.box div.heading {
+    background: #A1A1F1;
+    border-bottom: 1px solid #7B7AC6;
+    color: Black;
+    font-weight: normal;
+    padding: 0em 0em 0em 1em;
+    text-align: left;
+}
+
+div.box a.close {
+    float: right;
+    text-transform: none;
+    border-left: 1px solid #7B7AC6;
+    padding: 0em 0.2em;
+}
+
+div.box div.odd {
+    background: transparent;
+    padding: 1em;
+}
+
+div.box div.even {
+    background-color: #99CCFF;
+    padding: 1em;
+}
+
+div.spacer {
+    margin: 3em;
+}
+
+.private {
+    color: Black;
+}
+
+.published {
+    color: #74AE0B;
+}
+
+.pending {
+    color: #FFA500;
+}
+
+.syndicated {
+    color: #008000;
+}
+
+.expired {
+    color: Red;
+}
+
+
+div.listingBar {
+    background: #A1A1F1;
+    border-color: #7B7AC6;
+    border-style: solid;
+    border-width: 1px;
+    padding: 0em 1em;
+    text-align: right;
+    height: 1em;
+    clear: both;
+}
+
+div.listingBar span.previous {
+    text-align: left;
+    float: left;
+}
+
+div.listingBar span.next {
+    text-align: right;
+    float: right;
+}
+
+div.workspace {
+}
+
+div.workspace span.small {
+    float: left;
+    height: 30em;
+    width: 20em;
+    margin-right: 1em;
+    margin-bottom: 1em;
+}
+
+div.workspace span.big {
+    float: left;
+    height: 40em;
+    width: 40em;        
+    margin-right: 1em;
+    margin-bottom: 1em;
+}