Improving some style details etc.

WARNING: I have added border-spacing: 0px and border-collapse: collapse
to all TABLEs. This will change the visual result, but it's better to have
it in the CSS and override it when needed, rather than adding all those
cellpadding="0" cellspacing="0" to each table.

theme/standard/styles_layout.css

@@ -52,6 +52,10 @@ form {
     margin-bottom:0px;
 }
 
+table {
+    border-spacing: 0px;
+    border-collapse: collapse;
+}
 
 /* header styles */
 #header-home {
@@ -434,6 +438,7 @@ td.cal_event_description {
 .sideblock {
     width: 100%;
     margin-bottom:1em;
+    border-collapse:separate;
     border-width:1px;
     border-style:solid;
 }
@@ -442,16 +447,21 @@ td.cal_event_description {
     background-image:url(gradient.jpg);
     background-position:top;
     background-repeat:repeat-x;
+    padding:4px;
 }
 
 .sideblockheading .hide-show {
     float:right;
 }
 
-.sideblockheading a img.hide-show-image {
+.sideblockheading .hide-show img.hide-show-image {
     padding-top:0.25em;
 }
 
+.sideblockmain {
+    padding:4px;
+}
+
 .sideblockmain hr {
     height:1px;
     margin-top:4px;
@@ -460,11 +470,11 @@ td.cal_event_description {
     border-top:1px solid;
 }
 
-.sideblock .sideblockheading .hide-show img {
+.sideblock .sideblockheading .hide-show img.hide-show-image {
     background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
 }
 
-.sideblock.hidden .sideblockheading .hide-show img {
+.sideblock.hidden .sideblockheading .hide-show img.hide-show-image {
     background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
 }
 
@@ -490,8 +500,6 @@ td.cal_event_description {
 
 #block_quiz_results table.grades {
     width: 100%;
-    border-spacing: 0px;
-    border-collapse: collapse;
     text-align: left;
 }
 

theme/standard/styles_moz.css

@@ -16,7 +16,7 @@
     -moz-border-radius-bottomright:20px;
 }
 
-#left-column .hidden, #right-column .hidden {
+.sideblock.hidden {
     -moz-border-radius: 0px;
 }