Updated Groups to the new interface. Some view clean-up & simplification done.

git-svn-id: http://code.elgg.org/elgg/trunk@5348 36083f99-b078-4883-b0ff-0f9b5a30f544

14 files changed, 261 insertions, 589 deletions

diff --git a/mod/groups/views/default/groups/closedmembership.php b/mod/groups/views/default/groups/closedmembership.php
index 34e4169eb..e714602f1 100644
--- a/mod/groups/views/default/groups/closedmembership.php
+++ b/mod/groups/views/default/groups/closedmembership.php
@@ -10,6 +10,4 @@
 	 */
 
 ?>
-<div id="groups_closed_membership">
-	<p><?php echo elgg_echo('groups:closedgroup'); ?></p>
-</div>
\ No newline at end of file
+<p class="margin_top"><?php echo elgg_echo('groups:closedgroup'); ?></p>
diff --git a/mod/groups/views/default/groups/css.php b/mod/groups/views/default/groups/css.php
index 77568b0be..f1030243b 100644
--- a/mod/groups/views/default/groups/css.php
+++ b/mod/groups/views/default/groups/css.php
@@ -10,366 +10,113 @@
  */
 
 ?>
-
-/*
-#content_area_group_title h2 {
-	color:#0054A7;
-	font-size:1.35em;
-	line-height:1.2em;
-	margin:0 0 0 8px;
-	padding:5px;
-}
-#topic_posts #content_area_group_title h2 {
-	margin:0 0 0 0;
-}
-*/
-
-#two_column_left_sidebar_maincontent #owner_block_content {
-	margin:0 0 10px 0 !important;
-}
-
-#groups_info_column_left {
-	width:435px;
-	margin-left:230px;
-	margin-right:10px;
-}
-
-#groups_info_column_left .odd {
-	background:#E9E9E9;
-	-webkit-border-radius: 5px; 
-	-moz-border-radius: 5px;
-}
-#groups_info_column_left .even {
-	background:#E9E9E9;
-	-webkit-border-radius: 5px; 
-	-moz-border-radius: 5px;
-}
-#groups_info_column_left p {
-	margin:0 0 7px 0;
-	padding:2px 4px;
-}
-
-#groups_info_column_right {
-	float:left;
-	width:230px;
-	margin:0 0 0 10px;
-}
-#groups_info_wide p {
-	text-align: right;
-	padding-right:10px;
-}
-#group_stats {
-	width:190px;
-	background: #e9e9e9;
-	padding:5px;
-	margin:10px 0 20px 0;
-	-webkit-border-radius: 5px; 
-	-moz-border-radius: 5px;
-}
-#group_stats p {
-	margin:0;
+/* group listings */
+.group_count {
+	float:right;
 }
-#group_members {
-	margin:10px 0;
+.group_listings {
+	/* wraps group lists on 
+	latest discussion, newest, popular */
 }
-
-#right_column {
-	clear:left;
+.entity_subtext.groups {
 	float:right;
-	width:340px;
-	margin:0 10px 0 0;
+	width:300px;
+	text-align: right;
+	margin-left: 10px;
 }
-#left_column {
-	width:340px;
-	float:left;
-	margin:0 10px 0 10px;
-
+.entity_listing.topic:hover {
+	background-color: white;
 }
 
 
-.member_icon {
-	margin:6px 6px 0 0;
-	float:left;
+/* group invitations */
+.group_invitations a.action_button,
+.group_invitations a.submit_button {
+	float:right;
+	margin:0 0 0 14px;
 }
 
-/* all browsers - force tinyMCE on edit comments to be full-width */
-.edit_forum_comments .defaultSkin table.mceLayout {
-	width: 636px !important;
-}
 
-/* topics overview page */
-#forum_topics {
-    padding:10px;
-    margin:0 10px 0 10px;
-    background:white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;    
-}
-/* topics individual view page */
-#topic_posts {
-	margin:0 10px 5px 10px;
-}
-#topic_posts #pages_breadcrumbs {
-	margin:2px 0 0 0px;
-}
-#topic_posts form {
-    padding:10px;
-    margin:30px 0 0 0;
-    background:white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px; 
-}
-.topic_post {
-	padding:10px;
-    margin:0 0 5px 0;
-    background:white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;  
-}
-.topic_post .post_icon {
-    float:left;
-    margin:0 8px 4px 0;
+/* GROUPS SIDEBAR ELEMENTS */
+#groupsearchform .search_input {
+	width:196px;
 }
