red border around error class

HTML

<div class="error">
    <input type='checkbox'><label>Some label</label><br /><input type='text'>
    </div>
        <input type='checkbox'><label>Some label</label><br /><input type='text'>

CSS

.error input{
    border-style: solid;
    border-color: #c00;
    border-width: 2px;
    display: inline-block;
}
.error input[type=checkbox]
{outline: 2px solid #c00;}
input[type=checkbox] { background:transparent;border:0; margin-top: 2px;}