Move some CSS styles out of the JS and into the CSS

public/js/site.js

@@ -183,29 +183,6 @@ $(document).ready(function(){
         var tableStyle = table.attr('style');
         legend.attr('style', tableStyle);
         table.removeAttr('style');
-
-        legend.css({
-            background: 'rgba(255, 255, 255, 0.75)'
-        });
-
-        table.css({
-            background: '#fff',
-            border: '1px solid #808080',
-            margin: '5px'
-        });
-        table.find('tr > td:first-child').css({
-            paddingLeft: '10px',
-            paddingRight: '5px'
-        });
-        table.find('tr > td:last-child').css({
-            paddingRight: '10px'
-        });
-        table.find('tr:first-child > td').css({
-            paddingTop: '5px'
-        });
-        table.find('tr:last-child > td').css({
-            paddingBottom: '5px'
-        });
         table.prev('div').remove();
 
         if (errors.length) {

public/less/site.less

@@ -439,6 +439,28 @@ ul.date-links {
 .tooltip-graph {
 	font-size:12px;
 }
+.legend {
+	background-color: #fff;
+	background-color: rgba(255, 255, 255, 0.75);
+}
+.legend table {
+	background: #fff;
+	border: 1px solid #808080;
+	margin: 5px;
+}
+.legend tr > td:first-child {
+	padding-left: 10px;
+	padding-right: 5px;
+}
+.legend tr > td:last-child {
+	padding-right: 10px;
+}
+.legend tr:first-child > td {
+	padding-top: 5px;
+}
+.legend tr:last-child > td {
+	padding-bottom: 5px;
+}
 
 /* New task page */
 .standards-lists {