-.topic_post h2 {
-    margin-bottom:20px;
+.featured_group {
+	margin-bottom:15px;
 }
-.topic_post p.topic-post-menu {
-	margin:0;
+.featured_group .usericon {
+	float:left;
+	margin-right:10px;
 }
-.topic_post p.topic-post-menu a.collapsibleboxlink {
-	padding-left:10px;
+.featured_group p.entity_title {
+	margin-bottom:0;
 }
-.topic_post table, .topic_post td {
-    border:none;
+.member_icon {
+	margin:6px 6px 0 0;
+	float:left;
 }
 
-/* group latest discussions widget */
-#latest_discussion_widget {
-	margin:0 0 20px 0;
-	background:white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
-}
-/* group files widget */
-#filerepo_widget_layout {
-	margin:0 0 20px 0;
-	padding: 0 0 5px 0;
-	background:white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
-}
-/* group pages widget */
-#group_pages_widget {
-	margin:0 0 20px 0;
-	padding: 0 0 5px 0;
-	background:white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
-}
-#group_pages_widget .search_listing {
-	border: 2px solid #cccccc;
-}
-#right_column .filerepo_widget_singleitem {
-	background: #dedede !important;
-	margin:0 10px 5px 10px;
-}
-#left_column .filerepo_widget_singleitem {
-	background: #dedede !important;
-	margin:0 10px 5px 10px;
-}
-.forum_latest {
-	margin:5px 0 5px 0;
-	background: #dedede;
-	padding:5px;
-   	-webkit-border-radius: 4px; 
-	-moz-border-radius: 4px;
-}
-.forum_latest:hover {
 
-}
-.forum_latest .topic_owner_icon {
+/* GROUP PROFILE PAGE (a groups homepage) */
+.group_profile_column {
 	float:left;
+	margin-top:10px;
 }
-.forum_latest .topic_title {
-	margin-left:35px;
+.group_profile_column.icon {
+	width:200px;
 }
-.forum_latest .topic_title p {
-	line-height: 1.0em;
-    padding:0;
-    margin:0;
-    font-weight: bold;
+.group_profile_column.info {
+	width:510px;
+	margin-left:20px;
 }
-.forum_latest p.topic_replies {
-    padding:3px 0 0 0;
-    margin:0;
-    color:#666666;
+.group_profile_icon {
+	width:200px;
+	height:200px;
 }
-.add_topic {
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
-	background:white;
-	margin:5px 10px;
-	padding:10px 10px 10px 6px;
-}
-
-a.add_topic_button {
-	font: 12px/100% Arial, Helvetica, sans-serif;
-	font-weight: bold;
-	color: white;
-	background:#4690d6;
-	border:none;
+.group_stats {
+	background: #eeeeee;
+	padding:5px;
+	margin-top:10px;
 	-webkit-border-radius: 5px; 
 	-moz-border-radius: 5px;
-	width: auto;
-	height: auto;
-	padding: 3px 6px 3px 6px;
-	margin:0;
-	cursor: pointer;
-}
-a.add_topic_button:hover {
-	background: #0054a7;
-	color:white;
-	text-decoration: none;
-}
-
-
-
-/* latest discussion listing */
-.latest_discussion_info {
-	float:right;
-	width:300px;
-	text-align: right;
-	margin-left: 10px;
-}
-.groups .search_listing br {
-	height:0;
-	line-height:0;
 }
-span.timestamp {
-	color:#666666;
-	font-size: 90%;
-}
-.latest_discussion_info .timestamp {
-	font-size: 0.85em;
-}
-/* new groups page */
-.groups .search_listing {
-	border:2px solid #cccccc;
-	margin:0 0 5px 0;
-}
-.groups .search_listing:hover {
-	background:#dedede;
-}
-.groups .group_count {
-	font-weight: bold;
-	color: #666666;
-	margin:0 0 5px 4px;
-}
-.groups .search_listing_info {
-	color:#666666;
-}
-.groupdetails {
-	float:right;
-}
-.groupdetails p {
+.group_stats p {
 	margin:0;
-	padding:0;
-	line-height: 1.1em;
-	text-align: right;
-}
-#groups_closed_membership {
-	margin:0 10px 20px 10px;
-	padding: 3px 5px 5px 5px;
-	background:#bbdaf7;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;	
-}
-#groups_closed_membership p {
-	margin:0;
-}
-
-/* groups membership widget */
-.groupmembershipwidget .contentWrapper {
-	margin:0 10px 5px 10px;
 }
-.groupmembershipwidget .contentWrapper .groupicon {
-	float:left;
-	margin:0 10px 0 0;
+.group_profile_column .odd,
+.group_profile_column .even {
+	background:#f4f4f4;
+	-webkit-border-radius: 4px; 
+	-moz-border-radius: 4px;
+	padding:2px 4px;
+	margin:0 0 7px;
 }
-.groupmembershipwidget .search_listing_info p {
-	color: #666666;
+.group_profile.forum_latest {
+	margin-top:20px;
 }
-.groupmembershipwidget .search_listing_info span {
-	font-weight: bold;
+.group_profile.forum_latest h3 {
+	border-bottom:1px solid #CCCCCC;
+	padding-bottom:5px;
 }
-
-/* groups sidebar */
-.featuredgroups .contentWrapper {
-	margin:0 0 10px 0;
+.group_profile_column.right {
+	float:right;
+	width:350px;
+	margin-top:20px;
 }
-.featuredgroups .contentWrapper .groupicon {
+.group_profile_column.left {
+	width:350px;
 	float:left;
-	margin:0 10px 0 0;
-}
-.featuredgroups .contentWrapper p {
-	margin: 0;
-	line-height: 1.2em;
-	color:#666666;
-}
-.featuredgroups .contentWrapper span {
-	font-weight: bold;
-}
-#groupssearchform {
-	border-bottom: 1px solid #cccccc;
-	margin-bottom: 10px;
-}
-#groupssearchform input[type="submit"] {
-	padding:2px;
-	height:auto;
-	margin:4px 0 5px 0;
-}
-.sidebarBox #owner_block_submenu {
-	margin:5px 0 0 0;
+	margin-top:20px;
 }
 
-/* delete post */
-.delete_discussion {
-	
-}
-.delete_discussion a {
-	display:block;
-	float:right;
-	cursor: pointer;
-	width:14px;
-	height:14px;
-	margin:0;
-	background: url("<?php echo $vars['url']; ?>_graphics/icon_customise_remove.png") no-repeat 0 0;
-}
-.delete_discussion a:hover {
-	background-position: 0 -16px;
-	text-decoration: none;
-}
-/* IE6 */
-* html .delete_discussion a { font-size: 1px; }
-/* IE7 */
-*:first-child+html .delete_discussion a { font-size: 1px; }
 
-/* delete group button */
-#delete_group_option input[type="submit"] {
-	background:#dedede;
-	border-color:#dedede;
-	color:#333333; 
-	margin:0;
-	float:right;
-	clear:both;
+/* Group forum */
+.topic .link {
+	color:#aaaaaa;
+	margin-right:10px;
 }
-#delete_group_option input[type="submit"]:hover {
-	background:red;
-	border-color:red;
-	color:white;
+.topic .entity_metadata .delete_button {
+	margin-top:3px;
 }
 
-#groupsearchform .search_input {
-	width:176px;
-}
 
diff --git a/mod/groups/views/default/groups/featured.php b/mod/groups/views/default/groups/featured.php
index 6e85bf5d8..e811642f8 100644
--- a/mod/groups/views/default/groups/featured.php
+++ b/mod/groups/views/default/groups/featured.php
@@ -6,7 +6,6 @@
 	 
 	
 ?>
-<div class="sidebarBox featuredgroups">
 <h3><?php echo elgg_echo("groups:featured"); ?></h3>
 
 <?php
@@ -15,15 +14,12 @@
 		foreach($vars['featured'] as $group){
 			$icon = elgg_view(
 				"groups/icon", array(
-									'entity' => $group,
-									'size' => 'small',
-								  )
-				);
+				'entity' => $group,
+				'size' => 'tiny',
+			));
 				
-			echo "<div class=\"contentWrapper\">" . $icon . " <p><span>" . $group->name . "</span><br />";
-			echo $group->briefdescription . "</p><div class=\"clearfloat\"></div></div>";
-			
+			echo "<div class='featured_group'>".$icon."<p class='entity_title clearfloat'><a href=\"" . $group->getUrl() . "\">" . $group->name . "</a></p>";
+			echo "<p class='entity_subtext'>" . $group->briefdescription . "</p></div>";
 		}
 	}
 ?>
-</div>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/find.php b/mod/groups/views/default/groups/find.php
index 671d618bc..5032a74fb 100644
--- a/mod/groups/views/default/groups/find.php
+++ b/mod/groups/views/default/groups/find.php
@@ -7,7 +7,6 @@
 $tag_string = elgg_echo('groups:search:tags');
 	 
 ?>
-<div class="sidebarBox">
 <h3><?php echo elgg_echo('groups:searchtag'); ?></h3>
 <form id="groupsearchform" action="<?php echo $vars['url']; ?>pg/search/" method="get">
 	<input type="text" name="tag" value="<?php echo $tag_string; ?>" onclick="if (this.value=='<?php echo $tag_string; ?>') { this.value='' }" class="search_input" />
@@ -16,5 +15,4 @@ $tag_string = elgg_echo('groups:search:tags');
 	<input type="hidden" name="tagtype" value="" />
 	<input type="hidden" name="owner_guid" value="0" />
 	<input type="submit" value="<?php echo elgg_echo('go'); ?>" />
-</form>
-</div>
\ No newline at end of file
+</form>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/forum_latest.php b/mod/groups/views/default/groups/forum_latest.php
index 6baa8a575..d00dc4443 100644
--- a/mod/groups/views/default/groups/forum_latest.php
+++ b/mod/groups/views/default/groups/forum_latest.php
@@ -1,14 +1,11 @@
 <?php
  
-    // Latest forum discussion for the group home page
-
-    //check to make sure this group forum has been activated
-    if($vars['entity']->forum_enable != 'no'){
+// Latest forum discussion for the group home page
 
+//check to make sure this group forum has been activated
+if($vars['entity']->forum_enable != 'no'){
 ?>
-
-<div class="contentWrapper">
-<h2><?php echo elgg_echo('groups:latestdiscussion'); ?></h2>
+<h3><?php echo elgg_echo('groups:latestdiscussion'); ?></h3>
 <?php
 	
     $forum = elgg_get_entities_from_annotations(array('types' => 'object', 'subtypes' => 'groupforumtopic', 'annotation_names' => 'group_topic_post', 'container_guid' => $vars['entity']->guid, 'limit' => 4, 'order_by' => 'maxtime desc'));
@@ -18,21 +15,16 @@
         	    
                 $count_annotations = $f->countAnnotations("group_topic_post");
                  
-        	    echo "<div class=\"forum_latest\">";
-        	    echo "<div class=\"topic_owner_icon\">" . elgg_view('profile/icon',array('entity' => $f->getOwnerEntity(), 'size' => 'tiny', 'override' => true)) . "</div>";
-    	        echo "<div class=\"topic_title\"><p><a href=\"{$vars['url']}mod/groups/topicposts.php?topic={$f->guid}&group_guid={$vars['entity']->guid}\">" . $f->title . "</a></p> <p class=\"topic_replies\"><small>".elgg_echo('groups:posts').": " . $count_annotations . "</small></p></div>";
-    	        	
+        	    echo "<div class='entity_listing clearfloat'>";
+        	    echo "<div class='entity_listing_icon'>" . elgg_view('profile/icon',array('entity' => $f->getOwnerEntity(), 'size' => 'tiny', 'override' => true)) . "</div>";
+    	        echo "<div class='entity_listing_info'><p class='entity_title'><a href=\"{$vars['url']}mod/groups/topicposts.php?topic={$f->guid}&group_guid={$vars['entity']->guid}\">" . $f->title . "</a></p>";
+    	        echo "<p class='entity_subtext'>".elgg_echo('groups:posts').": " . $count_annotations . "</p></div>";
     	        echo "</div>";
     	        
         }
     } else {
-		echo "<div class=\"forum_latest\">";
-		echo elgg_echo("grouptopic:notcreated");
-		echo "</div>";
+		echo "<p class='margin_top'>".elgg_echo("grouptopic:notcreated")."</p>";
     }
-?>
-<div class="clearfloat" /></div>
-</div>
-<?php
-	}//end of forum active check
+
+}//end of forum active check
 ?>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/group_sort_menu.php b/mod/groups/views/default/groups/group_sort_menu.php
