<!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;" />
<title>MyWebSQL</title>
<link rel="SHORTCUT ICON" href="favicon.ico" />
<style type="text/css">
* {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}
label {
	display: inline-block;
	margin: 0 5px 0 5px;
	vertical-align: baseline;
}
input {
	padding: 3px;
}
input[type="text"], input[type="password"] {
	width: 190px;
}
input[type="button"], input[type="submit"] {
	min-width: 100px;
	text-align: center;
}
select {
	padding: 3px;
	width: 202px;
}
select option{
	padding: 2px;
}
div#bg {
	border-radius: 15px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(252,252,252,0.4)), to(rgba(191,191,191,0.4)), color-stop(3%, rgba(247,247,247,0.4)), color-stop(12%, rgba(242,242,242,0.4)), color-stop(90%, rgba(217,217,217,0.4)));
	background-image: -webkit-linear-gradient(top, rgba(252,252,252,0.4), rgba(247,247,247,0.4) 3%, rgba(242,242,242,0.4) 12%, rgba(217,217,217,0.4) 90%, rgba(191,191,191,0.4));
	background-image: -moz-linear-gradient(top, rgba(252,252,252,0.4), rgba(247,247,247,0.4) 3%, rgba(242,242,242,0.4) 12%, rgba(217,217,217,0.4) 90%, rgba(191,191,191,0.4));
	background-image: -o-linear-gradient(top, rgba(252,252,252,0.4), rgba(247,247,247,0.4) 3%, rgba(242,242,242,0.4) 12%, rgba(217,217,217,0.4) 90%, rgba(191,191,191,0.4));
	background-image: -ms-linear-gradient(top, rgba(252,252,252,0.4), rgba(247,247,247,0.4) 3%, rgba(242,242,242,0.4) 12%, rgba(217,217,217,0.4) 90%, rgba(191,191,191,0.4));
	background-image: linear-gradient(top, rgba(252,252,252,0.4), rgba(247,247,247,0.4) 3%, rgba(242,242,242,0.4) 12%, rgba(217,217,217,0.4) 90%, rgba(191,191,191,0.4));
	-webkit-box-shadow: 0 1px 20px 5px rgba(145,145,145,0.6);
	-moz-box-shadow: 0 1px 20px 5px rgba(145,145,145,0.6);
	box-shadow: 0 5px 20px 0px rgba(145,145,145,0.7);
	width: 460px;
	height: 370px;
	overflow: hidden;
	margin: auto;
	position: relative;
}
div#splash {
	background: url(img/splash.png) 60px 40px no-repeat;
	text-align: center;
}

span.version {
	position: relative;
	display: inline;
	right: -95px;
	top: 80px;
	font: normal 8pt Tahoma, sans-serif;
	color: #8C8A8A;
}

span.website {
	position: relative;
	display: inline;
	right: -80px;
	bottom: -310px;
	font: bold 2em/1.25em Helvetica, sans-serif;
}
span.website a {
	font: bold 8pt Tahoma, sans-serif;
	color: #3a980c;
	text-decoration: none;
}

span.website a:hover {
	color: #c00017;
	border-bottom: 1px dotted #c00017;
}

div.auth {
	width: 320px;
	margin: 0 auto;
	text-align: center;
	background: transparent;
	border: 4px double #ECECEC;
	padding: 4px;
}
div.auth div {
	text-align: center;
	padding: 4px;
}
div.auth label {
	width: 100px;
	display: inline-block;
}

div.login {
	margin: 100px auto;
	font-family: verdana;
	font-size: 9pt;
	text-align: center;
}
div.msg {
	position: relative;
	top: 95px;
	width: 325px;
	padding: 2px;
	margin: 0 auto;
	color: #cc0000;
	font-weight: bold;
	text-align: center;
}
#server-name { margin-left: -3px; padding: 3px; width: 100px; }
#server-type { width: 85px; padding: 2px; vertical-align: top; }

</style>
</head>
<body style="background-color:white">
<div style="border:none;position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:white;display:block;">
	<table border="0" width="100%" style="height:100%">
		<tr><td height="100%" valign="middle" align="center" style="text-align:center">
			<div id="bg">
			<div id="splash">
				<span class="version"><?php echo __('version'); ?> {{APP_VERSION}}</span>
				<span class="website"><a target="_blank" href="{{PROJECT_SITEURL}}" title="<?php echo __('Visit Project website'); ?>"><?php echo __('Visit Project website'); ?></a></span>
				{{MESSAGE}}
				{{FORM}}
			</div>
			</div>
		</td></tr>
	</table>
</div>
<script language="javascript" type="text/javascript" src="cache.php?script={{SCRIPTS}}"></script>
{{EXTRA_SCRIPT}}
</body></html>
