/*
 * $Id:$
 * 
 * A CSS file for laying out .autoforms
 */

.autoform {
    margin: 0px;
    padding: 0px;
    width: 640px;
}

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

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


.autoform .row {
    clear: both;
    margin: 4px 10px 10px 10px;
}

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

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


.autoform s {
    height: 7px;
    display: block;
}

.autoform h3 {
    font-weight: bold;
    font-size: 120%;
}


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

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

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

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

.error_mesg {
    color: red;
    font-style: italic;
    margin: 2px 0px 2px 0px;
}
.autoform .error_mesg {
    width: 200px;
    float: right;
    color: red;
}


.autoform fieldset {
    margin: 10px 0px 10px 0px;
    border: 1px solid #E4E4E4;
}

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

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

.autoform .checkboxes label {
    float: none;
    cursor: pointer;
    width: auto;
}

.autoform .checkboxes {
    border: 1px solid #CCCCCC;
    float: left;
    padding: 2px 10px 2px 10px;
}

.autoform .big-input label {
    display: none;
}

.autoform .big-input textarea {
    width: 600px;
    height: 300px;
}


.autoform .medium-input textarea {
    width: 500px;
    height: 300px;
}

.autoform .html {
    padding: 10px;
}


/* ------------------------------------------------------------------------ */
/* Lined forms  - just another style of form * /
/* ------------------------------------------------------------------------ */

form.lined fieldset {
    border: none;
    border-top: 1px solid #D1D1D1;
}

form.lined legend {
    font-weight: bold;
    padding: 10px;
}

form.lined label {

    float: left;
    text-align: right;
    width: 100px;
    margin: 0px 20px 0px 0px;
}

form.lined .req {
    color: #D05801;
    font-weight: bold;
}

form.lined input {
    border: 1px solid  #D1D1D1;
}

form.lined input.text {
    width: 200px;
}

form.lined textarea  {
    width: 270px;
    height: 137px;
}

form.lined .row {
    margin: 0px 0px 10px 0px;
}

/* ------------------------------------------------------------------------ */
/* Overrides for specific forms */
/* ------------------------------------------------------------------------ */


#post-form, #bizfolio-form {
    width: auto;
}

#post-form label {
    width: 200px;
}


#post-form .braggit-body-textarea {
    width: 670px;
    clear: both;
    height: 350px;
}


#post-form #field-braggits_headline {
    font-family: Arial;
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
    width: 670px;
    color: #004276;
    padding: 2px;
}

#post-form .three-column .checkboxes .checkbox {
    display: block;
    float: left;
    width: 30%;
    margin: 0px 10px 10px 0px;
    height: 30px;
}

#post-form .three-column .checkboxes .checkbox input {
    float: left;
    width: 25px;
}

#post-form .three-column .checkboxes .checkbox label {
    float: left;
    width: auto;
}

#post-form .three-column .checkboxes {
    border: none;
    width: 100%;
}

#post-form .button {
    font-size: 120%;
}

#post-form p {
    margin: 4px;
}