Reemplazar tablas por css

[mpanichella]

Hola gente tengo el siguiente problema, tengo un formulario con muchos input con sus respectivos label, o sea,

Nombre INPUT Edad INPUT
Apellido INPUT DNI INPUT
Direccion INPUT


si quieren ver el codigo es el siguiente

<table class="tabla_2" cellspacing="0" cellpadding="5" width="100%" border="0">
<colgroup>
<col width="20%"/>
<col width="30%"/>
<col width="20%"/>
<col width="30%"/>
</colgroup>
<thead>
<tr>
<td colspan="4" class="separador"></td>
</tr>
<tr>
<th colspan="4">
DATOS DEL CLIENTE
</th>
</tr>
<tr>
<td colspan="4" class="separador"></td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4" class="separador"></td>
</tr>
<tr>
<td>
<label>
Tipo de Cliente
</label></td>
<td>
<input id="chktipoindividuo_persona" onclick="ActualizarPersonaEmpresa('PERSONA');" type="radio" checked="true" value="2" name="tipoindividuo" runat="server"/>
<label for="tipoindividuo_persona">
Persona
</label> &nbsp;
<input id="chktipoindividuo_empresa" onclick="ActualizarPersonaEmpresa('EMPRESA');" type="radio" value="1" name="tipoindividuo" runat="server"/>
<label for="tipoindividuo_empresa">
Empresa
</label>
<input id="hdnIdIndividuo" type="hidden" name="hdnIdIndividuo" runat="server"/></td>
<td>
&nbsp;</td>
<td>
&nbsp;</td>
</tr>
<tr id="trDatosPersona1">
<td>
<label>
Apellido
</label></td>
<td>
<asp:textbox id="txtApellidoCliente" runat="server" CssClass="input_1" MaxLength="50">
</asp:textbox> &nbsp;
<img id="btnBuscarCliente1" style="CURSOR: hand" onclick="BuscarCliente();" alt="Buscar Cliente" src="http://www.forosdelweb.com/images/lupa_sola.gif" align="middle" border="0" /></td>
<td>
<label>
Nombre
</label></td>
<td>
<asp:textbox id="txtNombreCliente" runat="server" CssClass="input_1" MaxLength="50">
</asp:textbox></td>
</tr>
<tr id="trDatosPersona2" >
<td>
<label>
Sexo
</label></td>
<td>
<asp:DropDownList id="cmbSexoCliente" runat="server" CssClass="input_1">
<ASP:LISTITEM Value="M">
Masculino
</ASP:LISTITEM>
<ASP:LISTITEM Value="F">
Femenino
</ASP:LISTITEM>
</asp:DropDownList></td>
<td>
<label>
Fecha de nacimiento (dd/mm/aaaa)
</label></td>
<td>
<asp:textbox id="txtFechaNacimiento" runat="server" CssClass="input_2" MaxLength="10" Columns="10">
</asp:textbox>
<asp:hyperlink id="lnkSeleccionarFechaNacimiento" runat="server">
<img src='../../images/cal.gif' style="border: none;" alt="Seleccionar fecha"/>
</asp:hyperlink>
</td>
</tr>
<tr id="trDatosEmpresa1" style="DISPLAY: none">
<td>
<label>
Raz&oacute;n Social
</label></td>
<td>
<asp:textbox id="txtRazonSocial" runat="server" CssClass="input_1" MaxLength="50">
</asp:textbox> &nbsp;
<img id="btnBuscarCliente2" style="CURSOR: hand" onclick="BuscarCliente();" alt="Buscar Cliente" src="http://www.forosdelweb.com/images/lupa_sola.gif" align="middle" border="0"/></td>
<td>
<label>
Fecha nacimiento del 1er conductor (dd/mm/aaaa)
</label></td>
<td>
<asp:textbox id="txtFechaNacScoring" runat="server" CssClass="input_2" MaxLength="10" Columns="10">
</asp:textbox>
<asp:hyperlink id="lnkSeleccionarFechaNacimientoScoring" runat="server">
<img src='../../images/cal.gif' style="border: none;" alt="Seleccionar fecha"/>
</asp:hyperlink></td>
</tr>
<tr>
<td class="style1">
<label>
Tipo de documento
</label></td>
<td class="style1">
<asp:DropDownList id="cmbTipoDoc" runat="server" CssClass="input_1">
</asp:DropDownList></td>
<td class="style1">
<label for="numerodocumento">
N&uacute;mero de documento
</label></td>
<td class="style1">

<asp:textbox id="txtNroDocumento" runat="server" CssClass="input_1" name="numerodocumento" >
</asp:textbox></td>
</tr>
<tr>
<td>
<label>
Condici&oacute;n de IVA
</label></td>
<td>
<asp:DropDownList id="cmbCondicionIvaCliente" runat="server" CssClass="input_1">
</asp:DropDownList></td>
<td>
<label>
Provincia
</label></td>
<td>
<asp:DropDownList id="cmbProvinciaCliente" runat="server" CssClass="input_1">
</asp:DropDownList></td>
</tr>
<tr>
<td>
<label>
Ingresos Brutos
</label></td>
<td>
<asp:DropDownList id="cmbIngresosBrutosCliente" runat="server" CssClass="input_1">
</asp:DropDownList></td>
<td>
<label>
Localidad
</label></td>
<td>
<span class="span_1" id="spnLocalidadCliente">
</span>
<a onclick="AbrirPopupLocalidad('C');" target="_blank">
<img id="ImgLocalidad_Cliente" alt="Buscar Localidad del Cliente" src="http://www.forosdelweb.com/images/lupa_sola.gif" runat="server"/></a>
<input id="hdnLocalidadCliente" type="hidden" name="Localidad" runat="server"/></td>
</tr>
<tr>
<td colspan="4" class="separador"></td>
</tr>
</tbody>
</table>


y asi todo, esto esta armado con tablas de 4 columnas, y todas las filas necesarias

como puedo reemplazar esto con css? o sea la forma correcta para solucionar esto.

saludos y muchas gracias por sus respuestas

[Impostor]

Mirate este tutorial

http://www.forosdelweb.com/f53/aport...ml-css-648073/

Saludos¡¡