<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<link rel="stylesheet" type="text/css" href="css/style_notification.css">
<script type="text/javascript" src="js/jquery_notification.js"></script>	
</head>
<body>
<div style="height:500px;">

</div> 			
	    			  	 
<div style="line-height: 1; position: fixed; min-height: 200px; height: 220px; top: 200px; left: 320px;" class="slide-out-div1">
 <a style="width: 30px; height: 184px; display: block; text-indent: -99999px; outline: medium none; position: absolute; top: 0px; right: 30px;" class="handle1" href="#">Content</a>
<div style="background-color:#FFFFFF;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr style="border-bottom:#000000 1px solid;">
  <td bgcolor="#cbcaca" class="testi"><strong>Modules</strong></td>
  </tr>

  <tr bgcolor="#f5f5f5">
    <td align="left" class="testi_1 borderright_bottom">Purchase Register</td>
    </tr>
	<tr bgcolor="#f5f5f5">
    <td align="left" class="testi_1 borderright_bottom">Inventory</td>
    </tr>
	<tr bgcolor="#f5f5f5">
    <td align="left" class="testi_1 borderright_bottom">PMS</td>
    </tr>
	<tr bgcolor="#f5f5f5">
    <td align="left" class="testi_1 borderright_bottom">EPM</td>
    </tr>
	</table>
</div>
		
</div>
   <script type="text/javascript">
 var jj = jQuery.noConflict();
             jj('.slide-out-div1').tabSlideOut1({
                 tabHandle: '.handle1',                              //class of the element that will be your tab
                 pathToTabImage: 'images/n-alert.png',              //path to the image for the tab (optionaly can be set using css)
				 
				  pathToTabImage2: 'images/n-alert2.png',              //path to the image for the tab (optionaly can be set using css)
                 imageHeight: '184px',                               //height of tab image
                 imageWidth: '30px',                               //width of tab image    
                 tabLocation: 'left',                               //side of screen where tab lives, top, right, bottom, or left
                 
                 action: 'click',                                   //options: 'click' or 'hover', action to trigger animation
                 topPos: '200px',                                   //position from the top
                 fixedPosition: false                        //options: true makes it stick(fixed position) on scroll
             });
</script>

</body>
</html>