/* form */
.form-container {
    padding: 10px;
    overflow:hidden;
    clear: both;
}
    .form-container .form-error {
        border: 1px solid #F66;
        margin-bottom: 2px;
        background: #fcc;
        padding: 2px;
    }
    .form-container h5 {
        font-weight: bold;
        font-size: 1.1em;
    }
    .form-container button {
        float:right;
        margin: 7px 0 0 0;
    }
/* Default group fields state */
.form-container .field-group {
    position: relative;
    overflow: hidden;
    margin-bottom: 2px;
    padding: 2px;
}
.form-container .group-label {
    width: 90px;
    padding: 0 5px;
    float: left;
    font-weight: bold;
}
.form-container .description {
    font-style: italic;
    padding: 4px 0;
}
/* group composite */
.form-container div.composite {
    overflow: hidden;
    padding: 0 5px;
}
.form-container .hidden {
    display: none;
}
.form-container label {
    width: 86px;
    padding: 0 5px;
    margin: 0 0 2px 0;
    display: inline-block;
    vertical-align: top;
}
.form-container input.checkbox,
.form-container input.radio {
    clear: left;
    float: left;
    margin: 0 5px 0 0;
}
.form-container label.checkbox,
.form-container label.radio {
    width: auto;
    display: block;
}
.form-container label.textfield {
	float: left;
	clear: both;
}
.form-container input, 
.form-container select {
    vertical-align: top;
}
.form-container input.textfield, 
.form-container select, 
.form-container textarea.medium {
    width: 204px;
    border: 1px solid #ccc;
    margin: 0 2px 2px 0;
    float: left;
    font-size: 11px;
}
.form-container textarea.big {
    width: 304px;
    border: 1px solid #ccc;
    margin: 0 2px 2px 0;
    float: left;
    font-size: 11px;
}
.form-container input.small {
    width: 50px;
}
.form-container input.medium {
    width: 150px;
}
.form-container input.big { /* uses default */ }

/* Error group fields state */

.form-container .group-error {
    display: none;
}
.form-container .error {
    border: 1px solid #F66;
    background: #fcc;
}
    .form-container .error .group-error {
        display: block;
        background: #F33;
        color:#fff;
        font-weight:bold;
        margin:0 0 2px 0;
        padding:2px 5px;
    }
    .form-container .error input.textfield, 
    .form-container .error select, 
    .form-container .error textarea {
        border-color: #f99;
    }


