/* Generic CSS file for multiple UserControls which contain form elements */

.formContainer {
   
    line-height: 1.4em;    
}
.formContainer .formHeader {
	height:22px;
	padding:3px 0px 0px 10px;
	background-color:#6e9606; 
	color:#FFFFFF; 
	font-weight:bold;
}
.formContainer ul {
    margin: 0px;
    padding:0px;    
}
.formContainer li {
    margin: 0px 0px 6px 0px;
    padding:0px;
    list-style: none;
    background:none !important;
    vertical-align: middle;
    clear: both;
}

.formContainer .required, .formContainer .validatorsContainer {
    color: #FF0000;
    font-weight:bold;
    margin-left: -4px;
}
.formContainer .validatorsContainer li {
    list-style-type: circle !important;
    
}
.formContainer .validatorsContainer {
    margin-bottom: 12px;
}
.formContainer label {
    width: 270px;
    display: block;
    float: left;
    vertical-align: top;
    margin-top: 6px;
}
.formContainer input, .formContainer textarea {
    margin-top:3px;
    width: 340px;
    color:#535353;
}
.formContainer input[type="checkbox"] {
    width:15px;
}
.formContainer .btnContact {
    width:120px;
    height:25px;
    border:solid 1px #474747;
}
.formContainer textarea {
    height: auto;    
}
.formContainer .success, .formContainer .error {
    padding:10px;
    margin-bottom:10px;
    font-weight:bold;
}
.formContainer .success {
    background-color:#d7f2b7;
    border:solid 1px #94e138;
    color:#65a41a;
}
.formContainer .error {    
    background-color:#ddb1b1;
    border:solid 1px #b30000;
    color:#b30000;    
}