/* ----------- jQuery Validation ----------- */

/**
 *  jQuery Validation  CSS
 */

/* --- Form A --- */
.form.a input.error {
    border:1px solid red;
}
.form.a textarea.error {
    border:1px solid red;
}


/* --- Form B --- */
.form.b label.error {
    float:left;
    margin:0;
    color:red;
    font-style: italic;
}


/* --- Form C --- */
.form.c p {
    position:relative;
    margin:0;
    width:310px; /* IE6 Fix */
}
.form.c label.error {
    position:absolute;
    top:5px;
    right:4px;
    margin:0;
    background:#fff;
    opacity:.7;
    filter:alpha(opacity=70);
    color:red;
}


/* --- Form D --- */
.form.d p {
    position:relative;
    margin:0;
    width:310px; /* IE6 Fix */
}
.form.d label.error {
    position:absolute;
    top:-48px;
    right:-60px;
    margin:0;
    background:red;
    opacity:.7;
    filter:alpha(opacity=70);
    color:#fff;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    -moz-box-shadow:0 0 7px #000;
    -webkit-box-shadow:0 0 7px #000;
    box-shadow:0 0 7px #000;
    border:2px solid #fff;
    padding:5px 10px;
}
.form.d label.error:before {
    content:url(images/triangle.png);
    position:absolute;
    bottom:-36px;
    height:36px;
}