diff --git a/rhodecode/public/css/style.css b/rhodecode/public/css/style.css
--- a/rhodecode/public/css/style.css
+++ b/rhodecode/public/css/style.css
@@ -185,6 +185,41 @@ div.options a {
 	border-bottom-right-radius: 8px;
 }
 
+.top-left-rounded-corner-mid {
+    -webkit-border-top-left-radius: 4px;
+    -khtml-border-radius-topleft: 4px;
+    -moz-border-radius-topleft: 4px;
+    border-top-left-radius: 4px;
+}
+
+.top-right-rounded-corner-mid {
+    -webkit-border-top-right-radius: 4px;
+    -khtml-border-radius-topright: 4px;
+    -moz-border-radius-topright: 4px;
+    border-top-right-radius: 4px;
+}
+
+.bottom-left-rounded-corner-mid {
+    -webkit-border-bottom-left-radius: 4px;
+    -khtml-border-radius-bottomleft: 4px;
+    -moz-border-radius-bottomleft: 4px;
+    border-bottom-left-radius: 4px;
+}
+
+.bottom-right-rounded-corner-mid {
+    -webkit-border-bottom-right-radius: 4px;
+    -khtml-border-radius-bottomright: 4px;
+    -moz-border-radius-bottomright: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.help-block {
+    color: #999999;
+    display: block;
+    margin-bottom: 0;
+    margin-top: 5px;
+}
+
 #header {
 	margin: 0;
 	padding: 0 10px;
@@ -197,18 +232,16 @@ div.options a {
 	-moz-border-radius: 0px 0px 8px 8px;
 	border-radius: 0px 0px 8px 8px;
 	height: 37px;
-    background-color: #eedc94;
+    background-color: #003B76;
     background-repeat: repeat-x;
-    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
-        to(#eedc94) );
+    background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) );
     background-image: -moz-linear-gradient(top, #003b76, #00376e);
     background-image: -ms-linear-gradient(top, #003b76, #00376e);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );
     background-image: -webkit-linear-gradient(top, #003b76, #00376e);
     background-image: -o-linear-gradient(top, #003b76, #00376e);
     background-image: linear-gradient(top, #003b76, #00376e);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',
-        endColorstr='#00376e', GradientType=0 );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',endColorstr='#00376e', GradientType=0 );
 	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
 }
 
@@ -260,9 +293,9 @@ div.options a {
 	min-height: 44px;
 	clear: both;
 	position: relative;
-    background-color: #eedc94;
+    background-color: #003B76;
     background-repeat: repeat-x;
-    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),to(#eedc94) );
+    background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) );
     background-image: -moz-linear-gradient(top, #003b76, #00376e);
     background-image: -ms-linear-gradient(top, #003b76, #00376e);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76),color-stop(100%, #00376e) );
@@ -289,6 +322,14 @@ div.options a {
     -moz-border-radius: 0px 0px 0px 0px;
     border-radius: 0px 0px 0px 0px;	
 }
+
+.ie7 #header #header-inner.hover,
+.ie8 #header #header-inner.hover,
+.ie9 #header #header-inner.hover
+{
+    z-index: auto !important;
+}
+
 #header #header-inner #home a {
 	height: 40px;
 	width: 46px;
@@ -997,9 +1038,9 @@ tbody .yui-dt-editable { cursor: pointer
 #content div.box div.title {
 	clear: both;
 	overflow: hidden;
-	background-color: #eedc94;
+	background-color: #003B76;
 	background-repeat: repeat-x;
-	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94) );
+	background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) );
 	background-image: -moz-linear-gradient(top, #003b76, #00376e);
 	background-image: -ms-linear-gradient(top, #003b76, #00376e);
 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );
@@ -1758,33 +1799,21 @@ div.form div.fields div.field div.button
 }
 
 #footer div#footer-inner {
-	background-color: #eedc94; background-repeat : repeat-x;
-	background-image : -khtml-gradient( linear, left top, left bottom,
-	from( #fceec1), to( #eedc94)); background-image : -moz-linear-gradient(
-	top, #003b76, #00376e); background-image : -ms-linear-gradient( top,
-	#003b76, #00376e); background-image : -webkit-gradient( linear, left
-	top, left bottom, color-stop( 0%, #003b76), color-stop( 100%, #00376e));
+	background-color: #003B76; 
+	background-repeat : repeat-x;
+	background-image : -khtml-gradient( linear, left top, left bottom, from(#003B76), to(#00376E)); 
+	background-image : -moz-linear-gradient(top, #003b76, #00376e); 
+	background-image : -ms-linear-gradient( top, #003b76, #00376e); 
+	background-image : -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #003b76), color-stop( 100%, #00376e));
 	background-image : -webkit-linear-gradient( top, #003b76, #00376e));
 	background-image : -o-linear-gradient( top, #003b76, #00376e));
-	background-image : linear-gradient( top, #003b76, #00376e); filter :
-	progid : DXImageTransform.Microsoft.gradient ( startColorstr =
-	'#003b76', endColorstr = '#00376e', GradientType = 0);
+	background-image : linear-gradient( top, #003b76, #00376e); 
+	filter :progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#003b76', endColorstr = '#00376e', GradientType = 0);
 	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
 	-webkit-border-radius: 4px 4px 4px 4px;
 	-khtml-border-radius: 4px 4px 4px 4px;
 	-moz-border-radius: 4px 4px 4px 4px;
 	border-radius: 4px 4px 4px 4px;
-	background-repeat: repeat-x;
-	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
-		to(#eedc94) );
-	background-image: -moz-linear-gradient(top, #003b76, #00376e);
-	background-image: -ms-linear-gradient(top, #003b76, #00376e);
-	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );
-	background-image: -webkit-linear-gradient(top, #003b76, #00376e);
-	background-image: -o-linear-gradient(top, #003b76, #00376e);
-	background-image: linear-gradient(top, #003b76, #00376e);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',
-		endColorstr='#00376e', GradientType=0 );
 }
 
 #footer div#footer-inner p {
@@ -1808,30 +1837,18 @@ div.form div.fields div.field div.button
 	clear: both;
 	overflow: hidden;
 	position: relative;
-	background-color: #eedc94; background-repeat : repeat-x;
-	background-image : -khtml-gradient( linear, left top, left bottom,
-	from( #fceec1), to( #eedc94)); background-image : -moz-linear-gradient(
-	top, #003b76, #00376e); background-image : -ms-linear-gradient( top,
-	#003b76, #00376e); background-image : -webkit-gradient( linear, left
-	top, left bottom, color-stop( 0%, #003b76), color-stop( 100%, #00376e));
+	background-color: #003B76; 
+	background-repeat : repeat-x;
+	background-image : -khtml-gradient( linear, left top, left bottom, from(#003B76), to(#00376E)); 
+	background-image : -moz-linear-gradient( top, #003b76, #00376e); 
+	background-image : -ms-linear-gradient( top, #003b76, #00376e);
+	background-image : -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #003b76), color-stop( 100%, #00376e));
 	background-image : -webkit-linear-gradient( top, #003b76, #00376e));
 	background-image : -o-linear-gradient( top, #003b76, #00376e));
-	background-image : linear-gradient( top, #003b76, #00376e); filter :
-	progid : DXImageTransform.Microsoft.gradient ( startColorstr =
-	'#003b76', endColorstr = '#00376e', GradientType = 0);
+	background-image : linear-gradient( top, #003b76, #00376e); 
+	filter : progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#003b76', endColorstr = '#00376e', GradientType = 0);
 	margin: 0 auto;
 	padding: 0;
-	background-repeat: repeat-x;
-	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
-		to(#eedc94) );
-	background-image: -moz-linear-gradient(top, #003b76, #00376e);
-	background-image: -ms-linear-gradient(top, #003b76, #00376e);
-	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );
-	background-image: -webkit-linear-gradient(top, #003b76, #00376e);
-	background-image: -o-linear-gradient(top, #003b76, #00376e);
-	background-image: linear-gradient(top, #003b76, #00376e);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',
-		endColorstr='#00376e', GradientType=0 );
 }
 
 #login div.inner {
@@ -1908,16 +1925,14 @@ div.form div.fields div.field div.button
     width: 278px;
     
     background-repeat: repeat-x;
-    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
-        to(#eedc94) );
+    background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) );
     background-image: -moz-linear-gradient(top, #003b76, #00376e);
     background-image: -ms-linear-gradient(top, #003b76, #00376e);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );
     background-image: -webkit-linear-gradient(top, #003b76, #00376e);
     background-image: -o-linear-gradient(top, #003b76, #00376e);
     background-image: linear-gradient(top, #003b76, #00376e);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',
-        endColorstr='#00376e', GradientType=0 );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', endColorstr='#00376e', GradientType=0 );
 
 	z-index: 999;
 	-webkit-border-radius: 0px 0px 4px 4px;
@@ -2060,10 +2075,9 @@ div.form div.fields div.field div.button
 	clear: both;
 	overflow: hidden;
 	position: relative;
-    background-color: #eedc94;
+    background-color: #003B76;
     background-repeat: repeat-x;
-    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
-        to(#eedc94) );
+    background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) );
     background-image: -moz-linear-gradient(top, #003b76, #00376e);
     background-image: -ms-linear-gradient(top, #003b76, #00376e);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );
@@ -2794,12 +2808,12 @@ table.code-browser .browser-dir {
 }
 
 .ac .yui-ac {
-	position: relative;
+	position: inherit;
 	font-size: 100%;
 }
 
 .ac .perm_ac {
-	width: 15em;
+	width: 20em;
 }
 
 .ac .yui-ac-input {
@@ -2809,16 +2823,15 @@ table.code-browser .browser-dir {
 .ac .yui-ac-container {
 	position: absolute;
 	top: 1.6em;
-	width: 100%;
+	width: auto;
 }
 
 .ac .yui-ac-content {
 	position: absolute;
-	width: 100%;
 	border: 1px solid gray;
 	background: #fff;
-	overflow: hidden;
 	z-index: 9050;
+	
 }
 
 .ac .yui-ac-shadow {
@@ -2827,7 +2840,7 @@ table.code-browser .browser-dir {
 	background: #000;
 	-moz-opacity: 0.1px;
 	opacity: .10;
-	filter: alpha(opacity =     10);
+	filter: alpha(opacity = 10);
 	z-index: 9049;
 	margin: .3em;
 }
@@ -2836,6 +2849,7 @@ table.code-browser .browser-dir {
 	width: 100%;
 	margin: 0;
 	padding: 0;
+	z-index: 9050;
 }
 
 .ac .yui-ac-content li {
@@ -2843,15 +2857,28 @@ table.code-browser .browser-dir {
 	white-space: nowrap;
 	margin: 0;
 	padding: 2px 5px;
+	height: 18px;
+	z-index: 9050;
+	display: block;
+	width: auto !important;
+}
+
+.ac .yui-ac-content li .ac-container-wrap{
+    width: auto;
 }
 
 .ac .yui-ac-content li.yui-ac-prehighlight {
 	background: #B3D4FF;
+	z-index: 9050;
 }
 
 .ac .yui-ac-content li.yui-ac-highlight {
 	background: #556CB5;
 	color: #FFF;
+	z-index: 9050;
+}
+.ac .yui-ac-bd{
+	z-index: 9050;
 }
 
 .follow {
@@ -3006,17 +3033,14 @@ table.code-browser .browser-dir {
 .error_msg {
 	background-color: #c43c35;
 	background-repeat: repeat-x;
-	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b),
-		to(#c43c35) );
+	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35) );
 	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
 	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
-	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b),
-		color-stop(100%, #c43c35) );
+	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35) );
 	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
 	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
 	background-image: linear-gradient(top, #ee5f5b, #c43c35);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',
-		endColorstr='#c43c35', GradientType=0 );
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35', GradientType=0 );
 	border-color: #c43c35 #c43c35 #882a25;
 }
 
@@ -3024,51 +3048,42 @@ table.code-browser .browser-dir {
 	color: #404040 !important;
 	background-color: #eedc94;
 	background-repeat: repeat-x;
-	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
-		to(#eedc94) );
+	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94) );
 	background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
 	background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
-	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1),
-		color-stop(100%, #eedc94) );
+	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94) );
 	background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
 	background-image: -o-linear-gradient(top, #fceec1, #eedc94);
 	background-image: linear-gradient(top, #fceec1, #eedc94);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1',
-		endColorstr='#eedc94', GradientType=0 );
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0 );
 	border-color: #eedc94 #eedc94 #e4c652;
 }
 
 .success_msg {
 	background-color: #57a957;
 	background-repeat: repeat-x !important;
-	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462),
-		to(#57a957) );
+	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957) );
 	background-image: -moz-linear-gradient(top, #62c462, #57a957);
 	background-image: -ms-linear-gradient(top, #62c462, #57a957);
-	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462),
-		color-stop(100%, #57a957) );
+	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957) );
 	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
 	background-image: -o-linear-gradient(top, #62c462, #57a957);
 	background-image: linear-gradient(top, #62c462, #57a957);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',
-		endColorstr='#57a957', GradientType=0 );
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0 );
 	border-color: #57a957 #57a957 #3d773d;
 }
 
 .notice_msg {
 	background-color: #339bb9;
 	background-repeat: repeat-x;
-	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de),
-		to(#339bb9) );
+	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9) );
 	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
 	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
-	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de),
-		color-stop(100%, #339bb9) );
+	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9) );
 	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
 	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
 	background-image: linear-gradient(top, #5bc0de, #339bb9);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',
-		endColorstr='#339bb9', GradientType=0 );
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0 );
 	border-color: #339bb9 #339bb9 #22697d;
 }
 
@@ -3096,8 +3111,7 @@ table.code-browser .browser-dir {
 }
 
 #msg_close {
-	background: transparent url("../icons/cross_grey_small.png") no-repeat
-		scroll 0 0;
+	background: transparent url("../icons/cross_grey_small.png") no-repeat scroll 0 0;
 	cursor: pointer;
 	height: 16px;
 	position: absolute;
@@ -3105,7 +3119,12 @@ table.code-browser .browser-dir {
 	top: 5px;
 	width: 16px;
 }
-
+div#legend_data{
+	padding-left:10px;
+}
+div#legend_container table{
+	border: none !important;
+}
 div#legend_container table,div#legend_choices table {
 	width: auto !important;
 }
@@ -4115,6 +4134,56 @@ form.comment-inline-form {
     padding:5px 0px 5px 38px;
 }
 
+/****
+  PERMS
+*****/
+#perms .perms_section_head {
+   padding:10px 10px 10px 0px;
+   font-size:16px;
+   font-weight: bold;
+}
+
+#perms .perm_tag{
+  padding: 1px 3px 1px 3px;
+  font-size: 10px;
+  font-weight: bold;
+  text-transform: uppercase;
+  white-space: nowrap;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+
+#perms .perm_tag.admin{
+  background-color: #B94A48;
+  color: #ffffff;
+}
+
+#perms .perm_tag.write{
+  background-color: #B94A48;
+  color: #ffffff;    
+}
+
+#perms .perm_tag.read{
+  background-color: #468847;
+  color: #ffffff;    
+}
+
+#perms .perm_tag.none{
+  background-color: #bfbfbf;
+  color: #ffffff;    
+}
+
+.perm-gravatar{
+	vertical-align:middle;
+	padding:2px;
+}
+.perm-gravatar-ac{
+    vertical-align:middle;
+    padding:2px;
+    width: 14px;
+    height: 14px;	
+}
 
 /*****************************************************************************
                                   DIFFS CSS