Ticket #6290: 6290.css.05

Index: src/bp-core/css/avatar.css
===================================================================
--- src/bp-core/css/avatar.css  (revision 9802)
+++ src/bp-core/css/avatar.css  (working copy)
@@ -20,7 +20,7 @@
        color: #800;
 }
 
-.progress {
+bp-avatar .bp-progress {
        background: none;
        border: 1px solid #d1d1d1;
        float: right;
@@ -33,7 +33,7 @@
        width: 200px;
 }
 
-.bar {
+.bp-avatar .bp-bar {
        background-color: #c3ff88;
        width: 0;
        height: 100%;
@@ -72,7 +72,7 @@
 }
 
 .bp-avatar-nav .avatar-nav-items li.avatar-nav-item {
-       float: left;
+       float: left !important;
        margin: 0;
        list-style: none;
 }
@@ -83,11 +83,35 @@
        text-decoration: none;
 }
 
-.avatar-nav-items li.current a {
-       background-color: #eee;
-       color: #555;
+.bp-avatar-nav ul:before,
+.bp-avatar-nav ul:after {
+       content: " ";
+       display: table;
+}
+
+.bp-avatar-nav ul:after {
+       clear: both;
+}
+
+.bp-avatar-nav ul {
+       border-bottom: 1px solid #ccc;
+       margin-bottom: 10px;
+}
+
+.bp-avatar-nav ul.avatar-nav-items li.current {
+       border: 1px solid #ccc;
+       border-bottom-color: #fff;
+       border-top-left-radius: 4px;
+       border-top-right-radius: 4px;
+       margin-bottom: -1px;
+}
+
+.bp-avatar-nav li.current a {
+       background: none;
+       color: inherit;
        font-weight: bold;
        opacity: 0.8;
+       outline: 0;
 }
 
 #drag-drop-area {