first result working

static/css/rowsandall2.css

@@ -50,7 +50,7 @@
 }
 
 html {
-    font-size: 62.5%; 
+    font-size: 62.5%;
     margin: 0px;
     height: 100%;
     width: 100%;
@@ -96,13 +96,13 @@ cox {
 -------------------------------------------------------------------------------
 */
 
-th { 
+th {
     font-weight: bold;
     align: left;
  }
 
 .listtable tbody tr:nth-of-type(even) {  background-color: #DDD; }
-.listtable thead th { 
+.listtable thead th {
     font-weight: bold;
     align: left;
 }
@@ -112,6 +112,10 @@ th {
 
 .paddedtable td { padding: 1px 20px }
 
+.shortpadded th { padding: 3px 3px }
+
+.paddedtable th { padding: 1px 20px }
+
 .cortable {
     border-collapse: collapse;
 }
@@ -124,12 +128,12 @@ th {
 
 th.rotate {
   /* Something you can count on */
-  height: 120px; 
+  height: 120px;
   white-space: nowrap;
 }
 
 th.rotate > div {
-  transform: 
+  transform:
     /* Magic Numbers */
     translate(28px, 91px)
     /* 45 is really 360 - 45 */
@@ -141,12 +145,12 @@ th.rotate > div > span {
   padding: 5px 5px;
 }
 
-.fixtable table { 
+.fixtable table {
   table-layout: fixed;
   width: 60%;
  }
 
-.message { 
+.message {
   border: 1px solid #000;
   background-color: #f88;
   font-weight: bold;
@@ -172,7 +176,7 @@ th.rotate > div > span {
     background-color: #fee;
 }
 
-.successmessage { 
+.successmessage {
   border: 1px solid #000;
   background-color: #8f8;
   color: #000;
@@ -180,7 +184,7 @@ th.rotate > div > span {
   font-weight: bold;
  }
 
-.deletelink { 
+.deletelink {
   border: 1px solid #000;
   background-color: #f88;
   color: #000;
@@ -189,7 +193,7 @@ th.rotate > div > span {
  }
 
 .navbar {
-  border: 1px solid #666; 
+  border: 1px solid #666;
   color: #000;
 
 
@@ -199,7 +203,7 @@ th.rotate > div > span {
   text-align: center;
 }
 
-.navbutton { 
+.navbutton {
   background-color: #ddd;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
@@ -242,7 +246,7 @@ th.rotate > div > span {
   transition-delay:1s;
 }
 
-.caption { 
+.caption {
   text-align: center;
  }
 
@@ -263,7 +267,7 @@ th.rotate > div > span {
     font: 1.0em/1.2em sans-serif;
     text-decoration: none;
     display: block;
-    padding: .2em .5em .2em .5em; 
+    padding: .2em .5em .2em .5em;
     zoom: 1;
 /*    border-radius: .5em; */
 /*    -moz-border-radius: .5em; */
@@ -276,7 +280,7 @@ th.rotate > div > span {
     font: 1.0em/1.2em sans-serif;
     text-decoration: none;
     display: block;
-    padding: .2em .5em .2em .5em; 
+    padding: .2em .5em .2em .5em;
     zoom: 1;
 /*    border-radius: .5em; */
 /*    -moz-border-radius: .5em; */
@@ -304,7 +308,7 @@ th.rotate > div > span {
 }
 
 .dot:hover {
-    text-decoration: none; 
+    text-decoration: none;
 }
 
 .rounder {
@@ -345,9 +349,9 @@ th.rotate > div > span {
     -webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
     -moz-box-shadow:    inset 0px 0px 85px rgba(0,0,0,0.4);
     box-shadow:         inset 0px 0px 85px rgba(0,0,0,0.4);
-	
+
     line-height: 0;         /* ensure no space between bottom */
-		
+
 }
 
 .vignet img {
@@ -367,9 +371,9 @@ th.rotate > div > span {
     -webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
     -moz-box-shadow:    inset 0px 0px 85px rgba(0,0,0,0.4);
     box-shadow:         inset 0px 0px 85px rgba(0,0,0,0.4);
-	
+
     line-height: 0;         /* ensure no space between bottom */
-		
+
 }
 
 .vignet2 img {
@@ -751,7 +755,7 @@ th.rotate > div > span {
     padding: 1em;
     text-align: left;
     line-height: 1.5em;
-    word-wrap: break-word;    
+    word-wrap: break-word;
 }
 .talktext p{
   /* remove webkit p margins */
@@ -776,7 +780,7 @@ th.rotate > div > span {
 
 /* paleblue */
 .paleblue {
-#    padding: 8px; 
+#    padding: 8px;
     background: aliceblue;
     box-shadow:inset 0px 0px 0px 6px #fff;
     -moz-box-shadow:inset 0px 0px 0px 6px #fff;
@@ -948,7 +952,7 @@ th.rotate > div > span {
 
 
 .greenbar {
-  border: 1px solid #666; 
+  border: 1px solid #666;
   color: #000;
 
 
@@ -959,7 +963,7 @@ th.rotate > div > span {
 }
 
 
-#footer { 
+#footer {
   text-align:center;
  }
 
@@ -1016,21 +1020,21 @@ th.rotate > div > span {
     background-color: #3e8e41;
 }
 
-.flexplot { 
+.flexplot {
   position: relative;
   z-index: 10;
 }
 
 
-a.wh:link { 
+a.wh:link {
     color: #e9e9e9;
 }
 
-a.wh:visited { 
+a.wh:visited {
     color: #e9e9e9;
 }
 
-a.wh:hover { 
+a.wh:hover {
     color: #e9e9e9;
 }
 
@@ -1067,7 +1071,7 @@ a.wh:hover {
 
 .icon-link a:hover, a:active, a:visited, a:link {
     /* color: #1c75bc; */
-    text-decoration: none; 
+    text-decoration: none;
 }
 
 
@@ -1086,9 +1090,9 @@ a.wh:hover {
 }
 
 .mystyle {
-    font-size: 11pt; 
+    font-size: 11pt;
     font-family: Arial;
-    border-collapse: collapse; 
+    border-collapse: collapse;
     border: 1px solid silver;
 
 }