diff --git a/ext/blotter/script.js b/ext/blotter/script.js
index 9527de26..e2f4f892 100644
--- a/ext/blotter/script.js
+++ b/ext/blotter/script.js
@@ -1,16 +1,15 @@
-
 $(document).ready(function() {
-	$("#blotter2-toggle").click(function() {
-		$("#blotter2").slideToggle("slow", function() {
-			if($("#blotter2").is(":hidden")) {
-				$.cookie("blotter2-hidden", 'true', {path: '/'});
+	$(".shm-blotter2-toggle").click(function() {
+		$(".shm-blotter2").slideToggle("slow", function() {
+			if($(".shm-blotter2").is(":hidden")) {
+				$.cookie("ui-blotter2-hidden", 'true', {path: '/'});
 			}
 			else {
-				$.cookie("blotter2-hidden", 'false', {path: '/'});
+				$.cookie("ui-blotter2-hidden", 'false', {path: '/'});
 			}
 		});
 	});
-	if($.cookie("blotter2-hidden") == 'true') {
-		$("#blotter2").hide();
+	if($.cookie("ui-blotter2-hidden") == 'true') {
+		$(".shm-blotter2").hide();
 	}
 });
diff --git a/ext/blotter/theme.php b/ext/blotter/theme.php
index 29581c1d..3099eed4 100644
--- a/ext/blotter/theme.php
+++ b/ext/blotter/theme.php
@@ -161,8 +161,8 @@ class BlotterTheme extends Themelet {
 			$in_text = "<ul>$entries_list</ul>";
 		}
 		$html = "";
-		$html .= "<div id='blotter1'><span>$out_text</span>{$pos_break}<span style='{$pos_align}'><a href='#' id='blotter2-toggle'>Show/Hide</a> <a href='".make_link("blotter")."'>Show All</a></span></div>";
-		$html .= "<div id='blotter2'>$in_text</div>";
+		$html .= "<div id='blotter1' class='shm-blotter1'><span>$out_text</span>{$pos_break}<span style='{$pos_align}'><a href='#' id='blotter2-toggle' class='shm-blotter2-toggle'>Show/Hide</a> <a href='".make_link("blotter")."'>Show All</a></span></div>";
+		$html .= "<div id='blotter2' class='shm-blotter2'>$in_text</div>";
 		return $html;
 	}
 }