aligning of google map panel fixed

web/src/main/webapp/index.xhtml

@@ -78,7 +78,7 @@ function initMap(){
 		<div id="leftPanel" class ="leftPanelClass">
 		<ui:include src="/WEB-INF/components/admin/header.xhtml" />
 
-			<p:tabView id="tabView" widgetVar="_tabViewVar" styleClass="leftTabView" activeIndex="0" >	
+			<p:tabView id="tabView" widgetVar="_tabViewVar" activeIndex="0" >	
 				<p:tab id="searchTab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-search maintab'&gt;&lt;/i&gt;&lt;br&gt;SEARCH&lt;/div&gt;" styleClass="leftTab">
 					<ui:include src="/WEB-INF/components/map/searchPanel.xhtml" />
 				</p:tab >	
@@ -114,7 +114,7 @@ function initMap(){
 				
 		</div>
 		<div  style="display: table-cell;height:100%;width:100%;">
-			<div  style="height:100%;width:100%;">
+			<div  style="height:100%;width:100%;position:relative">
 			<div class="menuBelt">
 				<div class="headerHideDivButton">
 					<button name="hideButton" class="headerHideButton">
@@ -193,6 +193,7 @@ function initMap(){
 		<p:remoteCommand name="_sendReferenceGenomeDetailRequest" actionListener="#{referenceGenomeMB.requestJavasciptGenomeDetails}" />
 	</h:form>
 
+
 </h:body>
 </f:view>
 </html>

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

@@ -154,9 +154,14 @@ table.mapInfoBoxResultsTable, table.mapInfoBoxResultsTable th, table.mapInfoBoxR
 }
 
 .mapClass {
+	position: absolute;				
+
+  top: 36px;
+  bottom: 0;
+	right: 0;
+	left: 0;
+
 	border: none;
-	height: 100%;
-	width: 100%;
 	border-left: 1px solid #e1e1e1;
 }
 

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

@@ -47,9 +47,6 @@ html,body {
 }
 .bulletList {position:absolute; top:30px; bottom:0;left: 0;right: 0; padding:0px;}
 
-.leftTabView {
-	height:100%;
-}
 .leftTab {
 	height:100%;
 }