$(document).ready(function() {
	var usuario = "";		
		var ativo = {
		'background-color':'#71dbff',
		'text-shadow':'#0087b5 1px 1px 3px',
		'cursor':'auto',
		'color':'#FFF'
      }
	  
	var aba = {
		'float':'left',
		'width':'150px', 
		'height':'22px', 
		'background-color':'#aeeaff', 
		'font-family':'"Trebuchet MS", Arial, Helvetica, sans-serif', 
		'font-size':'15px', 
		'color':'#0dbaf4', 
		'padding':'2px 6px 0px', 
		'-moz-border-radius-topleft':'12px', 
		'-moz-border-radius-topright':'12px', 
		'-webkit-border-radius-topleft':'12px', 
		'-webkit-border-radius-topright':'12px', 
		'text-align':'center', 
		'margin-left':'13px', 
		'cursor':'pointer',
		'text-shadow':'#FFF 1px 1px 3px',
      }	 
	
	// Aba 'Login'
	$("div#login").click(function(){
		$("div#content").slideUp("medium");	
		$("div#content").html("<form action='index.php?op=login' method='post'><span class='cadastro'>Ainda não tem cadastro? <a href='cadastro.php'>Cadastre-se!</a></span> <input name='usuario' id='usuario' type='text' value='usuario' class='usuario' onclick='LimpaU(this)' onblur='CarregaU(this)'> <input name='senha' id='senha' type='password' value='senha' class='senha' onclick='LimpaS(this)' onblur='CarregaS(this)'> <input id='logar' class='botao' type='submit' value='Login' /></form>");
		$("div#content").slideDown("slow");	
		$("div#login").css(ativo);
		$("div#verificar").css(aba);
		$("div#criar").css(aba);
	});	
});