/*******************************************************************************
* 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;
    width: 79%;
}

.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 .z_uploadfield{
    display: inline-block;
}

.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%;
    width: 75%;
}

form.z_form input[disabled]{
    background:none;
    border-color:#ccc;
    color:#A0A0A0;
}

form.z_form input[disabled]:hover{
    background:none;
    color:#A0A0A0;
    border-color:#ccc;
}



/*******************************************************************************
*   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%;
    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%;
    width: 55%;
}


/********** tooltip *******************/
.z_tooltip {
	background-color:#CCC;
	border:1px solid #fff;
	padding:10px 15px;
	width:250px;
	display:none;
	text-align:left;
	font-size:12px;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}