Не получается отформатировать кнопку в Simpleform2 - Конструкторы форм

Создал форму. Все корректно, только...

<style type="text/css">
form.simpleForm label{float:left;padding-left: 25px;width: 290px;}
form.simpleForm label span{color:#ff0000;}
form.simpleForm input.inputtext{width:250px;}
form.simpleForm textarea.inputtext{width:250px;height:100px;}
form.simpleForm submit.butt{margin-left:240px;}
</style>

{form}
<p>{element label="Фамилия Имя Отчество" type="text" class="inputtext" required="required" error="Введите ваше имя" /}</p>

<p>{element label="Возраст" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Есть ли у Вас музыкальное образование?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Считаете ли Вы себя артистичным (-ной)?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="В какое время предпочитаете заниматься?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Контактные данные" type="textarea" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Дополнительная информация" type="textarea" class="inputtext" /}</p>

<p>{element type="submit" class="butt" value="Записаться" /}</p>
{/form}

Не могу понять, где неправильно? Кнопка "Записаться" находится по левому краю и не хочет двигаться вправо? Буду благодарен за помощь, а то выглядит как-то это убого и дешево

В CSS к классу кнопки Записаться пропишите float:right. Воспользуйтесь FireBug

Всё сделал:

<style type="text/css">
form.simpleForm label{float:left;padding-left: 25px;width: 290px;}
form.simpleForm label span{color:#ff0000;}
form.simpleForm input.inputtext{width:250px;}
form.simpleForm textarea.inputtext{width:250px;height:100px;}
form.simpleForm submit.butt{float:right;}
</style>

{form}
<p>{element label="Фамилия Имя Отчество" type="text" class="inputtext" required="required" error="Введите ваше имя" /}</p>

<p>{element label="Возраст" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Есть ли у Вас музыкальное образование?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Считаете ли Вы себя артистичным (-ной)?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="В какое время предпочитаете заниматься?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Контактные данные" type="textarea" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Дополнительная информация" type="textarea" class="inputtext" /}</p>

<p>{element type="submit" class="butt" value="Записаться" /}</p>
{/form}

А кнопка, как проклятая, осталась на месте, там где и была

Вы может не к тому классу прописали? А ссылку на сайт можете дать?

Добавьте класс .butt к input, select, textarea

Добавьте класс .butt к input, select, textarea
Код:
input.butt, select.butt, textarea.butt {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 13px;
float:right;
}

Получилось, но теперь кнопка находится в правом углу, а хотелось бы по центру.

#simpleForm2_714_submit {
  margin: 0 0 4px 480px;

PHP генерит каждый раз разную цифру, а не конкретно 714

Решение найдено

input.butt, select.butt, textarea.butt {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 13px;
float:right;
margin-right:445px;
}

+1 Лена)
Спасибо