--- a/web/res/css/tweetcast.css	Mon Feb 13 12:47:01 2012 +0100
+++ b/web/res/css/tweetcast.css	Tue Feb 14 14:17:43 2012 +0100
@@ -175,7 +175,7 @@
 a#sendTweet {
     background: transparent url('../../images/bg_button_a_w.png') no-repeat top right;
     color: #444; display: block; font-size: 12px; height: 24px; line-height: 14px;
-    float:right; margin-left: 50px; padding: 0 18px 0 0; text-decoration: none;
+    float:right; margin: 2px 0 0 5px; padding: 0 18px 0 0; text-decoration: none;
 }
 a#sendTweet span {
     background: transparent url('../../images/bg_button_span_w.png') no-repeat; display: block; height: 14px;
@@ -187,26 +187,59 @@
 a#sendTweet:hover span, a#sendTweet:active span {
     background-position: 0 -24px;
 }
-a.tweetButton { 
-    float:right; margin: 2px 10px 0 0; width:32px; height:20px; text-decoration: none; font: normal 12px;
-    color: #444; text-align:center; cursor: pointer; cursor: hand;
+.tweetButton { 
+    float:left; margin: 2px 8px 0 0; width:75px; height:24px; text-decoration: none;
+    background: url('twcx-img/tweetbuttons.png');
+    color: #333; text-align:center; cursor: pointer; cursor: hand; 
+}
+.twbSyntax {
+    font-weight: normal; font-size: 14px;
+}
+.twbSeparator {
+    color: #999; font-size: 12px;
 }
-
-#question {
-    background: transparent url('../../images/bt_blue.png') no-repeat;
+.twbLabel {
+    font-weight: bold; font-size: 10px;
+}
+.tweetButton.twbGreen {
+    background-position: 0 0;
+}
+.tweetButton.twbGreen.selected {
+    background-position: 0 -48px;
+}
+.tweetButton.twbGreen:hover {
+    background-position: 0 -24px;
+}
+.tweetButton.twbRed {
+    background-position: -75px 0;
 }
-#reference{
-    background: transparent url('../../images/bt_yellow.png') no-repeat;
+.tweetButton.twbRed.selected {
+    background-position: -75px -48px;
+}
+.tweetButton.twbRed:hover {
+    background-position: -75px -24px;
 }
-#positive{
-    background: transparent url('../../images/bt_green.png') no-repeat;
+.tweetButton.twbYellow {
+    background-position: -150px 0;
+}
+.tweetButton.twbYellow.selected {
+    background-position: -150px -48px;
 }
-#negative{
-    background: transparent url('../../images/bt_red.png') no-repeat;
+.tweetButton.twbYellow:hover {
+    background-position: -150px -24px;
+}
+.tweetButton.twbBlue {
+    background-position: -225px 0;
 }
-
+.tweetButton.twbBlue.selected {
+    background-position: -225px -48px;
+}
+.tweetButton.twbBlue:hover {
+    background-position: -225px -24px;
+}
 #tweetCounter{
-    float: left; background: transparent; border: none;font-weight:bold; margin-top: 2px; padding: 0;
+    float: right; background: transparent; border: none; font-size: 13px;
+    font-weight:bold; margin: 4px 0 0; padding: 0; color: #666;
 }
 .tweetCounterNegative{
     color:red;