index 6c7ec3359..66569ba1e 100644
--- a/mod/groups/views/default/groups/group_sort_menu.php
+++ b/mod/groups/views/default/groups/group_sort_menu.php
@@ -15,14 +15,10 @@
 
 ?>
 <div class="elgg_horizontal_tabbed_nav margin_top">
+<div class="group_count"><?php echo $num_groups . " " . elgg_echo("groups:count"); ?></div>
 <ul>
 	<li <?php if($filter == "active") echo "class='selected'"; ?>><a href="<?php echo $url; ?>?filter=active"><?php echo elgg_echo('groups:latestdiscussion'); ?></a></li>
 	<li <?php if($filter == "newest") echo "class='selected'"; ?>><a href="<?php echo $url; ?>?filter=newest"><?php echo elgg_echo('groups:newest'); ?></a></li>
 	<li <?php if($filter == "pop") echo "class='selected'"; ?>><a href="<?php echo $url; ?>?filter=pop"><?php echo elgg_echo('groups:popular'); ?></a></li>
 </ul>
 </div>
-<div class="group_count">
-	<?php
-		echo $num_groups . " " . elgg_echo("groups:count");
-	?>
-</div>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/groupgallery.php b/mod/groups/views/default/groups/groupgallery.php
deleted file mode 100644
index 7122dc098..000000000
--- a/mod/groups/views/default/groups/groupgallery.php
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-	/**
-	 * Elgg groups plugin gallery view
-	 * 
-	 * @package ElggGroups
-	 * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
-	 * @author Curverider Ltd
-	 * @copyright Curverider Ltd 2008-2010
-	 * @link http://elgg.com/
-	 */
-
-	$icon = elgg_view(
-			"groups/icon", array(
-									'entity' => $vars['entity'],
-									'size' => 'large',
-								  )
-		);
-
-	$info .= "<p><b><a href=\"" . $vars['entity']->getUrl() . "\">" . $vars['entity']->name . "</a></b></p>";
-	
-	// num users, last activity, owner etc
-	
-	
-	echo elgg_view('search/gallery_listing',array('icon' => $icon, 'info' => $info));
-?>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/grouplisting.php b/mod/groups/views/default/groups/grouplisting.php
index d25eaff56..2b6887736 100644
--- a/mod/groups/views/default/groups/grouplisting.php
+++ b/mod/groups/views/default/groups/grouplisting.php
@@ -1,31 +1,34 @@
 <?php
