PHP - Form7 Plugins error en codigo

Form7 Plugins

Hola

Los queria molestar

Instale este plugins, cuando lo instale en foma basica funciono pero a mi pagina quize agregarle mas campos de texto y estilos css y no me envia los correos
y de hecho se ve en pantalla co el codigo asi (como ven los campos de texto no los muestra se ve solo el codigo)

De: [your-name]
e-mail: [your-email]
Telefono: [your-phone]
Celular: [your-movil]
Celular: [your-direction]
Celular: [your-comun]
Celular: [your-your-region]

Cuerpo del mensaje:
[your-message]

asi quedo:

<h3><div id="con" class="fluid"> <div id="no" class="fluid">Nombre/Apellido</div>
<div id="celno" class="fluid">[text * your-name 11/12 id:celno]</div>
<div id="em" class="fluid">E-mail:</div><div id="emcas" class="fluid">[text * your-email 11/7 id:emcas]</div>
<div id="te" class="fluid">Teléfono</div><div id="caste" class="fluid">[text * your-phone 11/11 id:caste]</div>
<div id="ce" class="fluid">Celular</div><div id="cecel" class="fluid">[text * your-movil 11/11 id:cecel]</div>
<div id="dir" class="fluid">Direccion</div><div id="dircas" class="fluid">[text * your-direction11/11 id:dircas]</div>
<div id="com" class="fluid">Comuna</div><div id="comcel" class="fluid">[text * your-comun 11/11 id:comcel]</div>
<div id="reg" class="fluid">Región</div>
<div id="regcom" class="fluid">[text * your-region 11/11 id:celciu]</div>
<div id="me" class="fluid">Su mensaje:</div><div id="conmes" class="fluid">[text * your-message 23x9/12]</div>
<div id="en" class="fluid"></div><div id="encel" class="fluid">[submit "Enviar"]</div>
</div></h3>

Cuerpo del mensaje:
De: [your-name]
e-mail: [your-email]
Telefono: [your-phone]
Celular: [your-movil]
Celular: [your-direction]
Celular: [your-comun]
Celular: [your-your-region]

Cuerpo del mensaje:

[your-message]

estilo css:
#con {
max-width: 280px;
width: 280px;
padding-bottom: 11px;
float:left;
}
#no {
width: 112px;
float: left;
padding-top: 11px;
}
#celno {
width: 158px;
float: left;
padding-top: 11px;
}
#em {
width: 112px;
float: left;
padding-top: 11px;
}
#emcas {
width: 158px;
float: left;
padding-top: 11px;
}
#asu {
width: 112px;
float: left;
padding-top: 11px;
}
#asucel {
width: 158px;
float: left;
padding-top: 11px;
}
#ce {
width: 112px;
float: left;
padding-top: 11px;
}
#cecel {
width: 158px;
float: left;
padding-top: 11px;
}
#te {
width: 112px;
float: left;

padding-top: 11px;
}
#caste {
width: 158px;
float: left;
padding-top: 11px;
}
#ciu {
width: 112px;
float: left;
padding-top: 11px;
}
#celciu {
width: 158px;
float: left;
padding-top: 11px;
}
#dir {
width: 112px;
float: left;
padding-top: 11px;
}
#dircas {
width: 158px;
float: left;
padding-top: 11px;
}
#com {
width: 112px;
float: left;
padding-top: 11px;
}
#comcel {
width: 158px;
float: left;
padding-top: 11px;
}
#reg {
width: 112px;
float: left;
padding-top: 11px;
}
#regcom {
width: 158px;
float: left;
padding-top: 11px;
}
#me {
width: 112px;
float: left;
padding-top: 11px;
}
#conmes {
width: 158px;
float: left;
padding-top: 11px;
}
#en {
width: 112px;
float: left;
padding-top: 11px;
}
#encel {
width: 158px;
float: left;
padding-top: 11px;
}/p>