Problema em Formulario

<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://solkis.forumdosforuns.webuda.com/gerador/form_postagens.js"></script>
<script src="http://solkis.forumdosforuns.webuda.com/gerador/fieldlist.js"></script>
<link rel="stylesheet" href="http://solkis.forumdosforuns.webuda.com/gerador/form_default.css" />









<form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">




<h1 data-type="field">Criador de Ilhas<br></h1>




<dl><dt>Nome da Ilha</dt>
<dd><input type="text" data-type="field" value="Valor padrão" id="field2"></dd>
</dl>




<dl><dt>Localizacao</dt>
<dd><input type="text" data-type="field" value="Valor padrão" id="field4"></dd>
</dl>




<dl><dt>Tipo de Governo</dt>
<dd><input type="text" data-type="field" value="Valor padrão" id="field5"></dd>
</dl>




<dl>
<dt>Geografia da Ilha</dt>
<dd><textarea data-type="field" id="field6"></textarea></dd>
</dl>




<dl>
<dt>Historia da Ilha</dt>
<dd><textarea data-type="field" id="field7" required="required"></textarea></dd>
</dl>








<input type="hidden" name="f" value="12">
<input type="hidden" name="subject" value="O script não enviou o título" template="Criador de Ilhas">
<input type="hidden" name="description" value="O script não enviou a descrição" template="">
<textarea name="message" style="display:none"></textarea>

<textarea id="message-template-bbcode" style="display:none"></textarea>
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="lt" value="0">
<input type="submit" name="post" class="button2" value="Enviar">





</form>

[color=red]class {
propriedades
}

Exemplo


#npx {
background: #fff;
border: 2px solid black;
border-radius: 10px 10px 10px;
border-left: 20px solid black;
}