-	/**
-	 * Elgg user display (small)
-	 *
-	 * @package ElggGroups
-	 * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
-	 * @author Curverider Ltd
-	 * @copyright Curverider Ltd 2008-2010
-	 * @link http://elgg.com/
-	 *
-	 * @uses $vars['entity'] The user entity
-	 */
+/**
+ * Elgg user display (small)
+ *
+ * @package ElggGroups
+ * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
+ * @author Curverider Ltd
+ * @copyright Curverider Ltd 2008-2010
+ * @link http://elgg.com/
+ *
+ * @uses $vars['entity'] The user entity
+ */
 
-	$icon = elgg_view(
-			"groups/icon", array(
-									'entity' => $vars['entity'],
-									'size' => 'small',
-								)
-		);
+$icon = elgg_view(
+		"groups/icon", array(
+		'entity' => $vars['entity'],
+		'size' => 'tiny',
+));
 
-	//get the membership type
-	$membership = $vars['entity']->membership;
-	if($membership == 2)
-		$mem = elgg_echo("groups:open");
-	else
-		$mem = elgg_echo("groups:closed");
+//get the membership type
+$membership = $vars['entity']->membership;
+if($membership == 2) {
+	$mem = elgg_echo("groups:open");
+} else {
+	$mem = elgg_echo("groups:closed");
+}
 
