document.write('<style>\
#barra-container{margin:auto;width:900px;}\
#barra-oi{width:100%;height:59px;margin-bottom:15px}\
#barra-oi .portal-oi{display:block;float:right;width:108px;height:59px;background:url(http://i0.ig.com/oi/images/barra-oi/mundooi_bt_portal_oi.jpg) no-repeat}\
#barra-oi .mundo-oi{display:block;float:right;width:108px;height:59px;background:url(http://i0.ig.com/oi/images/barra-oi/mundooi_bt_mundo_oi.jpg) no-repeat;margin-right:8px}\
#barra-oi .barra{position:relative;float:left;width:665px;height:59px;background:url(http://i0.ig.com/oi/images/barra-oi/mundooi_bg_barra.jpg) repeat-x}\
#barra-oi .barra .borda{position:absolute;top:0;width:6px;height:100%;background:url(http://i0.ig.com/oi/images/barra-oi/mundooi_bg_barra.jpg) no-repeat bottom left}\
#barra-oi .barra .borda.left{left:0}\
#barra-oi .barra .borda.right{right:0;background-position:right bottom}\
#barra-oi .barra .logo_servicos_internet{float:left;margin:9px 0;width:272px;height:41px;text-indent:-9999px;border-right:1px solid #bcbcbc;overflow:hidden;background:url(http://i0.ig.com/oi/images/barra-oi/mundooi_logo_servicos_internet.png) center center no-repeat}\
#barra-oi .barra .mail{float:left;height:34px;border-left:1px solid #fff}\
#barra-oi .barra .mail form{width:420px;margin:9px 0;padding:7px 0}\
#barra-oi .barra .mail label{float:left;width:70px;height:28px;text-indent:-9999px;overflow:hidden;background:url(http://i0.ig.com/oi/images/barra-oi/mundooi_oi_mail.png) center center no-repeat}\
#barra-oi .barra .mail input{float:left;font:11px verdana;color:#6b6b6b;padding:6px;margin-right:9px;border:1px solid #aeaeae}\
#barra-oi .barra .mail .envia{float:left;display:block;width:28px;height:26px;border:0;text-indent:-9999px;overflow:hidden;background:url(http://i0.ig.com/oi/images/barra-oi/mundooi_bt_envia_email.jpg)}\
#barra-oi .barra .mail #imapuser.bg{background:#FFF url(http://i0.ig.com/oi/images/barra-oi/mundooi_bg_mail_user.jpg) 10px center no-repeat}\
#barra-oi .barra .mail #pass.bg{width:128px;background:#FFF url(http://i0.ig.com/oi/images/barra-oi/mundooi_bg_mail_pass.jpg) 10px center no-repeat}\
#barra-oi .barra .mail #imapuser{width:148px}\
#barra-oi .barra .help{float:left;240px}\
#barra-oi .barra .help .senha{float:left;width:118px;height:27px;padding:14px 10px 0 0;margin:7px 0 0 9px;border-right:1px solid #bcbcbc}\
#barra-oi .barra .help .email{float:left;width:85px;padding-top:14px;margin: 7px 0 0 9px;}\
#barra-oi .barra .help .senha a{float:left;font:10px verdana;color:#5f5f5f;text-decoration:underline}\
#barra-oi .barra .help .email a{float:left;font:10px verdana;color:#5f5f5f;text-decoration:underline}\
#barra-oi .logos{float:left;width:225px;margin-left:10px}\
#barra-oi .logos a{float:left}\
</style>\
<div id="barra-container">\
<div id="barra-oi">\
<div class="barra">\
<div class="borda left"></div>\
<div class="borda right"></div>\
<div class="mail">\
<form name="imp_login" id="imp_login" action="http://authmail.oi.com.br/cgi-bin/auth.cgi" method="post" target="_parent">\
<label for="imapuser">Oi Mail</label>\
<input type="text" name="imapuser" id="imapuser" class="bg" value="" />\
<input type="password" name="pass" id="pass"  class="bg" value="" />\
<a href="javascript:send_login();" class="envia">Enviar</a>\
<div style="width:1px; height:1px; visibility:hidden; float:left;"><input type="submit" value="envia" /></div>\
</form>\
</div>\
<div class="help">\
<div class="senha">\
<a href="https://central.oiinternet.com.br/sac/recover!load.html" target="_blank">Esqueci minha senha</a>\
</div>\
<div class="email">\
<a href="https://vendasonline.oi.com.br/sale/wizardControl.html?prd_code1=0" target="_blank">Crie seu email</a><br />\
</div>\
</div>\
</div>\
<div class="logos">\
<a href="http://www.mundooi.oi.com.br" target="_blank" class="mundo-oi"></a>\
<a href="http://www.oi.com.br" target="_blank" class="portal-oi"></a>\
</div>\
</div>\
</div>');
function remove_bg(){
	this.className = this.className.replace(/bg/gi, "");
}
function add_bg(){
	if(this.value == "") this.className = this.className + " bg";
}

function send_login(){
	document.getElementById('imp_login').submit();
}

function addDomain(){
	var val = document.getElementById('imapuser').value;
	if(val.indexOf("@oi.com.br") == -1)
	{
		document.getElementById('imapuser').value = val + "@oi.com.br";
	}
}

document.getElementById('imapuser').onfocus = remove_bg;
document.getElementById('imapuser').onclick = remove_bg;
document.getElementById('pass').onfocus = remove_bg;
document.getElementById('pass').onclick = remove_bg;

document.getElementById('imapuser').onblur = add_bg;
document.getElementById('pass').onblur = add_bg;

document.getElementById('imapuser').value = "";
document.getElementById('pass').value = "";

document.getElementById('imp_login').onsubmit = addDomain;


