footer aligned correctly

web/src/main/webapp/index.xhtml

@@ -106,7 +106,7 @@ function initMap(){
 			</p:tabView >
 			
 			
-			<div id="footerLinks">
+			<div class="footerLinks">
 			 <a href="admin.xhtml?id=#{mapMB.currentMapId}" style="float:left; padding-left:25px;"><i class="fa fa-lock" style="font-size:17px"></i> &nbsp;ADMIN</a>
 			 <a href="#{configurationMB.userManual}" target="_user_manual_" style="float:left; padding-left:50px;"><i class="fa" style="font-size:17px"></i> &nbsp;MANUAL</a>
 			 <a href="export.xhtml?id=#{mapMB.currentMapId}" style="float:right; padding-right:25px;">EXPORT&nbsp; <i class="fa fa-mail-forward" style="font-size:17px"></i></a>
@@ -193,7 +193,6 @@ function initMap(){
 		<p:remoteCommand name="_sendReferenceGenomeDetailRequest" actionListener="#{referenceGenomeMB.requestJavasciptGenomeDetails}" />
 	</h:form>
 
-
 </h:body>
 </f:view>
 </html>

web/src/main/webapp/resources/css/global.css

@@ -168,8 +168,21 @@ table.mapInfoBoxResultsTable, table.mapInfoBoxResultsTable th, table.mapInfoBoxR
 	margin: 0;
 }
 
+.footerLinks {
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+}
+
+.footerLinks {background-color:#333333; color:#ffffff; display:block; flaot:left; line-height:35px; height:35px; z-index:10000}
+.footerLinks a:link, .footerLinks a:visited {text-decoration:none; font-size:13px; font-weight:900; color:#ffffff; transition: all 0.4s ease-in-out 0s;}
+.footerLinks a:hover {color:#999999; transition: all 0.4s ease-in-out 0s;} 
+
+
 .leftPanelClass {
 	display: table-cell;
+	position: relative;
 	float: left;
 	border: none;
 	background-color: #ffffff;
@@ -225,4 +238,5 @@ table.mapInfoBoxResultsTable, table.mapInfoBoxResultsTable th, table.mapInfoBoxR
 .tt-suggestion.tt-cursor {
 	color: #fff;
 	background-color: #0097cf;
-}
\ No newline at end of file
+:w
+}

web/src/main/webapp/resources/css/style.css

@@ -1030,10 +1030,6 @@ ui-overlay-visible *{visibility:visible !important;}
 a.mainTitle:link, a.mainTitle:visited {background-color:#333333; color:#ffffff; display:block; flaot:left; line-height:36px; height:36px; text-decoration:none; transition: background-color 0.4s ease-in-out 0s; font-size:13px; font-weight:900; padding-left:15px;}
 a.mainTitle:hover {background-color:#000000; transition: background-color 0.4s ease-in-out 0s;}
 
-#footerLinks {background-color:#333333; color:#ffffff; display:block; flaot:left; line-height:35px; height:35px; z-index:10000}
-#footerLinks a:link, #footerLinks a:visited {text-decoration:none; font-size:13px; font-weight:900; color:#ffffff; transition: all 0.4s ease-in-out 0s;}
-#footerLinks a:hover {color:#999999; transition: all 0.4s ease-in-out 0s;} 
-
 .overview_button {color:#FFFFFF; height:36px; line-height:35px; padding:0 18px; margin:0; border:none; background-color:#017DA7; font-size:13px; font-weight:900; border-right:1px solid #9DE1F8; cursor:pointer; transition: background-color 0.4s ease-in-out 0s; }
 .overview_button:hover {background-color:#01536D; transition: background-color 0.4s ease-in-out 0s; }