<!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>Grameen Shamogree 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"> 
	
<?php
include('application/config/server_config.php');
$page = LOCAL_PATH;
?>

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


/*---------------------------------------login------------------------------------------------*/
#content div.indexlogin{
	width: 958px;
	height: 350px;
	background: url(images/login/image.gif) no-repeat;
	padding-top:60px;
	border:0px solid red;
}


#content div.loginlayout{
	background:url(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;
	-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;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	width:206px;
	padding: 5px 10px;
}

input[type=submit]
{
	font-weight:normal;
	padding: 4px 8px;
	background:#e6e49f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f));
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
	color:#333;
	border:1px solid #aaac62;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
}

.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;
	border:3px solid #d3153b;
	background-color:#fbe6f2;
	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;">	
  	<!--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 align="center" width="100%">
			    			 <a href="http://www.grameencheck.com/" target="_blank"><img src="Grameen_login_files/logo_grameenshamogree.png" alt="Grameen Shamogree" width="250"></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>
</div>
<div id="footer"> <a href="http://www.grameencheck.com/" target="_blank">Grameen Shamogree</a> </div>
</div></div></body></html>