--- a/app/soc/content/css/soc-090120.css	Sat Mar 07 00:33:39 2009 +0000
+++ b/app/soc/content/css/soc-090120.css	Sat Mar 07 14:49:03 2009 +0000
@@ -186,6 +186,11 @@
   width: 200px;
 }
 
+td.formfieldvalue input:focus {
+  background-color: #FFFF99;
+  font-weight: bold;
+}
+
 td.formfieldvalue textarea {
   width: 100%;
 }
@@ -237,6 +242,45 @@
   padding: 3px;
 }
 
+/* TOOLTIPS */
+
+#purr-container {
+  position:fixed;
+  bottom:0;
+  right:0;
+}
+
+.tooltip {
+  position: relative;
+  width: 300px;
+}
+
+.tooltip .close {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  display: block;
+  width: 18px;
+  height: 17px;
+  text-indent: -9999px;
+  background: url('/soc/content/images/purrClose.png') no-repeat 0 10px;
+}
+.tooltip-body {
+  min-height: 50px;
+  padding: 22px 22px 0 22px;
+  background: url('/soc/content/images/purrTop.png') no-repeat left top;
+  color: #f9f9f9;
+}
+.tooltip-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
+.tooltip-body h3	{margin: 0; font-size: 1.1em;}
+.tooltip-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}
+
+.tooltip-bottom {
+	height: 22px;
+	background: url('/soc/content/images/purrBottom.png') no-repeat left top;
+}
+
+
 #logo {
   padding-right: 18px;
   position: absolute;