--- a/css/taggingtext.css	Thu Apr 23 17:08:31 2015 +0200
+++ b/css/taggingtext.css	Wed Jun 03 10:49:00 2015 +0200
@@ -1,18 +1,56 @@
 .bg-danger{
 	background-color: #FFD1D1;
+	margin: 5 5 5 5;
 }
 
 .bg-warning{
 	background-color: #FFFF99;
+	margin: 5 5 5 5;
 }
-
+.bg-success{
+	background-color: #ADFAAA;
+	margin: 5 5 5 5;
+}
 .bg-info{
 	background-color: #E7F3FF;
-
+	margin: 5 5 5 5;
 }
 .bg-default{
 	background-color: #F4F4F4;
+	margin: 5 5 5 5;
 }
+.bg-white{
+	background-color: white;
+	margin: 5 5 5 5;
+}
+/*
+.btn-xs{
+	height: 25px;
+	width: 60px;
+}
+.btn-sm{
+	height: 35px; 
+	width: 70px;
+}
+.btn-md{
+	height: 35px;
+	width: 110px;
+}
+.btn-lg{
+	height: 35px; 
+	width: 220px;
+}
+
+*/
+.tool-frame .btn{
+	background-color: #F4F4F4;
+}
+
+.btn:hover {
+	border: 2px solid #A1A1A1;
+    border-radius: 4px;
+}
+
 
 .info-board{
 	margin:10 30 10 30;
@@ -21,18 +59,32 @@
 	min-width: 680px;
 	border: 2px solid #A1A1A1;
     border-radius: 4px;
-	height:70px;
+	max-height:70px;
 	overflow:scroll;
 	overflow-x:hidden;
 }
+
+
 #follow-scroll {
 	position:absolute; 
 	height:680px; 
 	overflow:scroll; 
 	margin:0 5 15 5; 
 	max-width:280px; 
-	border: 1px solid #A1A1A1;
-	border-radius: 4px;
+}
+
+.tool-frame{
+	background-color: white;
+	border: 2px solid #A1A1A1;
+	border-radius: 3px;
+	padding: 5px;
+}
+.tool-topic {
+	background-color: #E7F3FF;
+	border-radius: 3px;
+}
+.tool-topic:hover{
+	border: 2px solid #E7F3FF;
 }
 
 .popup-frame {
@@ -45,26 +97,44 @@
 }
 
 .popup-regex {
-	left: -400px;
-	width: 400px;
+	left: -450px;
+	width: 450px;
 	height: 300px;
-	top: 100px;
+	top: 120px;
 	z-index: 2;
 }
 
 .popup-loadregex{
 	left: -300px;
 	width: 300px;
-	height: 70px;
+	height: 85px;
 	top: 100px;
-	z-index: 2;
+	z-index: 3;
 
 }
 
 .popup-topic {
-	left: -200px;
-	width: 200px;
-	height: 50px;
+	left: -250px;
+	width: 250px;
+	height: 80px;
 	top: 20px;
 	z-index: 2;
 }
+
+.tagItemDivClass {
+	position:absolute; 
+	background-color: white; 
+	border: 2px solid #A1A1A1;
+	border-radius: 4px;	
+	padding: 5px; 
+	z-index:5;
+}
+
+.questionMarkClass {
+	position:absolute; 
+	background-color: white; 
+	border: 2px solid #A1A1A1;
+	border-radius: 4px;	
+	padding: 5px; 
+	z-index:4;
+}