Стили для подтверждения регистрации

[monah]

Добрый всем)
Есть вот такой код

<center>

<input type="checkbox" class="{required:true, messages:{required:'<?php _e('Вы должны согласиться с условиями, прежде чем вы сможете зарегистрироваться.','osc_terms'); ?>'}}" name="termsCon" id="termsCon" value="1" />
     <a href="<?php echo osc_base_url(true) . '?page=page&id=' . $page_id['pk_i_id']; ?>" target="_blank"><?php _e('Я согласен с Условиями использования','osc_terms'); ?></a>
     <span for="termsCon" class="error" generated="true"> </span>
<script type="text/javascript">
    tabberAutomatic();
</script>

хочу получилось вот так (снизу образец)
но никак не получается.. есть какие нибудь предложения

 

[monah]

со стилями разобрался, теперь осталось описать error, т.е. если пользователь не согласился с правилами, надо выделить красным

<div class="stol" >
<input type="checkbox" class="{required:true, messages:{required:'Вы должны согласиться с нашими условиями, прежде чем вы можете зарегистрироваться.'}}" name="termsCon" id="termscon" value="1">
     <a href="http://obyavki.by/index.php?page=page&id=61" target="_blank">Я согласен с Условиями использования</a>
     <span for="termscon" class="error" generated="true"> </span>
<br /><br />
</div>

вот это не проходит

.termscon .stol input.error  {
    border: 2px solid red;
    background: url('/images/unchecked.png') no-repeat right 50%;
        }

или что не так делаю?

 

[tovGANs]

А как вот это
...class="{required:true, messages:{required:'Вы должны согласиться с нашими условиями, прежде чем вы можете зарегистрироваться.'}}"...
должно работать?
Чтобы правило .termscon .stol input.error срабатывало, нужно чтобы у input класс был "error" а это класс у span'a