diff --git a/assets/components/babel/css/babel.css b/assets/components/babel/css/babel.css
index 94421d5..cc62879 100644
--- a/assets/components/babel/css/babel.css
+++ b/assets/components/babel/css/babel.css
@@ -1,69 +1,80 @@
 /**
  * Babel CSS file
  * 
- * @author Jakob Class <jakob.class@class-zec.de>
+ * @author Jakob Class <jakob.class@class-zec.de> + Menno Pietersen <info@anyscreensize.com>
  *
  * @package babel
  */
 #babel-box{
-    background: rgba(224, 224, 224, 0.75);
-    margin:15px 0 0;
-    padding:10px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
+    background-color: rgba(230,230,230,.7);
+    margin: 15px 0 0;
+    padding: 0 5px 5px 5px;
+    -moz-border-bottom-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    -moz-border-bottom-left-radius: 3px;
+    border-bottom-left-radius: 3px;
     /*display: inline-block; */
     position: fixed;
-    top: 124px;
-    right: 20px;
+	top: 94px;
+	right: 30px;
     z-index: 12;
 }
 #babel-box a{
 	display:block;
 	padding:5px 12px 4px 12px;
-	background:#779937;
-	color:white;
+	background-color:#fff;
+	color: #555;
 	text-decoration:none;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
-	text-shadow: 0 2px 1px #666;
+	text-shadow: none;
 }
 
 #babel-box div.selected a{
-	background:#666;
+	background-color: #32ab9a;
+	background-image: -webkit-linear-gradient(#32ab9a,#00948e);
+	background-image: -webkit-gradient(linear,left top,left bottom,from(#32ab9a),to(#00948e));
+	background-image: linear-gradient(#32ab9a,#00948e);
+	color: #fff;
+}
+#babel-box div.selected a:hover {
+	background-color: #32ab9a;
+	background-image: -webkit-linear-gradient(#32ab9a,#00948e);
+	background-image: -webkit-gradient(linear,left top,left bottom,from(#32ab9a),to(#00948e));
+	background-image: linear-gradient(#32ab9a,#00948e);
+	color: #fff;
+	cursor: default;
 }
 #babel-box div.notset a{
-	background:#999;
+	background-color: rgba(230,230,230,.7);
 	cursor:default;
+	color: #555;
 }
 #babel-box a:hover{
-	background:#628f2c;
+	background:#3697cd;
+	color: #fff;
 }
 #babel-box div.notset a:hover{
-	background:#999;
+	background:#3697cd;
+	color: #fff;
 }
 #babel-box div.babel-language {
 	position: relative;
 	float:left;
-	margin:0 12px 0 0;
+	margin:0 6px 0 0;
 }
 #babel-box div.babel-language-layer {
 	z-index: 1000;
 	display: none;
 	position: absolute;
-	top: 24px;
+	top: 27px;
 	right: 0;
 	padding:11px;
-	background:#ddd;
-	border: 1px solid #ccc;
-	-moz-border-radius: 4px;
-	border-radius: 4px;
-	-moz-box-shadow: 2px 2px 3px #666;
-	-webkit-box-shadow: 2px 2px 3px #666;
-	box-shadow: 2px 2px 3px #666;
-	/* For IE 8 */
-	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')";
-	/* For IE 5.5 - 7 */
-	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666');
+	background:rgba(230,230,230,1);
+	-moz-border-bottom-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    -moz-border-bottom-left-radius: 3px;
+    border-bottom-left-radius: 3px;
 }
 #babel-box input.x-form-text {
 	padding: 0 2px;