<script language="JavaScript">
function mostra(id){
        if (!document.getElementById(id).style.display) {
             document.getElementById(id).style.display = '';
        } else{
                document.getElementById(id).style.display = '';
        }
} function mostra2(id){
        if (!document.getElementById(id).style.display) {
             document.getElementById(id).style.display = 'none';
        }
}
</script>

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<link href="css/validate.css" type="text/css" media="screen" rel="stylesheet" />

<form id="f1" class="validate" action="" method="post">
<b>TIPO DA ASSINATURA:</b>
<hr style="border:1px solid #999" />
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
    	<td width="22%" align="right">Selecione:&nbsp;</td>
        <td width="78%" height="30">
        &nbsp;<input type='radio' id="tipo" value='pf' onclick="javascript:mostra2('trUsuario2');" name='tipo' checked="checked"> <b>Pessoa Física</b> (para fazer um cadastro pessoal)</td>
    </tr>
    <tr>
    	<td width="22%"></td>
        <td width="78%" height="30">
        &nbsp;<input type='radio' id="tipo" <? if($_POST[tipo] == "pj"){ print "checked"; }?>value='pj' onclick="javascript:mostra('trUsuario2');" name='tipo'> <b>Pessoa Jurídica</b> (para fazer o cadastro em nome de empresa)</td>
    </tr>
</table>
<br />
<b>DADOS DO CONTRATANTE:</b>
<hr style="border:1px solid #999" />
<table width="100%" border="0" cellpadding="0" cellspacing="5">
	<tr>
    	<td width="22%" align="right" id="dir"><font color="#FF0000">*</font> <b>Responsável:</b>&nbsp;</td>
        <td width="78%" id="esq" style="padding-top:5px">
        &nbsp;<input type='text' value='<?=$_POST[nome];?>' name='nome' id="nome" class="required" minlength="5" size='60' style="padding: 5px 5px"> <span></span></td>
    </tr>
    <tr>
    	<td width="22%" align="right" id="dir"><font color="#FF0000">*</font> <b>RG:</b>&nbsp;</td>
        <td width="78%" id="esq" style="padding-top:5px">
        &nbsp;<input type='text' value='<?=$_POST[rg];?>' id="rg" class="required numeric" name='rg' minlength="5" size='17' style="padding: 5px 5px"> <span></span></td>
    </tr>
    <tr>
    	<td width="22%" align="right" id="dir"><font color="#FF0000">*</font> <b>CPF:</b>&nbsp;</td>
        <td width="78%" id="esq" style="padding-top:5px">
        &nbsp;<input type="text" value="<?=$_POST[cpf];?>" name="cpf" id="cpf" class="required cpf" size="17" style="padding: 5px 5px"> <span></span></td>
    </tr>
    <tr>
    	<td width="22%" align="right" id="dir"><font color="#FF0000">*</font> <b>Data de Nascimento:</b>&nbsp;</td>
        <td width="78%" id="esq" style="padding-top:5px">
        &nbsp;<input type='text' value="<?=$_POST[data];?>" id="data" class="required data" name='data' size='12' style="padding: 5px 5px"> <span></span></td>
    </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="5" id="trUsuario2"  style='DISPLAY: none; margin-top:-4px'>
    <tr>
    	<td width="22%" align="right" id="dir"><font color="#FF0000">*</font> <b>Razão Social:</b>&nbsp;</td>
        <td width="78%" id="esq" style="padding-top:5px">
        &nbsp;<input type='text' value="<?=$_POST[razao];?>" name='razao' id="razao" class="required" minlength="6" size='60' style="padding: 5px 5px">
        <span></span></td>
    </tr>
    <tr>
    	<td width="22%" align="right" id="dir"><font color="#FF0000">*</font> <b>CNPJ:</b>&nbsp;</td>
        <td width="78%" id="esq" style="padding-top:5px">
        &nbsp;<input type='text' value="<?=$_POST[cnpj];?>" name='cnpj' id="cnpj" size='22' class="required cnpj" style="padding: 5px 5px">
        <span></span></td>
    </tr>
</table>
<input type="submit" style="float:right" value="Enviar" class="button blue submit">
</form>