-	//for admins display the feature or unfeature option
+$info .= "<p class='entity_subtext groups'>" . $mem . " / <b>" . get_group_members($vars['entity']->guid, 10, 0, 0, true) ."</b> " . elgg_echo("groups:member");
+
+//for admins only - display the feature or unfeature option
+if(isadminloggedin()) {
 	if($vars['entity']->featured_group == "yes"){
 		$url = elgg_add_action_tokens_to_url($vars['url'] . "action/groups/featured?group_guid=" . $vars['entity']->guid . "&action=unfeature");
 		$wording = elgg_echo("groups:makeunfeatured");
@@ -33,17 +36,14 @@
 		$url = elgg_add_action_tokens_to_url($vars['url'] . "action/groups/featured?group_guid=" . $vars['entity']->guid . "&action=feature");
 		$wording = elgg_echo("groups:makefeatured");
 	}
+	// display 'make featured' option
+	$info .= "<br /><a href=\"{$url}\">{$wording}</a>";
+}
 
-	$info .= "<div class=\"groupdetails\"><p>" . $mem . " / <b>" . get_group_members($vars['entity']->guid, 10, 0, 0, true) ."</b> " . elgg_echo("groups:member") . "</p>";
-	//if admin, show make featured option
-	if(isadminloggedin())
-		$info .= "<p><a href=\"{$url}\">{$wording}</a></p>";
-	$info .= "</div>";
-	$info .= "<p><b><a href=\"" . $vars['entity']->getUrl() . "\">" . $vars['entity']->name . "</a></b></p>";
-	$info .= "<p class=\"owner_timestamp\">" . $vars['entity']->briefdescription . "</p>";
-
-	// num users, last activity, owner etc
+$info .= "</p>";
+$info .= "<p class='entity_title'><a href=\"" . $vars['entity']->getUrl() . "\">" . $vars['entity']->name . "</a></p>";
+$info .= "<p class='entity_subtext'>" . $vars['entity']->briefdescription . "</p>";
 
-	echo elgg_view_listing($icon, $info);
+echo elgg_view_listing($icon, $info);
 
 ?>
diff --git a/mod/groups/views/default/groups/groupprofile.php b/mod/groups/views/default/groups/groupprofile.php
index 426eaeae6..5232e9a6f 100644
--- a/mod/groups/views/default/groups/groupprofile.php
+++ b/mod/groups/views/default/groups/groupprofile.php
@@ -1,102 +1,85 @@
 <?php
-	/**
-	 * Elgg groups plugin full profile view.
-	 *
-	 * @package ElggGroups
-	 * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
-	 * @author Curverider
-	 * @copyright Curverider Ltd 2008-2010
-	 * @link http://elgg.com/
-	 */
-
-	if ($vars['full'] == true) {
-		$iconsize = "large";
-	} else {
-		$iconsize = "medium";
-	}
-
+/**
+ * Elgg groups plugin full profile view.
+ *
+ * @package ElggGroups
+ * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
+ * @author Curverider
+ * @copyright Curverider Ltd 2008-2010
+ * @link http://elgg.com/
+ */
 ?>
