Index: lams_tool_gmap/web/includes/jsp/mapFunctions.jsp
===================================================================
diff -u -r66fd0a0bbc39ea3aa52ec79313f68e10a7d3095f -r35e9274141376c1057c29b9ec0f26317c09ebce8
--- lams_tool_gmap/web/includes/jsp/mapFunctions.jsp	(.../mapFunctions.jsp)	(revision 66fd0a0bbc39ea3aa52ec79313f68e10a7d3095f)
+++ lams_tool_gmap/web/includes/jsp/mapFunctions.jsp	(.../mapFunctions.jsp)	(revision 35e9274141376c1057c29b9ec0f26317c09ebce8)
@@ -329,9 +329,9 @@
 		markerIn.inputForm ="<fmt:message key='label.authoring.basic.title'/>"
 		markerIn.inputForm += "<br><input type='text' onkeypress='javascript:if (event.keyCode==13){" +markerIn.saveFuncStr+ "}' maxlength='50' size='50' id='markerTitle' name='markerTitle' value='" + markerIn.title +"' /><br>";
 		markerIn.inputForm += "<fmt:message key='label.newInfoWindowText'/><br><textarea id='infoWindow' name='infoWindow' rows='5' cols='50'>" + markerIn.infoMessage + "</textarea>";
-		markerIn.markerMetaData = "<font size='tiny' color='grey'>";
+		markerIn.markerMetaData = "<span style='font-size:90%; color:#999999;'>";
 		markerIn.markerMetaData += '<nobr><fmt:message key="label.latitudeLongitude"/> (' + markerIn.getPoint().lat() + "-" + markerIn.getPoint().lng() +")</nobr>";
-		markerIn.markerMetaData += "</font>";
+		markerIn.markerMetaData += "</span>";
 		markerIn.infoWindowHtml =  markerIn.inputForm + "<br />" +markerIn.markerMetaData + markerIn.linksBar;
 	}
 	else
@@ -341,10 +341,10 @@
 		{
 			markerIn.linksBar = "<br/ >" + markerIn.removeLink + "&nbsp;" + markerIn.editLink;
 		}
-		markerIn.markerMetaData = "<font size='tiny' color='grey'>";
+		markerIn.markerMetaData = "<span style='font-size:90%; color:#999999;'>";
 		markerIn.markerMetaData += '<fmt:message key="label.createdBy"/> ' + markerIn.createdBy + "<br />";
 		markerIn.markerMetaData += '<nobr><fmt:message key="label.latitudeLongitude"/> (' + markerIn.getPoint().lat() + "-" + markerIn.getPoint().lng() +")</nobr>";
-		markerIn.markerMetaData += "</font>";
+		markerIn.markerMetaData += "</span>";
 		markerIn.infoWindowHtml = "" + "<h4>" + markerIn.title + "</h4><div style='overflow:auto;width:400px;height:80px'>" +  markerIn.infoMessage.replace(/\n/g, "<br />") + "</div>"+ markerIn.markerMetaData  + markerIn.linksBar;
 	}	
 }
Index: lams_tool_gmap/web/pages/authoring/basic.jsp
===================================================================
diff -u -ra3bb7dc7925483a1db6eb3cb017f654cd85c1a4c -r35e9274141376c1057c29b9ec0f26317c09ebce8
--- lams_tool_gmap/web/pages/authoring/basic.jsp	(.../basic.jsp)	(revision a3bb7dc7925483a1db6eb3cb017f654cd85c1a4c)
+++ lams_tool_gmap/web/pages/authoring/basic.jsp	(.../basic.jsp)	(revision 35e9274141376c1057c29b9ec0f26317c09ebce8)
@@ -29,7 +29,9 @@
 				<fmt:message key="label.authoring.basic.map"></fmt:message>
 			</div>
 			
+			<div id="map_legend" style="width:100%;" >
 			<iframe marginwidth="0" align="left" height="60px" width="100%" frameborder="0" src="${tool}/common/mapLegend.jsp"></iframe>
+			</div>
 			<div id="map_canvas" style="float: left; width:80%; height:400px"><fmt:message key="error.cantLoadMap"></fmt:message></div>
 			<div id="sidebar" style="float: right; width:20%; overflow:auto; height:400px; background:WhiteSmoke; "></div>		
 
Index: lams_tool_gmap/web/pages/learning/gmap.jsp
===================================================================
diff -u -ra3bb7dc7925483a1db6eb3cb017f654cd85c1a4c -r35e9274141376c1057c29b9ec0f26317c09ebce8
--- lams_tool_gmap/web/pages/learning/gmap.jsp	(.../gmap.jsp)	(revision a3bb7dc7925483a1db6eb3cb017f654cd85c1a4c)
+++ lams_tool_gmap/web/pages/learning/gmap.jsp	(.../gmap.jsp)	(revision 35e9274141376c1057c29b9ec0f26317c09ebce8)
@@ -32,7 +32,9 @@
 		<table>
 			<tr>
 				<td>
-					<iframe marginwidth="0" align="left" height="60px" width="100%" frameborder="0" src="${tool}/common/mapLegend.jsp"></iframe>
+					<div id="map_legend" style="width:100%;" >
+						<iframe marginwidth="0" align="left" height="60px" width="100%" frameborder="0" src="${tool}/common/mapLegend.jsp"></iframe>
+					</div>
 					<div id="map_canvas" style="float: left; width:80%; height:400px"><fmt:message key="error.cantLoadMap"></fmt:message></div>
 					<div id="usersidebar" style="float: right; width:20%; overflow:auto; height:400px; background:WhiteSmoke; "></div>		
 				</td>
Index: lams_tool_gmap/web/pages/monitoring/summary.jsp
===================================================================
diff -u -ra3bb7dc7925483a1db6eb3cb017f654cd85c1a4c -r35e9274141376c1057c29b9ec0f26317c09ebce8
--- lams_tool_gmap/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision a3bb7dc7925483a1db6eb3cb017f654cd85c1a4c)
+++ lams_tool_gmap/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 35e9274141376c1057c29b9ec0f26317c09ebce8)
@@ -33,7 +33,9 @@
 <table>
 	<tr>
 		 <td>
-		 	<iframe marginwidth="0" align="left" height="60px" width="100%" frameborder="0" src="${tool}/common/mapLegend.jsp"></iframe>
+		 	<div id="map_legend" style="width:100%;" >
+			<iframe marginwidth="0" align="left" height="60px" width="100%" frameborder="0" src="${tool}/common/mapLegend.jsp"></iframe>
+			</div>
 		 	<div id="map_canvas" style="float: left; width:80%; height:400px"><fmt:message key="error.cantLoadMap"></fmt:message></div>
 			<div id="usersidebar" style="float: right; width:20%; overflow:auto; height:400px; background:WhiteSmoke; "></div>			 	
 		 </td>