/*
	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 .creditCard .amount table { width:auto; }
.fb-form .creditCard .amount table td.title { min-width:100px; font-weight:normal; }
.fb-form .creditCard .amount table td.amount { min-width:20px; text-align:right; }
.fb-form .creditCard .amount table tr.total td.title,
.fb-form .creditCard .amount table tr.total td.amount { font-weight:bold }

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

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

.fb-form .quantity input { width: 2em; }

.fb-form .dropDownList-money .control .quantity { margin-left: 3px; }

.fb-form .dropDownList-money.hidePrice .control .price,
.fb-form .radioButtonList-money.hidePrice .control label .price,
.fb-form .checkBoxList-money.hidePrice .control label .price
{
	display: none;
}

.fb-form .control label .title { font-weight: normal; }
.fb-form .charges { min-width: 300px; }

.fb-form .charges td,
.fb-form .charges th {
	padding: 2px 0;	
}

.fb-form .charges tr.total td span {
	padding-right: 0.5ex;
	text-transform: uppercase;
}