2 files changed, 52 insertions, 8 deletions
diff --git a/views/default/css.php b/views/default/css.php
index 3d92fd2c6..766e147fa 100644
--- a/views/default/css.php
+++ b/views/default/css.php
@@ -1231,13 +1231,13 @@ table.search_gallery {
 .plugin_details a.manifest_details {
 	cursor:pointer;
 	font-size:80%;
-}
-.plugin_details a.pluginsettings_link {
-	cursor:pointer;
-	font-size:80%;
-}
-.pluginsettings {
-	display:none;
+}
+.plugin_details a.pluginsettings_link {
+	cursor:pointer;
+	font-size:80%;
+}
+.pluginsettings {
+	display:none;
 }
 .not-active .admin_plugin_enable_disable a {
 	float:right;
@@ -2146,3 +2146,47 @@ div.ajax_loader {
 	height:33px;
 }
 
+
+/* reusable elgg horizontal tabbed navigation 
+   (used on friends collections, and external pages mod)
+*/
+#elgg_horizontal_tabbed_nav {
+	margin:10px 0 10px 0;
+	padding: 0;
+	border-bottom: 1px solid #cccccc;
+	display:table;
+	width:100%;
+}
+#elgg_horizontal_tabbed_nav ul {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+#elgg_horizontal_tabbed_nav li {
+	float: left;
+	border: 1px solid #ffffff;
+	border-bottom-width: 0;
+	margin: 0;
+}
+#elgg_horizontal_tabbed_nav a {
+	text-decoration: none;
+	display: block;
+	padding: 0.22em 1em;
+	color: #666666;
+	text-align: center;
+}
+#elgg_horizontal_tabbed_nav a:hover {
+	color: #4690d6;
+}
+#elgg_horizontal_tabbed_nav .selected {
+	border-color: #cccccc;
+}
+#elgg_horizontal_tabbed_nav .selected a {
+	position: relative;
+	top: 1px;
+	background: white;
+	color: #4690d6;
+}
+
+
+
diff --git a/views/default/friends/collectiontabs.php b/views/default/friends/collectiontabs.php
index f9b74146c..31ae0eacd 100644
--- a/views/default/friends/collectiontabs.php
+++ b/views/default/friends/collectiontabs.php
@@ -7,7 +7,7 @@
 	
 ?>
 
-<div id="friendsPickerNavigationTabs">
+<div id="elgg_horizontal_tabbed_nav">
 <ul>
 <li class="selected"><a href="#" class="collectionmembers<?php echo $friendspicker . "\">" . elgg_echo('friends:collections:members'); ?></a></li>