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

.z_form_table {
}

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

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


/*******************************************************************************
*   Form Table
*******************************************************************************/

.z_form_table th{
    text-align:right;
    width:31%;
    padding:0.5em;
}

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

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

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



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

.z_form_table label {
    
}



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

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

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

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

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

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

/* Required fields */

.z_field_required {
    font-weight:bold;
}


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

.z_form_table .z_field_cont ul{
    list-style-image:none;
    list-style:none;
}

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

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



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

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


.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%;
    width: 60%
}
.z_form_small .z_field_hint {
    margin-left: 45%;
    width: 55%;
}

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