diff --git a/html/css/styles.css b/html/css/styles.css
index 35e96bd5f9..e906a4d0f3 100644
--- a/html/css/styles.css
+++ b/html/css/styles.css
@@ -3,6 +3,10 @@
   background-position:0 100%;
   border-color:#B2B2B2 #525252 #525252 #B2B2B2;
 }
+.submit#hover {
+ border-color:#000;
+}
+
 input,select {
   background:#FFFFFF url('/images/textbg.png') repeat-x scroll 0 0;
   font-size:1em;
diff --git a/html/pages/device/collectd.inc.php b/html/pages/device/collectd.inc.php
index af533292c5..f18a059103 100644
--- a/html/pages/device/collectd.inc.php
+++ b/html/pages/device/collectd.inc.php
@@ -57,6 +57,8 @@ print_optionbar_start();
 
 print_optionbar_end();
 
+   $i=0;
+
     $pinsts = collectd_list_pinsts($device['hostname'], $_GET['opta']);
     foreach ($pinsts as &$instance) {
 
@@ -67,12 +69,20 @@ print_optionbar_end();
  
      if($MetaGraphDefs[$type]) { $typeinstances = array($MetaGraphDefs[$type]); }
 
+     
+
      foreach ($typeinstances as &$tinst) {
+       $i++;
+       if(!is_integer($i/2)) { $row_colour = $list_colour_a; } else { $row_colour = $list_colour_b; }
+ 
+       echo('<div style="background-color: '.$row_colour.';">');
+       echo('<div class="graphhead" style="padding:4px 0px 0px 8px;">');
        if($tinst) {
-       echo("<div><h3>".$_GET['opta']." $instance - $type - $tinst</h3>");
+       echo($_GET['opta']." $instance - $type - $tinst");
        } else {
-        echo("<div><h3>".$_GET['opta']." $instance - $type</h3>");
+        echo($_GET['opta']." $instance - $type");
        }
+       echo("</div>");
 
        $daily_traffic   = $config['base_url'] . "/collectd-graph.php?host=" . $device['hostname'] . "&plugin=".$_GET['opta']."&type=".$_GET['opta']."&plugin_instance=".$instance."&type=".$type."&type_instance=".$tinst."&timespan=day&to=$now&width=215&height=100";
        $daily_traffic  .= $args;