/* ==| Form Structure Element Style | == */
form.columnLayout .SectionContainerObject { float:none; clear:both; padding-left:2px; overflow:hidden; }
form.columnLayout .SectionHeader { padding:20px 0 0 0; margin:0 0 10px 0; clear:both; overflow:hidden; }
form.columnLayout .SectionSubHeader { padding:10px 0 5px 0; clear:both; overflow:hidden; }

form.columnLayout .instructions { float:none; clear:both; margin:0 0 0 0; padding:0 2px 0 2px; overflow:hidden; }
form.columnLayout .instructions p { margin:0 0 0.5em; }
form.columnLayout .instructionText{ float:none; clear:both; display:block; margin-bottom:5px; overflow:hidden; }

form.columnLayout .disclaimer { float:none; clear:both; margin:15px 0 0 0; padding:5px 0 0 0; overflow:hidden; }
form.columnLayout .disclaimer p { margin:0 0 0.5em; }

form.columnLayout .loadingMessage { display:block; overflow:hidden; }
form.columnLayout .buttonContainer { margin:10px 0 0 0; }

/* ==| Form Column Layout Styles | == */
form.columnLayout .fieldContainer { overflow:visible; min-height:45px; height: auto !important; height: 45px; padding:0 !important; }
form.columnLayout .formField { display:block; padding-right:4px !important; }
form.columnLayout .fieldContainer input.inputbox { width:100%; font-size:12px; } /* DONT CHANGE FONT SIZE */
form.columnLayout .fieldContainer textarea { width:100%; font-size:12px; } /* DONT CHANGE FONT SIZE */
form.columnLayout .fieldContainer select { width:100%; font-size:11px; } /* DONT CHANGE FONT SIZE */

form.columnLayout { width:690px; text-align:left; margin:0; }
form.columnLayout .oneColumn { float:left;  width:684px; clear:none; } /* form.width - 6px */
form.columnLayout .twoColumn { float:left;  width:340px; clear:none; } /* (form.width - 10px) / 2  */
form.columnLayout .threeColumn { float:left; width:225px; clear:none; } /* (form.width - 14px) / 3 */
form.columnLayout .fourColumn { float:left; width:168px; clear:none; } /* (form.width - 18px) / 4 */
form.columnLayout .pos1 { clear:both; margin-right:4px !important; }
form.columnLayout .pos2, form.columnLayout .pos3, form.columnLayout .pos4 { margin-right:4px !important;  }

/* ==| Form Custom Elements Styles | == */
form.columnLayout .oneColumn.prefix input { float:left; width:668px !important; clear:none; margin-left:2px; }
form.columnLayout .fieldContainer.prefix .valuePrefix { float:left; }

form.columnLayout .fieldContainer.expiration {}
form.columnLayout .fieldContainer.expiration span.divider { display:block; float:left; padding:0 2px; }
form.columnLayout .fieldContainer.expiration.twoColumn select { width:164px; float:left; }

form.columnLayout .fieldContainer .fileHint { display: block; margin:0 10px 0 0; padding:0 0 0 0; float:left; height:20px; line-height:20px; }
form.columnLayout .fieldContainer .fileHint input { margin-right:5px; border:0 none; }

/* ==| Form Checkbox & Radio Styles | == */
form.columnLayout label.checkboxInput { margin-right:10px !important;  }
form.columnLayout label.checkboxInput input.checkbox { margin-right:2px !important; vertical-align:middle; border:0 none; background-color:transparent; }
form.columnLayout label.radioInput { margin-right:10px !important;  }
form.columnLayout label.radioInput input.radio { margin-right:2px !important; vertical-align:middle; border:0 none; background-color:#transparent; }

form.columnLayout .fieldContainer.options label.checkboxInput,
form.columnLayout .fieldContainer.options label.radioInput { display:block !important; clear:both !important; white-space:nowrap!important; }
form.columnLayout .fieldContainer.checkbox { overflow:visible; min-height:25px; height: auto !important; height: 25px;}
form.columnLayout .fieldContainer.checkbox .formField { float:left; clear:none; }
form.columnLayout .fieldContainer.checkbox input.checkbox { margin-right:2px !important; vertical-align:middle; border:0 none; background-color:transparent; }
form.columnLayout .fieldContainer.checkbox label { float:left; clear:none; margin-right:10px !important; }

/* ==| Form Print Styles | == */
.fieldContainer.print .requiredIcon,
.fieldContainer.print .hint { display:none; }
.fieldContainer.print label span { font-weight:normal; }
.fieldContainer.print label, 
.fieldContainer.print .formField { padding-left:2px; }

/* ==| Form Error Styles | == */
.formError.generic { float:none; clear:both; padding:5px 10px; }
.formError ul { margin:5px 0 5px 15px; }

/* ADDITIONAL ELEMENT STYLING */
.prototip .tooltip .title,
.prototip .tooltip .content { text-align:left !important; }

#SubscriptionsContainer { text-align:left; color:#4786A2; font-family:Arial,Helvetica,sans-serif; font-size:12px; }
#SubscriptionsContainer ul { }
#SubscriptionsContainer li { list-style:none; list-style-type:none; margin-bottom:10px; }
#BillingSameAsContact { border:0 none; }

.SubscriptionItem { float:left; border:0 none; line-height:18px; }
.subscriptionName { float:left; margin-left:5px; line-height:18px; font: normal 14px Arial, Helvetica, sans-serif; color:#333333; }
.subscriptionDesc { clear:both; padding:0 15px 3px 25px; font: normal 11px Arial, Helvetica, sans-serif; color: #666666; line-height:1.8em; }
.subscriptionCost { clear:both; padding:0 15px 0 25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:normal; }

#BrickFormWpr .BrickPreviewButtonWpr button { height:90px; margin:auto; width:90px; display:block; background:url(../images/PreviewButton.jpg); cursor:pointer;}
#BrickFormWpr .BrickPreviewButtonWpr span { display:none;}