+<div id="content_header" class="clearfloat">
+	<div class="content_header_title">
+		<h2><?php echo $vars['entity']->name; ?></h2>
+	</div>
+	<?php
+		if ($vars['entity']->canEdit())	{
+	?>
+		<div class="content_header_options">
+			<a class="action_button" href="<?php echo $vars['url']; ?>mod/groups/edit.php?group_guid=<?php echo $vars['entity']->getGUID(); ?>"><?php echo elgg_echo("groups:edit"); ?></a>
+		</div>
+	<?php
+		}
+	?>
+</div>
 
-<div id="groups_info_column_right"><!-- start of groups_info_column_right -->
-	<div id="groups_icon_wrapper" class="margin_top"><!-- start of groups_icon_wrapper -->
-
+<div class="group_profile clearfloat">
+	<div class="group_profile_column icon">
+		<div class="group_profile_icon">
 		<?php
-			echo elgg_view(
-					"groups/icon", array(
-												'entity' => $vars['entity'],
-												//'align' => "left",
-												'size' => $iconsize,
-											)
-					);
+		echo elgg_view(
+			"groups/icon", array(
+			'entity' => $vars['entity'],
+			'size' => 'large',
+			));
 		?>
-
-	</div><!-- end of groups_icon_wrapper -->
-	<div id="group_stats"><!-- start of group_stats -->
+		</div>
+		
+		<div class="group_stats">
+			<?php
+				echo "<p><b>" . elgg_echo("groups:owner") . ": </b><a href=\"" . get_user($vars['entity']->owner_guid)->getURL() . "\">" . get_user($vars['entity']->owner_guid)->name . "</a></p>";
+			?>
+			<p><?php echo elgg_echo('groups:members') . ": " . get_entities_from_relationship('member', $vars['entity']->guid, true, 'user', '', 0, '', 9999, 0, true); ?></p>
+		</div>
+	</div>
+	
+	<div class="group_profile_column info">
 		<?php
