@charset "utf-8";
.fieldHeader{float:left;background:#CCCCCC; width:100%;padding:5px 0px 5px 0px;}
.fieldHeader span {font-weight:bold; font-size:14px; color:#555555;padding-left:20px;}

.fieldContainer, .fieldContainerFocus, .fieldContainerError{color:#666666;width:100%;border-top:1px solid #999999;float:left;}
.fieldContainer { background:#FFFFFF; }
.fieldContainerFocus{background:#DBFAC7; }
.fieldContainerError {background:#FBD0CE;}
.fieldContainer textarea {border:2px solid #CCCCCC; width:100%;padding:2px;color:#666666;font-size:11px;}
.fieldContainerFocus textarea {border:2px solid #5EDD20; width:100%;padding:2px;color:#666666;font-size:11px;}
.fieldContainer span {color:#666666; width:90%; text-align:left;}
.fieldContainerFocus span input, .fieldContainer span input {vertical-align:middle; height:16;}


.fieldName, .fieldNameFocus, .fieldNameError {float:left; width:48%; padding:14px 0px 14px 10px;}
.fieldName {color:#666666;}
.fieldNameFocus {color:#000000;}
.fieldNameError {color:#7B0E09;}

.fieldInput{float:left;width:48%; padding:10px 10px 10px 0px;}
.fieldInputError{float:left;width:48%; padding:10px 10px 10px 0px;}
.fieldInputField input, .fieldInputField select {border:2px solid #CCCCCC; width:90%;padding:2px;color:#666666;}
.fieldInputFieldError input {border:2px solid #F16A67; width:90%;padding:2px;color:#801404;}
.fieldInputFieldFocus input, .fieldInputFieldFocus select{border:2px solid #5EDD20; width:90%;padding:2px;color:#33652C;}

.fieldInputHint{font-size:10px; color:#666666;}
.buttons {border:1px solid #666666; background:#FFFFFF;-moz-outline-style:none;outline:none;}
.buttonsFocus{border:1px solid #3C6B1F; background:#B0F09B;-moz-outline-style:none;outline:none;}