input.noborder {
 /* radiobuttons and checkmarks, different behaviour in Moz and IE. 
 Border necessary in Moz, not in IE */
 margin: 0;
 background-color: transparent;
 }
 
 div.row {
 clear: both;
 min-height: 2em;
 margin-top: 1em;
 }
 
 .group {
 margin: 2em 0em 1em 0em;
 width: 94%;
 padding: 1em 0em;
 }
 
 .legend {
 position : relative;
 top: -1.8em;
 left: 1em;
 padding: 0.5em;
 }
 
 span.label {
 float: left;
 margin-right: 20px;
 font-weight: bold;
 text-align: right;
 width: 25%;
 position : relative;
 left: -1em;
 }
 
 span.field {
 float: left;
 text-align: left;
 width: 55%;
 }
 
 span.info {
 display: none;
 background-color: transparent;
 float: right;
 text-align: left;
 width: 28%;
 }
 
 .error {
 /* Class for error indication in forms */
 margin: 1em;
color:red;
 }
 
 .required {
 /* Used in addition to class "label" on required elements */
 }
 
 span.card {
 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;
 margin: 1em 0em 1em 0em;
 }
 
 table.listing th {
 font-weight: normal;
 padding: 0em 1em 0em 1em;
 }
 
 table.listing tr.odd {
 /*every second line should be shaded */
 }
 
 table.listing tr.even {
 }
 
 table.listing td {
 padding: 0em 1em;
 }
 
 table.listing a:hover {
 }
 
 table.box {
 /* The Plone Box(tm) (Navigation, Related etc) */
 background: transparent;
 border-collapse: collapse;
 margin: 0;
 margin-bottom: 2em;
 }
 
 table.box th {
 font-weight: normal;
 padding: 0em 1em;
 text-align: left;
 text-transform: &dtml-textTransform;;
 }
 
 table.box th.empty {
 background-color: transparent;
 border: none;
 }
 
 table.box tr.odd {
 /*every second line should be shaded */
 }
 
 table.box tr.even {
 }
 
 table.box td {
 padding: 1em;
 }
 
 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-repeat: no-repeat;
 background-position: 0px 0px;
 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) */
 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.spacer {
 margin: 3em;
 }
 
 .private {
 color: Black;
 }
 
 .published {
 color: #74AE0B;
 }
 
 .pending {
 color: #FFA500;
 }
 
 .syndicated {
 color: #008000;
 }
 
 .expired {
 color: Red;
 }
 
 
 div.listingBar {
 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;
 }