-
-			echo "<p><b>" . elgg_echo("groups:owner") . ": </b><a href=\"" . get_user($vars['entity']->owner_guid)->getURL() . "\">" . get_user($vars['entity']->owner_guid)->name . "</a></p>";
-
-		?>
-		<p><?php echo elgg_echo('groups:members') . ": " . get_entities_from_relationship('member', $vars['entity']->guid, true, 'user', '', 0, '', 9999, 0, true); ?></p>
-	</div><!-- end of group_stats -->
-</div><!-- end of groups_info_column_right -->
-
-<div id="groups_info_column_left" class="margin_top"><!-- start of groups_info_column_left -->
-	<?php
-		if ($vars['full'] == true) {
-			if (is_array($vars['config']->group) && sizeof($vars['config']->group) > 0){
-
-				foreach($vars['config']->group as $shortname => $valtype) {
-					if ($shortname != "name") {
-						$value = $vars['entity']->$shortname;
-
-						if (!empty($value)) {
-							//This function controls the alternating class
-							$even_odd = ( 'odd' != $even_odd ) ? 'odd' : 'even';
-						}
-
-						echo "<p class=\"{$even_odd}\">";
-						echo "<b>";
-						echo elgg_echo("groups:{$shortname}");
-						echo ": </b>";
-
-						$options = array(
-							'value' => $vars['entity']->$shortname
-						);
-
-						if ($valtype == 'tags') {
-							$options['tag_names'] = $shortname;
+			if ($vars['full'] == true) {
+				if (is_array($vars['config']->group) && sizeof($vars['config']->group) > 0){
+	
+					foreach($vars['config']->group as $shortname => $valtype) {
+						if ($shortname != "name") {
+							$value = $vars['entity']->$shortname;
+	
+							if (!empty($value)) {
+								//This function controls the alternating class
+								$even_odd = ( 'odd' != $even_odd ) ? 'odd' : 'even';
+							}
+	
+							echo "<p class=\"{$even_odd}\">";
+							echo "<b>";
+							echo elgg_echo("groups:{$shortname}");
+							echo ": </b>";
+	
+							$options = array(
+								'value' => $vars['entity']->$shortname
+							);
+	
+							if ($valtype == 'tags') {
+								$options['tag_names'] = $shortname;
+							}
+	
+							echo elgg_view("output/{$valtype}", $options);
+	
+							echo "</p>";
 						}
-
-						echo elgg_view("output/{$valtype}", $options);
-
-						echo "</p>";
 					}
 				}
 			}
-		}
-	?>
-</div><!-- end of groups_info_column_left -->
-
-<div id="groups_info_wide">
-
-	<p class="groups_info_edit_buttons">
-
-<?php
-	if ($vars['entity']->canEdit())
-	{
-
-?>
-
-		<a href="<?php echo $vars['url']; ?>mod/groups/edit.php?group_guid=<?php echo $vars['entity']->getGUID(); ?>"><?php echo elgg_echo("edit"); ?></a>
-
-
-<?php
+		?>
+	</div>
+</div>
 
-	}
 
-?>
-
-	</p>
-</div>
-<div class="clearfloat"></div>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/icon.php b/mod/groups/views/default/groups/icon.php
index 7390200d9..e839e0f9b 100644
--- a/mod/groups/views/default/groups/icon.php
+++ b/mod/groups/views/default/groups/icon.php
@@ -19,7 +19,7 @@
 	
 	// Get size
 	if (!in_array($vars['size'],array('small','medium','large','tiny','master','topbar')))
-		$vars['size'] = "medium";
+		$vars['size'] = "tiny";
 			
 	// Get any align and js
 	if (!empty($vars['align'])) {
@@ -37,7 +37,7 @@
 	
 ?>
 
-<div class="groupicon">
+<div class="usericon">
 <a href="<?php echo $vars['entity']->getURL(); ?>" class="icon" ><img src="<?php echo $vars['entity']->getIcon($vars['size']); ?>" border="0" <?php echo $align; ?> title="<?php echo $name; ?>" <?php echo $vars['js']; ?> /></a>
 </div>
 
diff --git a/mod/groups/views/default/groups/invitationrequests.php b/mod/groups/views/default/groups/invitationrequests.php
index fbbbafb22..ddc8a057a 100644
--- a/mod/groups/views/default/groups/invitationrequests.php
+++ b/mod/groups/views/default/groups/invitationrequests.php
@@ -1,44 +1,40 @@
-<div class="contentWrapper">
-
 <?php
 
-	if (!empty($vars['invitations']) && is_array($vars['invitations'])) {
-		$user = get_loggedin_user();
-		foreach($vars['invitations'] as $group)
-			if ($group instanceof ElggGroup) {
-
-?>
-	<div class="reportedcontent_content active_report">
-		<div class="groups_membershiprequest_buttons">
+if (!empty($vars['invitations']) && is_array($vars['invitations'])) {
+	$user = get_loggedin_user();
+	foreach($vars['invitations'] as $group)
+		if ($group instanceof ElggGroup) {
+		
+		?>
+		<div class="entity_listing group_invitations clearfloat">
 			<?php
-				echo "<div class=\"member_icon\"><a href=\"" . $group->getURL() . "\">";
+				echo "<div class='entity_listing_icon'>";
 				echo elgg_view("profile/icon", array(
 					'entity' => $group,
-					'size' => 'small',
+					'size' => 'tiny',
 					'override' => 'true'
-				));
-				echo "</a></div>{$group->name}<br />";
+				))."</div>";
 
-				echo str_replace('<a', '<a class="delete_report_button" ', elgg_view('output/confirmlink',array(
+			$url = elgg_add_action_tokens_to_url("{$vars['url']}action/groups/join?user_guid={$user->guid}&group_guid={$group->guid}");
+			?>
+			<div class="entity_listing_info">
+			<a href="<?php echo $url; ?>" class="submit_button"><?php echo elgg_echo('accept'); ?></a>
+			<?php		
+				echo str_replace('<a', '<a class="action_button disabled" ', elgg_view('output/confirmlink',array(
 					'href' => $vars['url'] . "action/groups/killinvitation?user_guid={$user->getGUID()}&group_guid={$group->getGUID()}",
 					'confirm' => elgg_echo('groups:joinrequest:remove:check'),
 					'text' => elgg_echo('delete'),
 				)));
-			$url = elgg_add_action_tokens_to_url("{$vars['url']}action/groups/join?user_guid={$user->guid}&group_guid={$group->guid}");
-			?>
-			<a href="<?php echo $url; ?>" class="archive_report_button"><?php echo elgg_echo('accept'); ?></a>
-			<br /><br />
-		</div>
-	</div>
-<?php
+			
+			echo "<p class='entity_title'><a href=\"" . $group->getUrl() . "\">" . $group->name . "</a></p>";
+			echo "<p class='entity_subtext'>" . $group->briefdescription . "</p>";
 
-			}
+			?>
+		</div></div>
+		<?php
+		}
 
 	} else {
-
-		echo "<p>" . elgg_echo('groups:invitations:none') . "</p>";
-
-	}
-
-?>
-</div>
+		echo "<p class='margin_top'>" . elgg_echo('groups:invitations:none') . "</p>";
+}
+?>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/members.php b/mod/groups/views/default/groups/members.php
index 66f2604c0..fe6f38dd3 100644
--- a/mod/groups/views/default/groups/members.php
+++ b/mod/groups/views/default/groups/members.php
@@ -13,18 +13,13 @@
 	 //var_export($vars['entity']);
 ?>
 
-<div id="group_members">
-<h2><?php echo elgg_echo("groups:members"); ?></h2>
+<div id="group_members" class="clearfloat">
+<h3><?php echo elgg_echo("groups:members"); ?></h3>
 
 <?php
-
     $members = $vars['entity']->getMembers(10);
     foreach($members as $mem){
-           
-        echo "<div class=\"member_icon\"><a href=\"".$mem->getURL()."\">" . elgg_view("profile/icon",array('entity' => $mem, 'size' => 'tiny', 'override' => 'true')) . "</a></div>";   
-           
+        echo "<div class='member_icon'><a href=\"".$mem->getURL()."\">" . elgg_view("profile/icon",array('entity' => $mem, 'size' => 'tiny', 'override' => 'true')) . "</a></div>";   
     }
-    
 ?>
-<div class="clearfloat" /></div>
 </div>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/membershiprequests.php b/mod/groups/views/default/groups/membershiprequests.php
index 9ac37990a..b08e521cf 100644
--- a/mod/groups/views/default/groups/membershiprequests.php
+++ b/mod/groups/views/default/groups/membershiprequests.php
@@ -1,44 +1,40 @@
-<div class="contentWrapper">
-
 <?php
 
 	if (!empty($vars['requests']) && is_array($vars['requests'])) {
 
 		foreach($vars['requests'] as $request)
-			if ($request instanceof ElggUser) {
-
-?>
-	<div class="reportedcontent_content active_report">
-		<div class="groups_membershiprequest_buttons">
-			<?php
-				echo "<div class=\"member_icon\"><a href=\"" . $request->getURL() . "\">";
-				echo elgg_view("profile/icon", array(
-					'entity' => $request,
-					'size' => 'small',
-					'override' => 'true'
-				));
-				echo "</a></div>{$request->name}<br />";
-
-				echo str_replace('<a', '<a class="delete_report_button" ', elgg_view('output/confirmlink',array(
-					'href' => $vars['url'] . 'action/groups/killrequest?user_guid='.$request->guid.'&group_guid=' . $vars['entity']->guid,
-					'confirm' => elgg_echo('groups:joinrequest:remove:check'),
-					'text' => elgg_echo('delete'),
-				)));
-			$url = elgg_add_action_tokens_to_url("{$vars['url']}action/groups/addtogroup?user_guid={$request->guid}&group_guid={$vars['entity']->guid}");
-			?>
-			<a href="<?php echo $url; ?>" class="archive_report_button"><?php echo elgg_echo('accept'); ?></a>
-			<br /><br />
+				if ($request instanceof ElggUser) {
+	
+	?>
+		<div class="entity_listing group_invitations clearfloat">
+				<?php
+					echo "<div class='entity_listing_icon'>";
+					echo elgg_view("profile/icon", array(
+						'entity' => $request,
+						'size' => 'small',
+						'override' => 'true'
+					));
+					echo "</div>";
+					
+					$url = elgg_add_action_tokens_to_url("{$vars['url']}action/groups/addtogroup?user_guid={$request->guid}&group_guid={$vars['entity']->guid}");
+					?>
+					<div class="entity_listing_info">
+					<a href="<?php echo $url; ?>" class="submit_button"><?php echo elgg_echo('accept'); ?></a>
+					<?php	
+					echo str_replace('<a', '<a class="action_button disabled" ', elgg_view('output/confirmlink',array(
+						'href' => $vars['url'] . 'action/groups/killrequest?user_guid='.$request->guid.'&group_guid=' . $vars['entity']->guid,
+						'confirm' => elgg_echo('groups:joinrequest:remove:check'),
+						'text' => elgg_echo('delete'),
+					)));
+				echo "<p class='entity_title'><a href=\"" . $request->getUrl() . "\">" . $request->name . "</a></p>";
+				echo "<p class='entity_subtext'>" . $request->briefdescription . "</p>";
+				?>
+			</div>
 		</div>
-	</div>
-<?php
-
-			}
-
+	<?php
+		}
 	} else {
-
 		echo "<p>" . elgg_echo('groups:requests:none') . "</p>";
-
 	}
 
-?>
-</div>
+?>
\ No newline at end of file
diff --git a/mod/groups/views/default/groups/profileitems.php b/mod/groups/views/default/groups/profileitems.php
index 7309c8a71..2050ae941 100644
--- a/mod/groups/views/default/groups/profileitems.php
+++ b/mod/groups/views/default/groups/profileitems.php
@@ -11,17 +11,17 @@
 	 */
 	 
 	 //forum 
-	 echo "<div class=\"clearfloat\"></div><div id=\"fullcolumn\">";
+	 echo "<div class='group_profile forum_latest clearfloat'>";
 	 echo elgg_view("groups/forum_latest",array('entity' => $vars['entity']));
 	 echo "</div>";
 	 
 	 //right column
-	 echo "<div id=\"right_column\">";
+	 echo "<div class='group_profile_column right'>";
 	 echo elgg_view("groups/right_column",array('entity' => $vars['entity']));
 	 echo "</div>";
 	 
 	 //left column
-	 echo "<div id=\"left_column\">";
+	 echo "<div class='group_profile_column left'>";
 	 echo elgg_view("groups/left_column",array('entity' => $vars['entity']));
 	 echo "</div>";