/*******************************************************************************
* Main form layout related styles
*******************************************************************************/

.z_form {
}

.z_form fieldset {
    border: 1px solid #e4e4e4;
    padding: 1em;
    position: relative;
}

.z_form_field {
    clear:both;
    margin:1em;
    /*overflow:hidden;*/
}


/*******************************************************************************
*   Button related styles
*******************************************************************************/

.z_form_buttons {
    left:21%;
    padding-left:1em;
    position:relative;
}

.z_form_button {
    float:left;
    margin:1em 0.5em;
}



/*******************************************************************************
*   Label related styles
*******************************************************************************/

.z_form label {
    float:left;
    margin: 0.25em 1em;
    text-align:right;
    width:21%;
}



/*******************************************************************************
*   Input related styles
*******************************************************************************/

.z_form input{
    padding:0.25em;
    border:1px solid #C4C4C4;
}

.z_form input[type="text"], .z_form input[type="password"] {
    width:30%;
}

.z_form input[type="checkbox"] {
    margin: 0.4em 0;
}

.z_form select {
    border:1px solid #C4C4C4;
    padding:0.25em;
    text-align:left;
}

.z_form input[type="submit"] {
    font-size: 100%;
    padding:0.25em 1em 0.33em;
    background-color: #DCDCDC;
}

/* Required fields */

.z_field_required {
    font-weight:bold;
}


/* Hints */
.z_field_hint {
    margin-left: 25%;
}


/*******************************************************************************
*   Validation related styles
*******************************************************************************/

.z_field_validation_error ul {
    color: red;
    list-style: none;
    margin: 0 0 0 25%;
    padding: 0;
}



/*******************************************************/
/* Errors
/*******************************************************/

fieldset.z_validation_error{
    border: 3px ridge #f00;
    -moz-border-radius: 8px;
}

fieldset.z_validation_error ul{
    list-style: None;
    color: #f00
}

.z_validation_error input, .z_validation_error select{
    border: 3px solid #f00;
}



/*******************************************************************************
*  Small form layout related styles
*  "small" refers to forms like login forms & sign-up forms with just
*  small number of fields that are normally displayed in the centre of
*  the containing div
*******************************************************************************/

.z_form_small label {
    width:40%;
}

.z_form_small .z_form_buttons {
    left:40%;
}
.z_form_small .z_field_hint {
    margin-left: 45%;
}

.z_form_small .z_field_validation_error ul {
    margin: 0 0 0 45%;
}