<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" rev="stylesheet" href="Grameen_login_files/login.css">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>RN Healthcare Pharma POS Login</title>
<script src="Grameen_login_files/jquery-1.js" type="text/javascript" language="javascript" charset="UTF-8"></script>
<script type="text/javascript">
$(document).ready(function()
{
	$("#login_form input:first").focus();
});
</script>

    <link rel="stylesheet" type="text/css" href="Grameen_login_files/960.css">
	<link rel="stylesheet" type="text/css" href="Grameen_login_files/reset.css">
	<link rel="stylesheet" type="text/css" href="Grameen_login_files/blue.css">
	
    <link type="text/css" href="Grameen_login_files/ui.css" rel="stylesheet"> 
    <link href='Grameen_login_files/favicon.ico' rel='icon' type='image/x-icon'/>
	
<?php
include('application/config/config.php');
$page = LOCAL_PATH;
?>

<style type="text/css">
html {
    overflow: auto;
}
</style>
<style>


/*---------------------------------------login------------------------------------------------*/
#content div.indexlogin{
	width: 959px;
	height: 350px;
	/*background: url(<?php echo $image_path;?>images/login/image.gif) no-repeat;*/
	background-color:#26a0c5;
	padding-top:60px;
	border-top:2px solid #094E98;
}


#content div.loginlayout{
	background:url(<?php echo $image_path;?>images/login/bg.png) no-repeat;
	width:277px;
	height:323px;
	text-align:left;
	padding-top: 64px;
	padding-left: 45px;
}



.loginlabel{
	font-size: 110%;
	margin-bottom:8px;
	width: 150px;
	vertical-align: top;
	font-weight:bold;
	clear:right;
}

input#username{
	margin-bottom:10px;
	border:1px solid #095d2a;
	background-color:#80d5ff;
	color:#000000;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	width:206px;
	padding: 5px 10px;
}

input#password{
	margin-bottom:10px;
	border:1px solid #095d2a;
	background-color:#80d5ff;
	color:#000000;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	width:206px;
	padding: 5px 10px;
}

input[type=submit]
{
	font-weight:normal;
	padding: 8px 14px;
	background-color:#00546a;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f));*/
	/*background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);*/
	color:#333;
	border:3px solid #009cc3;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
	/*text-shadow: #fff 0px 1px 0px;*/
	min-width: 0;
	font-weight:bold;
	color:#FFFFFF;
	cursor: pointer;
}

input[type=submit]:hover {
  background-color: #00a3cc;
  border:3px solid #00546a;
}

.loginlabel{
	font-size: 110%;
	margin-bottom:8px;
	width: 150px;
	vertical-align: top;
	font-weight:bold;
	clear:right;
}

input#PathologyUserEmailAddress{
	margin-bottom:10px;
	border:1px solid #3BB0BA;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	width:206px;
	padding: 5px 10px;
}

input#PathologyUserPassword{
	margin-bottom:10px;
	border:1px solid #3BB0BA;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	width:206px;
	padding: 5px 10px;
}

/*---------------------------------------login------------------------------------------------*/
.error
{
	margin:0px;
	
	color:#FF0000;
	padding:5px;
	/*width:70%;*/
	text-align:center;
	font-size:18px;
	
}
</style>

<script>

function refreshpage(interval, countdownel, totalel){
	var countdownel = document.getElementById(countdownel)
	var totalel = document.getElementById(totalel)
	var timeleft = interval+1
	var countdowntimer

	function countdown(){
		timeleft--
		countdownel.innerHTML = timeleft
		if (timeleft == 0){
			clearTimeout(countdowntimer)
			//window.location.reload()
			window.location.href="<?php echo LOCAL_PATH;?>";
		}
		countdowntimer = setTimeout(function(){
			countdown()
		}, 1000)
	}

	countdown()
}

window.onload = function(){
	refreshpage(10, "countdown") // refreshpage(duration_in_seconds, id_of_element_to_show_result)
}

</script>
</head>
<body>


<div class="container_16" id="wrapper" style="margin-top: -40px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-left: 2px solid #478b9d;border-right: 2px solid #478b9d;box-shadow: #01161c 0 0 15px;">	
  	<!--LOGO-->
	<div class="grid_8" id="logo">
		&nbsp;
	</div>
    <div class="grid_8">
<!-- USER TOOLS START -->
    </div>
<!-- USER TOOLS END -->    
<div class="grid_16" id="header" style="height:94px;">
<!-- MENU START -->
<div id="menu">
	<ul class="group" id="menu_group_main">
	
	 	<table style="width:920px;">
		    	<tbody>
			    	<tr>
			    		<td width="100%" align="center">
			    			 <a href="http://www.santisirmdc.org" target="_blank"><img src="Grameen_login_files/logo_rn_healthcare_pharma.png" width="350" alt="RN Healthcare Pharma" /></a> 
			    		</td>
			    	</tr>
		    	</tbody>
		 </table>
    </ul>
</div>
</div>
<div class="clear"> </div>
<div id="content" align="center">

			
			<div class="indexlogin">
	<div class="loginlayout">
	<div style="font-size:19px; padding-left:0px; color:#FF0000; padding-bottom:20px;">Database Connection Error. </div>
	<div style="font-size:16px; padding-left:0px; color:#007B3E; width:223px; text-align:center;padding-bottom:50px;">There is something good in all seeming failures. You are not to see that now. Time will reveal it. Be patient.</div>
	<div style="font-size:16px; padding-left:0px; color:#007B3E; width:223px; text-align:center;padding-bottom:50px;">Next <a href="<?php echo LOCAL_PATH;?>">refresh</a> in <b style="color:#FF0000;font-size:20px;" id="countdown"></b> seconds</div>	

	<div>&nbsp;</div>
</div>
</div>
<div id="content_area_wrapper">
<div id="content_area">
<div id="footer"> <a href="http://www.santisirmdc.org/" target="_blank">RN Healthcare Pharma</a> </div>
	
</body></html>

