/*
 * $Id:$
 * 
 * A CSS file for the basic autoform defaults.
 */

.autoform label {
    float: left;
    width: 75px;
}

.autoform .row {
    margin: 5px 0px 5px 0px;
    clear: both;
}

.autoform .spacer {
    height: 10px;
}

.autoform legend {
    font-weight: bold;
    font-size: 120%;
    padding: 5px;
}

.autoform .is-required-flag {
    color: red;
}



.autoform input.text {
    width: 200px;
    border: 1px solid #CCCCCC;
}

.autoform input.percent {
    width: 50px;
    border: 1px solid #CCCCCC;
}

.autoform textarea {
    width: 400px;
    height: 100px;
    border: 1px solid #CCCCCC;
}

.autoform input.af-text-field-selected, .autoform textarea.af-text-field-selected {
    border: 1px solid #FF0000;
}

.autoform .help {
    padding: 2px 10px 10px 10px;
    font-style: italic;
    width: 300px;
}


.autoform .has-error {
    margin-top: 10px;
}

.autoform .has-error .error {
    font-stlye: italic;
    color: red;
}


.autoform a.help-link {
    text-decoration: none;
}


.autoform .error_mesg {
    width: 200px;
    float: right;
    color: red;
}

#af-help-popup {
    width: 200px;
    background-color: #FFFF80;
    border: 1px solid black;
    padding: 5px;
}

#af-char-counter {
    border: 1px solid black;
    background-color: #FFFF80;
    padding: 3px;
}

.autoform .af-image-upload-field {
    float: left;
}

.autoform .af-image-upload-field img {
    width: 100px;
    border: 1px solid black;
}


.autoform .af-captcha {
    float: left;
}

.autoform .af-captcha img {
    display: block;
}

.autoform .captcha {
    float: left;
}

.autoform .captcha span {
    font-size: 9px;
    float: left;
    margin-right: 5px;
}

.autoform .captcha input {
    font-size: 10px;
    width: 100px;
    float: left;
}

.autoform .captcha img {
    display: block;
    margin: 3px 0px;
    clear: left;
}

.autoform .quick-text {
    margin-left: 120px;
}