Index: /issm/trunk-jpl/src/m/plot/gauge.js
===================================================================
--- /issm/trunk-jpl/src/m/plot/gauge.js	(revision 20630)
+++ /issm/trunk-jpl/src/m/plot/gauge.js	(revision 20631)
@@ -13,6 +13,5 @@
 	label=options.getfieldvalue('label','');
 	
-	$('<canvas id="'+gaugecanvas+'" width=80px height=50%></canvas>').appendTo('#'+gaugediv);
-	$('<div id="'+gaugetext+'" class="gaugetext"></div>').appendTo('#'+gaugediv);
+	$('<div class="bordered margin-8 padding-8"><canvas id="'+gaugecanvas+'" class="gauge-canvas"></canvas><div id="'+gaugetext+'" class="gauge-text"></div></div>').appendTo('#'+gaugediv);
 	
 	var opts = {
Index: /issm/trunk-jpl/src/m/plot/slider.js
===================================================================
--- /issm/trunk-jpl/src/m/plot/slider.js	(revision 20630)
+++ /issm/trunk-jpl/src/m/plot/slider.js	(revision 20631)
@@ -108,5 +108,5 @@
 	
 	$('#'+progressdiv).css({width:width});
-	$('<div class="'+name+'-progressbar"></div>').prependTo('#'+progressdiv);
+	$('<div class="'+name+'-progressbar bordered margin-8 padding-8"></div>').prependTo('#'+progressdiv);
 	$('.'+name+'-progressbar').slider({
 		range:'min',
Index: /issm/trunk-jpl/src/m/plot/tooltips.js
===================================================================
--- /issm/trunk-jpl/src/m/plot/tooltips.js	(revision 20630)
+++ /issm/trunk-jpl/src/m/plot/tooltips.js	(revision 20631)
@@ -9,5 +9,5 @@
 	var tooltipdiv = options.getfieldvalue('tooltipdiv','tooltipdiv');
 
-	$('<div class="container-div">' + value + '</div>').appendTo('#'+tooltipdiv);	
+	$('<div class="bordered">' + value + '</div>').appendTo('#'+tooltipdiv);	
 	$("#"+tooltipdiv).hover(function() {
 		var tooltip = $("> div", this).show();