/* Do not put custom CSS in this file, Override the styles at the module level */

/* GLOBAL FORM ELEMENTS */
.fieldContainer label { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000000; }
.fieldContainer input.inputbox,
.fieldContainer textarea,
.fieldContainer select { border:1px solid #5EB4D9 !important; border:1px solid #5EB4D9; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; color:#000000; }

/* FORM SECTION AND INSTRUCTION ELEMENTS */
form.columnLayout .SectionHeader {  line-height:18pt; padding:20px 0 0 0; clear:both; border-bottom:1px solid #B7D4E0; overflow:hidden; zoom:1; margin-bottom:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000000; font-size:12pt; }
form.columnLayout .SectionContainerObject { overflow:hidden; float:none; clear:both; padding-left:0; }
form.columnLayout .SectionSubHeader {  padding:0 0 10px 0; clear:both; overflow:hidden; zoom:1; color:#426162; font-size:12px; }
form.columnLayout .instructions { color:#263F6A; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5em; margin:0; padding:0 2px; }
form.columnLayout .PayByCheckInfo { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
form.columnLayout .Disclaimer { clear:both; font-style:italic; }
form.columnLayout .instructionText{ color:#999999; display:block; font-size:11px; font-style:italic; margin-bottom:5px; }
form.columnLayout .instructions { }
form.columnLayout .instructions p { margin:0 0 0.5em; }
form.columnLayout .loadingMessage{ color:#999999; display:block; font-size:11px; font-style:italic; }
form.columnLayout .buttonContainer { margin-top:10px }

/* FORM LIBRARY ELEMENTS STYLING */
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 .fieldContainer input.hint { background-color: #ffffff; }
form.columnLayout .hint { font-family:Arial, Helvetica, sans-serif; font-style:normal; }
form.columnLayout .description { font-family:Arial, Helvetica, sans-serif; font-style:normal; line-height:normal; color:#CCCCCC; }
form.columnLayout .description p { margin:0 0 0.5em; }

/* FORM ELEMENT COLUMN LAYOUT SIZING  */
form.columnLayout { width:606px; text-align:left; margin:0; }
form.columnLayout .oneColumn { float:left;  width:600px; clear:none; } /* form.width - 6px */
form.columnLayout .twoColumn { float:left;  width:298px; clear:none; } /* (form.width - 10px) / 2  */
form.columnLayout .threeColumn { float:left; width:197px; clear:none; } /* (form.width - 14px) / 3 */
form.columnLayout .fourColumn { float:left; width:147px; clear:none; } /* (form.width - 18px) / 4 */
form.columnLayout .pos1 { clear:none; margin-right:4px !important; }
form.columnLayout .pos2, form.columnLayout .pos3 { margin-right:4px !important;  }

form.columnLayout .twoColumn.pos2 { margin-right:0 !important; }
form.columnLayout .threeColumn.pos3 { margin-right:0 !important; }

#div_ContactPhone, #EventLocationAddress2, #div_EventLocationAddress1 { width:296px  !important; }
#div_EventLocationCity, #div_EventLocationState, #div_EventLocationZip { width:197px !important; margin-right:2px !important; }

/* FORM ELEMENT SIZING OVERRIDES */
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; }

/* CHECKBOX AND RADIO STYLING */
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; }

/* FILE INPUT STYLING */
form.columnLayout .fieldContainer .fileHint {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0; border: 0;
	padding: 0; float: left;
	margin-right:10px;
	height:20px;
	line-height:20px;
}
form.columnLayout .fieldContainer .fileHint input { margin-right:5px; border:0 none; }

/* FORM ERROR STYLING */
.formError.generic { float:none; clear:both;  }
.formError { font-weight: bold; background-color:#FFFAF4; border:1px solid #FFBF8A; color:#D95E00; font-size:11px; font-weight:normal; list-style-type:none; margin:5px 0pt; padding:5px; }
.fieldContainer.error * { color:#D95E00 !important; }
.fieldContainer.error input.text, .fieldContainer.error input.password, .fieldContainer.error select, .fieldContainer.error textarea { background-color:#FFFAF4 !important; border-color:#FFBF8A !important; color:#D95E00 !important; }

/* FORM PRINT STYLING */
form.columnLayout .fieldContainer.print {}
form.columnLayout .fieldContainer.print .requiredIcon { display:none; }
form.columnLayout .fieldContainer.print label { color:#000000; background:#D1E4ED none repeat scroll 0 0; border-bottom:1px solid #5EB4D9; padding-left:2px; }
form.columnLayout .fieldContainer.print label span { font-weight:normal; }
form.columnLayout .fieldContainer.print .formField { padding-left:2px; }
form.columnLayout .fieldContainer.print .hint { display:none; }

/* FORM TABLE STYLING */
form.columnLayout .FormTable { margin-top:5px; margin-bottom:5px; }
form.columnLayout .FormTable { border:1px solid #CACACA; }
form.columnLayout .FormTable thead th { background-color:#D7D7D7; border-width:0 0 0 0; border-bottom:1px solid #CACACA; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:5px; }
form.columnLayout .FormTable tbody tr.odd { background-color:#FFFFFF; }
form.columnLayout .FormTable tbody tr.even { background-color:#FFFFFF ; }
form.columnLayout .FormTable tbody tr.error { background-color:#FFEEDD; }
form.columnLayout .FormTable tbody tr.error td input { background-color:#FFFFFF; border:1px solid #990000; color:#990000; }
form.columnLayout .FormTable tbody td { color:#426162 !important; padding:5px; }
form.columnLayout .FormTable tbody td input { background-color:#FFFFFF; border:1px solid #CACACA; font-size:12px; }

/* 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; }

#div_captcha #spn_captcha #captcha_wrapper { background-color:#E9F7FC !important; border:1px solid #5EB4D9 !important; padding:3px; width:302px; overflow:visible; }
#captcha_image { border:1px solid #5EB4D9 !important; } 

.instructions-wysiwyg { padding-bottom:10px; }
.instructions-note { border:2px solid #7AB1C5; background-color: #D6EDF3; overflow:hidden; clear:both; float:none; padding:5px; font-size:10px; color:#000000; line-height:1.45em; text-transform:uppercase; }

#div_CharityRegister .labelText { font-weight:bold; line-height:normal; }
