CSS for the Plot icon

plugins/globe/views/default/globe/content.php

@@ -80,7 +80,7 @@
 <div class="globeGroup col left" id="plotFriends">
 
 
-		<h3 class="sec_header">Your Friends <span>PLOT</span></h3>
+		<h3 class="sec_header">Your Friends <span class="plotOnMap">Show Us</span></h3>
 		<script type="text/javascript">var friend = new Array();</script>
 		<?php 
 				$fc = 0;
@@ -148,7 +148,7 @@
 											echo 'Friends of UNL'; 	
 										else
 											echo 'Users Like You';
-									?> <span>PLOT</span></h3>
+									?>  <span class="plotOnMap">Show Us</span></h3>
 		<script type="text/javascript">var role = new Array();</script>
 		<?php 
 				$rc = 0;
@@ -195,7 +195,7 @@
 </div>
 
 <div class="globeGroup col right" id="plotFeatured">
-	<h3 class="sec_header">Featured Huskers <span>PLOT</span></h3>
+	<h3 class="sec_header">Featured Huskers  <span class="plotOnMap">Show Us</span></h3>
 
 			<!-- row 1 -->
 			<div class="member_icon">

plugins/globe/views/default/globe/css.php

@@ -11,13 +11,25 @@
 	 */
 
 ?>
-
+span.plotOnMap {
+	text-indent:-99999px;
+	float:right;
+	background:url(<?php echo $vars['url']; ?>/mod/globe/graphics/showhide.png) no-repeat top right;
+	display:block;
+	width:61px;
+	height:40px;
+	margin-top:-15px;
+	margin-right:-2px;
+	cursor:pointer;
+	z-index:99;
+	position:relative;
+}
 /* You Icon
 *************/
 #plotMe {
 	background:#eeeeee;
 	margin:10px 0;
-	padding:5px 5px 3px 15px;
+	padding:5px 5px 13px 15px;
 	-moz-border-radius:5px;
 	position:relative;
 }
@@ -45,6 +57,7 @@ span.latlngMe{
 	padding:1px;
 }
 
+
 /* Tiny Icons
 ***************/
 div.globeGroup div.member_icon {