release

2 files changed, 50 insertions, 19 deletions

diff --git a/stylesheets/jquery.tooltip.css b/stylesheets/jquery.tooltip.css
new file mode 100644
index 0000000..ad34a27
--- /dev/null
+++ b/stylesheets/jquery.tooltip.css
@@ -0,0 +1,13 @@
+#tooltip {
+	position:              absolute;
+	z-index:               3000;
+	border:                1px solid #111;
+	background-color:      #eee;
+	padding:               5px;
+	opacity:               0.85;
+    -moz-border-radius:    5px;
+    -webkit-border-radius: 5px;
+    border-radius:         5px
+}
+#tooltip h3, #tooltip div { margin: 0; }
+
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
index de0841a..c728105 100644
--- a/stylesheets/styles.css
+++ b/stylesheets/styles.css
@@ -1,45 +1,63 @@
+/* by tag */
 body {
 	background-color: #fff;
 	font-family: 	  Helvetica;
-	color: 			  #000;
+	color: 			  #000
 }
 a { color: #000 }
 input {
 	vertical-align: bottom;
-	font-size: 		1.1em;
+	font-size: 		1.1em
 }
 input[type='button'] {
 	vertical-align: middle;
     margin-bottom:  2px;
-	font-size: 		1.25em;
+	font-size: 		1.25em
 }
 input[type='text'] { padding: 4px }
 
-
+/* by id */
 div#wrapper {
 	margin-left:  auto;
 	margin-right: auto;
-	width: 		  1000px;
+	width: 		  1000px
+}
+div#top {
+    line-height:   1.3em;
+    text-align:    justify;
+    width:         82%;
+    margin-bottom: 1em
 }
 div#holder {
 	margin-left:  auto;
-	margin-right: auto;
+	margin-right: auto
 }
 span#desc {
     font-family: Georgia;
-    display:     none;
+    line-height: 1.5em;
+    display:     none
 }
 
-
+/* by class */
 .message {
-	font-weight: 		bold;
-	-moz-border-radius: 5px;
-	padding: 		 	4px;
-	text-decoration: 	none;
-}
-.success    { background-color: #cdeb8b }
-.failure    { background-color: #b02b2c }
-.inprogress { background-color: #ffff88 }
-.gray       { background-color: #ccc }
-.grayc      { color: #ccc }
-.r			{ text-align: right }
+	font-weight: 		   bold;
+	-moz-border-radius:    5px;
+    -webkit-border-radius: 5px;
+    border-radius:         5px;
+    padding:               4px;
+	padding-left: 		   8px;
+    padding-right:         8px;
+	text-decoration: 	   none
+}
+.message:hover { color: #000 }
+.help:hover    { cursor: pointer }
+.success       { background-color: #cdeb8b }
+.failure       { background-color: #b02b2c }
+.inprogress    { background-color: #ff8 }
+.gray          { background-color: #eee }
+.grayc         { color: #ccc }
+.green         { background-color: #00ff7f }
+.greenc        { color: #008000 }
+.r			   { text-align: right }
+.small         { font-size: 80% }
+