/*
	This stylesheet is used to customize appearance of forms created with Form Builder.
	Please make sure this file is referenced in the page code.
*/
.fb-form {}
.fb-form .field { padding: 5px 5px 5px 0; margin-bottom: 5px;  }
.fb-form .field .title { font-weight: bold; }
.fb-form .field .control .sub-title { font-weight: bold; padding-bottom: 3px; margin-top: 10px; }
.fb-form .field .control>div{ margin-bottom:15px; }
.fb-form .field .title label { }
.fb-form .field .description { font-size: 90%; color: gray; }
.fb-form .field .fixedDescription { font-size: 90%; color: #444; }

.fb-form .personName .firstName,
.fb-form .personName .middleName { float: left; padding-right: 10px; }
.fb-form .personName .lastName { }

.fb-form .date .month,
.fb-form .date .day,
.fb-form .phone .area,
.fb-form .phone .digit0,
.fb-form .city,
.fb-form .state { float: left; padding-right: 10px; }

.fb-form .street1,
.fb-form .street2 { margin-bottom: 5px; }

.fb-form .separator { padding: 10px 3px;}

.fb-form .separator .title label, 
.fb-form .creditCard .title label { font-size: 130%; }

.fb-form .separator .description, 
.fb-form .creditCard .description { font-size: 100%; }

.fb-form .creditCard .number, 
.fb-form .creditCard .cvv { float:left; padding-right: 10px; }

.fb-form .creditCard .name { clear:left; }

.fb-form .active {  }
.fb-form .over {  }
.fb-form .req { color: red; }

.fb-form .sub-title { margin-bottom: 0 !important; }