/**********************************************************/
/* DEFAULT FORMS LAYOUT */
/* Horizontal/Collapsing - labels on top of input on small screens */

/* Form Wrapper */
/*.formHorizWrap {padding:10px 0;float:left; width:100%;}*/

/* Category Wrapper */
.imod_categoryWrapper {padding:0; margin:0 0 20px; width:100%;float:left;}

/* Field Wrapper */
.imod_fieldWrapper {float:left; width:100%; padding:10px 0; border:none;}
.imod_fieldWrapper:first-child {border:none; padding:0 0 5px; }

/* Field Control (label) */
.imod_fieldWrapper .imod_fieldLabel {float:left;width:30%; font-size:1em; font-weight:400; padding:0 10px 0 0;}

/* Field Control */
.imod_fieldWrapper .imod_fieldInput {float:left; padding:0; display:block;}
.imod_fieldWrapper .imod_fieldInput.idbmsInstanceFullRow {width:100%;}
.imod_fieldWrapper .imod_fieldInput > div > div > label.textbox-confirm-label {display:block;}
.imod_fieldWrapper .idbmsInstanceColumnInput {width:60%;}

.imod_fieldWrapper .imod_fieldInput label,
.imod_fieldWrapper .imod_col2 label,
.imod_fieldWrapper .imod_col3 label,
.imod_fieldWrapper .imod_col4 label {padding: 5px 0 0;}
.imod_fieldWrapper .imod_fieldInput input[type='radio'],
.imod_fieldWrapper .imod_col2 input[type='radio'],
.imod_fieldWrapper .imod_col3 input[type='radio'],
.imod_fieldWrapper .imod_col4 input[type='radio'] {margin:0 5px 0 0;}
.imod_fieldWrapper .imod_fieldInput input[type='checkbox'],
.imod_fieldWrapper .imod_col2 input[type='checkbox'],
.imod_fieldWrapper .imod_col3 input[type='checkbox'],
.imod_fieldWrapper .imod_col4 input[type='checkbox'] {margin:0 5px 0 0;}
.imod_fieldWrapper .imod_fieldInput input[type='text'],
.imod_fieldWrapper .imod_col2 input[type='text'],
.imod_fieldWrapper .imod_col3 input[type='text'],
.imod_fieldWrapper .imod_col4 input[type='text']  {/*width:280px; padding:10px;*/ }

.imod_fieldWrapper .idbmsFieldControlCol3 {width:100%;}

/* Category Header Styling */
/*.imod_CategoryWrapper  {}
.imod_fieldWrapper:first-child,
.imod_CategoryWrapper {border-bottom:1px solid #ccc; padding:0; margin:0 0 10px;}
.imod_fieldWrapper:first-child .imod_fieldInput,
.imod_CategoryWrapper {width:100%; background:#eee; }
.imod_fieldWrapper:first-child .imod_fieldInput table.EventsHeader,
.imod_CategoryWrapper .EventsHeader   { border:none;}
.imod_fieldWrapper .imod_fieldInput table.EventsHeader,
.imod_CategoryWrapper .EventsHeader {margin:0; padding:0; border:0; font-size:1.5em; line-height:normal; display:block; width:100%;}
.imod_fieldWrapper .imod_fieldInput table.EventsHeader td,
.imod_CategoryWrapper .EventsHeader {padding:10px;}
.imod_CategoryWrapper .EventsHeader b {font-weight:normal;}
*/
.imod_fieldWrapper .idbmsFieldControlCol2 {width:100%!important;}
.imod_formItemWrapper .EventsHeader,
.imod_fieldWrapper .EventsHeader {border:none;border-bottom:1px solid #ccc; padding:7px 10px; margin:0 0 10px; background:#eee; font-weight:bold; font-size:1.3em; line-height:normal; display:block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.imod_fieldWrapper .EventsHeader b {font-weight:bold;}
.imod_fieldWrapper .imod_fieldInput .idbmsCampaignDesignation_FirstColumn input[type='text'] {width:80px!important;}

/* designations view */
.imod_fieldWrapper .divAdvancedDesignations { -webkit-border-radius:5px; border-radius:5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; border:1px solid #ccc;padding:1em; font-size:1em; line-height:normal;}
.imod_fieldWrapper .divAdvancedDesignations table {border-spacing:0;}
.imod_fieldWrapper .divAdvancedDesignations table tr.desRow td {padding:0 0 0.5em;}
.imod_fieldWrapper .divAdvancedDesignations tr.desFooter {}
.imod_fieldWrapper .divAdvancedDesignations tr.desFooter td {padding-top:0.5em; border-top:1px solid #ccc;}

/* Review/Confirmation Page */
.imod_commSummaryWrapper {width:100%;}
.imod_commSummaryWrapper td {padding:5px;}
.imod_commSummaryWrapper .DataGridAltItem {}
.imod_commSummaryWrapper .DataGridAltItem td {background:#eee;}
.imod_commSummaryWrapper .DataGridAltItem td.imod_summaryDescriptionTitle, 
.imod_commSummaryWrapper .DataGridAltItem td.imod_summarySubTotalTitle {background:#ccc; font-weight:bold;padding:10px 5px;}
.imod_commSummaryWrapper .DataGridAltItem td.imod_summaryDescriptionTitle {width:75%;} 
.imod_commSummaryWrapper .DataGridAltItem td.imod_summarySubTotalTitle {width:25%; text-align:center;}
.imod_commSummaryWrapper td.imod_summaryDescriptionItem {padding-right:10px;}
.imod_commSummaryWrapper td.imod_summarySubTotalCell {text-align:center;}
.imod_commSummaryWrapper td.imod_summaryTotalCell {background: none repeat scroll 0 0 #ccc; border-top: 1px solid #666; font-size: 1.5em; padding: 10px;}

/* @author Jeffrey Jones @date 2013-03-27 @ref https://jira.imodules.com/browse/ENC-11791 @comment adding CSS styles for the template changes */
/* begin ENC-11791 */
.imod_commSummaryWrapper { margin: 30px 0; }
.imod_commSummaryWrapper table { xborder: 1px solid black; border-collapse: collapse; width: 100%; }
.imod_commSummaryWrapper td { padding: 10px 5px; margin: 0; }
.imod_commSummaryWrapper table td.Footer { text-align: right; border-top: 1px solid black; font-weight: bold; }
.imod_commSummaryWrapper table td.PrimaryConfirmationNumber { font-style: italic; }
.imod_commSummaryWrapper table td.SecondaryConfirmationNumber { font-style: italic; border-top: 1px dashed black; }
.imod_commSummaryWrapper table td.CommerceItem { width: 75%; padding-left: 50px; }
.imod_commSummaryWrapper table td.CommerceSubTotal { width: 25%; text-align: right; }
.imod_commSummaryWrapper table th.CommerceDescriptionHeader { width: 75%; border-bottom: 1px dashed black; }
.imod_commSummaryWrapper table th.CommerceSubTotalHeader { width: 25%; text-align: right; border-bottom: 1px dashed black; }
.imod_commSummaryWrapper .CharitableContributions { font-weight: normal; text-align: right; }
.imod_commSummaryWrapper .BillingBreakdown { margin-top: 10px; font-style: italic; }
.imod_commSummaryWrapper .BillingBreakdown > div { margin: 5px 0; }
.imod_commSummaryWrapper sup { font-weight: bold; font-style: normal !important; }
/* end ENC-11791 */


#divPayByCC .imod_fieldWrapper .imod_fieldLabel {}
#divPayByCC .imod_fieldWrapper .imod_fieldLabel[id*="tdCVV2"] { text-align: right; width: 12%;}
/*#divPayByCC .imod_fieldWrapper[id*="trCCType"] { display: none;}*/
#divPayByCC .imod_fieldWrapper small {display: block;}

.imod_summaryWrapper td.imod_billingSummary {}
.imod_summaryWrapper td.imod_billingSummary table {width:100%;}

.imod_billingSummary {padding:20px 0;}
.imod_billingSummary .imod_fieldLabel {font-weight:bold;}

.imod_formSummary {}

.imod_fieldWrapper .imod_ccWrapper input[type='text'],
.imod_fieldWrapper .imod_ccWrapper select {width:auto;}

.imod_billingSummary .imod_fieldWrapper:first-child {border:none;}
.imod_billingSummary .imod_fieldLabel {font-weight:bold; padding:0px;}
.imod_billingSummary .imod_fieldInput {padding:0px;}
.imod_billingSummary .imod_fieldWrapper {padding:10px 0;}

.imod_fieldWrapper .imod_fieldInput textarea, .imod_fieldWrapper .imod_fieldInput input[type='text'], .imod_fieldWrapper .imod_fieldInput select,
.imod_fieldWrapper .imod_col2 textarea, .imod_fieldWrapper .imod_col2 input[type='text'], .imod_fieldWrapper .imod_col2 select ,
.imod_fieldWrapper .imod_col3 textarea, .imod_fieldWrapper .imod_col3 input[type='text'], .imod_fieldWrapper .imod_col3 select,
.imod_fieldWrapper .imod_col4 textarea, .imod_fieldWrapper .imod_col4 input[type='text'], .imod_fieldWrapper .imod_col4 select {border:1px solid #ddd; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(255,255,255) 100%); background: -webkit-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(255,255,255) 100%);  background: -ms-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(255,255,255) 100%); background: linear-gradient(bottom, rgb(245,245,245) 0%, rgb(255,255,255) 100%); -webkit-box-shadow:inset 1px 1px 0 #ddd; box-shadow:inset 1px 1px 0 #ddd; padding:5px; max-width:90%; height:auto;}

.imod_fieldWrapper .imod_fieldInput select option,
.imod_fieldWrapper .imod_col2 select option,
 .imod_fieldWrapper .imod_col3 select option,
 .imod_fieldWrapper .imod_col4 select option {background:#fff;}

.imod_formItemWrapper > table {float:left; width:100%; clear:both;}

.imod_RichPanelMain2 {background:none!important;}

/* Control Fixes for Scheduled Payments/Recurring Payments */
#tblScheduledPayments select, 
#tblScheduledPayments input,
#tblPerpetualGift select,
#tblPerpetualGift input {width:auto!important;}
/*#tblScheduledPayments span#lblPaymentDates,
#tblPerpetualGift span#lblPaymentDatesSubsequent {font-size:0.8em;}*/
#tblScheduledPayments span#spPaymentDates,
#tblPerpetualGift span#spNextPaymentDate {}

/* Custom Classes for Categories
---------------------------------------------*/
	/* Split 50 */
	.imod_categoryWrapper.split50 {width:50%; padding-right:4%;}
	.imod_categoryWrapper.split50.floatLeft {clear:left; float:left; padding-left:0; padding-right:2.75%;}
	.imod_categoryWrapper.split50.floatRight {float:right; padding-right:0; padding-left:4%;}
	/* Stacked */
	.imod_categoryWrapper.stacked .imod_fieldLabel, 
	.imod_categoryWrapper.stacked .imod_fieldInput {display: block;width: 100%;}
	/* Split 50 & Stacked */
	.imod_categoryWrapper.split50.stacked .imod_fieldWrapper {padding-top:0;}
	.imod_categoryWrapper.split50.stacked .imod_fieldWrapper > .imod_fieldInput input[type="text"] {width:95%;}
		/* Email field */
		.imod_categoryWrapper.stacked .textbox-confirm-label,
		.imod_categoryWrapper.stacked .login-password-box {width:100%;}
		.imod_categoryWrapper.stacked .imod_fieldWrapper.email > .imod_fieldLabel {display:none;}
		.imod_categoryWrapper.stacked .imod_fieldInput .login-password-box {padding-bottom:10px;}
	/* Divider line */
	.imod_formWrapper .imod_categoryWrapper.dividerLeft {border-left:1px solid #ccc; padding-left:4%;}
	.imod_formWrapper .imod_categoryWrapper.dividerRight {border-right:1px solid #ccc; padding-right:2.5%;}
	.imod_formWrapper .imod_categoryWrapper.dividerAbove {border-top:1px solid #ccc; padding-top:10px;}
	.imod_formWrapper .imod_categoryWrapper.dividerBelow {border-bottom:1px solid #ccc; padding-bottom:10px;}
	/* Padding Above and Below */
	.imod_categoryWrapper.paddingAbove {padding-top: 4em;}
	.imod_categoryWrapper.paddingBelow {padding-bottom: 4em;}
	/* Border and Background */
	.imod_formWrapper .imod_categoryWrapper.borderWrap {border: 1px solid #ccc; padding:2.5% 3%;}
	.imod_formWrapper .imod_categoryWrapper.borderRadius {border-radius:5px; -webkit-border-radius:5px;}
	.imod_formWrapper .imod_categoryWrapper.backgroundWrap {background: #ECECEC; padding:2.5% 3%;}
	/* Color Sections */
	.imod_categoryWrapper.colorCategory,
	.imod_categoryWrapper.colorCategory1,
	.imod_categoryWrapper.colorCategory2,
	.imod_categoryWrapper.colorCategory3,
	.imod_categoryWrapper.colorCategory4 {padding-left:30px; border-left-width:20px; border-left-style:solid;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.imod_categoryWrapper.colorCategory {border-left-color: #eee;}
	.imod_categoryWrapper.colorCategory1 {border-left-color: #d1d3d4;}
	.imod_categoryWrapper.colorCategory2 {border-left-color: #a7a9ac;}
	.imod_categoryWrapper.colorCategory3 {border-left-color: #808285;}
	.imod_categoryWrapper.colorCategory4 {border-left-color: #58595b;}


/* Custom Styles for PS Forms 
------------------------------------------------------*/

/* .stacked */
.imod_fieldWrapper.stacked .imod_fieldLabel,
.imod_fieldWrapper.stacked .imod_fieldInput {display:block; width:100%;}

/* no label */
.imod_fieldWrapper.noLabel { padding:0 0 10px;}
.imod_fieldWrapper.noLabel .imod_fieldLabel {display:none;}

/* 50/50 split */
.imod_fieldWrapper.split50 {width:50%;}
.imod_fieldWrapper.split50.floatLeft {float:left;clear:left;}
.imod_fieldWrapper.split50.floatRight {float:right;}
.imod_fieldWrapper.split50:nth-child(3n+1) {}

/* wide label - 70% */
.imod_fieldWrapper.label70 {}
.imod_fieldWrapper.label70 .imod_fieldLabel {width:70%;}
.imod_fieldWrapper.label70 .imod_fieldInput {width:30%;}

/* padded fields */
.imod_fieldWrapper.paddingAbove {padding-top:20px!important;}
.imod_fieldWrapper.paddingBelow {padding-bottom:20px!important;}

/* dividing lines */
.imod_fieldWrapper.dividerAbove {border-top:1px solid #ccc;}
.imod_fieldWrapper.dividerBelow {border-bottom:1px solid #ccc;}

/* checkbox on left, label on right */
.imod_fieldWrapper.checkboxLeft {padding-left:22px; position:relative;}
.imod_fieldWrapper.checkboxLeft .imod_fieldLabel {float:left; padding-right:0;width:100%}
.imod_fieldWrapper.checkboxLeft .imod_fieldInput {width:20px; text-align:right; position:absolute; top:11px; left:0;}
.imod_fieldWrapper.checkboxLeft:first-child .imod_fieldInput {top: 0;}
.imod_fieldWrapper.checkboxLeft .imod_fieldInput input {margin-right:10px;}
.imod_fieldWrapper.checkboxLeft .imod_fieldInput div.imod-series-field-list {float:none;}

/* don't do any custom styling on profiles! */
.imod-profile-wrapper .imod_fieldWrapper.stacked .imod_fieldLabel,
.imod-profile-wrapper .imod_fieldWrapper.label70 .imod_fieldLabel,
.imod-profile-wrapper .imod_fieldWrapper.noLabel .imod_fieldLabel {display:block;width:32%;}
.imod-profile-wrapper .imod_fieldWrapper.split50,
.imod-profile-wrapper .imod_fieldWrapper.split50.floatLeft,
.imod-profile-wrapper .imod_fieldWrapper.split50.floatRight {float:left; width:100%;clear:both;}


.imod-profile-wrapper .imod_fieldWrapper.stacked .imod_fieldInput,
.imod-profile-wrapper .imod_fieldWrapper.label70 .imod_fieldInput {width:68%; float:left;}

.imod-profile-wrapper .imod_fieldWrapper.dividerAbove,
.imod-profile-wrapper .imod_fieldWrapper.dividerBelow {border:none;}


/* -------------------------------------------------------------------------- */
/* Media Queries for Forms/Billing/Review
/* -------------------------------------------------------------------------- */

/* =============================================================================
   768px Grid
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1001px){
	
	.imod_fieldWrapper {border:none; padding:10px 0;}
	.imod_fieldWrapper .imod_ccWrapper input[type='text'],
	.imod_fieldWrapper .imod_ccWrapper select {width:auto;}
	.imod_billingSummary .imod_CategoryWrapper {border-bottom:1px solid #ccc; padding:0; margin:0 0 10px;}

}
/* =============================================================================
   Less than 768px / iPhone landscape / android portrait
   ========================================================================== */
   
@media only screen and (max-width: 767px) {
	
	.imod_fieldWrapper .imod_fieldLabel {float:left;width:30%; font-size:1.1em; font-weight:400; padding:0 10px 0 0;}
	.imod_fieldWrapper .imod_fieldInput {float:left; width:60%; padding:0; display:block;}
	.imod_fieldWrapper .imod_fieldInput.idbmsInstanceFullRow {width:100%;}
	.imod_fieldWrapper .imod_ccWrapper input[type='text'],
	.imod_fieldWrapper .imod_ccWrapper select {width:auto;}

	.imod_billingSummary .imod_fieldWrapper:first-child {border:none;}
	.imod_billingSummary .imod_fieldLabel {font-weight:bold; padding:0px;}
	.imod_billingSummary .imod_fieldInput {padding:0px;}
	.imod_billingSummary .imod_fieldWrapper {padding:10px 0;}
	
	/* Custom Classes for Categories */
		/* Split 50 */
		.imod_categoryWrapper.split50,
		.imod_categoryWrapper.split50.floatLeft,
		.imod_categoryWrapper.split50.floatRight {width:100%; padding-left:0;padding-right:0;}
		/* Split 50 & Stacked */
		.imod_categoryWrapper.split50.stacked .imod_fieldWrapper {padding-top:15px;}
		/* Divider */
		.imod_formWrapper .imod_categoryWrapper.dividerLeft {border-left:none;}
		.imod_formWrapper .imod_categoryWrapper.dividerRight {border-right:none;}
		/* Email */
		.imod_categoryWrapper.stacked .imod_fieldWrapper.email .imod_fieldInput label.textbox-confirm-label {display:block;}
	
	
	/* Custom Styles for PS Forms 
	------------------------------------------------------*/
	/* no mobile border (bottom div) */
	.imod_fieldWrapper.noMobileBorder {border:none;}
	
	/* no label */
	.imod_fieldWrapper.noLabel { padding:0 0 10px;}
	
	/* 50/50 split */
	.imod_fieldWrapper.split50 {width:100%;}
	
	/* padded fields */
	.imod_fieldWrapper.paddingAbove {padding-top:4em;}
	.imod_fieldWrapper.paddingBelow {padding-bottom:4em;}
	
	/* dividing lines */
	.imod_fieldWrapper.dividerAbove {border-top:1px solid #ccc;}
	.imod_fieldWrapper.dividerBelow {border-bottom:1px solid #ccc;}
	
	/* checkbox on left, label on right */
	
	
	}

/* =============================================================================
   480px / iphone landscape
   ========================================================================== */
@media only screen and (max-width: 480px) and (max-device-width: 480px) {
	
	.imod_fieldWrapper .imod_fieldInput {width:100%;}
	.imod_fieldWrapper .imod_fieldInput input[type='text'] {width:310px; }
	.imod_fieldWrapper .imod_fieldInput > div > div > label.textbox-confirm-label {display:none;}
	.imod_fieldWrapper .imod_fieldInput textarea {width:310px; padding:10px;}
	.imod_fieldWrapper .imod_fieldInput select {width:330px;}
	
	#ContentMiddle .error, 
	#ContentMiddle .Error {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;width:100%; margin:0 0 1em; font-size:0.7em; background-position:10px center;}
	
	}
/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
	
	.imod_fieldWrapper { border-bottom:1px solid #ccc; padding:15px 0;}
	/*.imod_fieldWrapper:first-child {border:none;}*/
	.imod_fieldWrapper.label70 .imod_fieldLabel,
	.imod_fieldWrapper .imod_fieldLabel {width:100%; display:block;}
	.imod_fieldWrapper.label70 .imod_fieldInput,
	.imod_fieldWrapper .imod_fieldInput {width:100%;}
	.imod_fieldWrapper .imod_fieldInput > div > div > label.textbox-confirm-label {display:none;}
	.imod_fieldWrapper .imod_fieldInput input[type='text'],
	.imod_fieldWrapper .imod_col2 input[type='text'],
	.imod_fieldWrapper .imod_col3 input[type='text'],
	.imod_fieldWrapper .imod_col4 input[type='text'] {width:230px; }	
	.imod_fieldWrapper .imod_fieldInput textarea,
	.imod_fieldWrapper .imod_col2 textarea,
	.imod_fieldWrapper .imod_col3 textarea,
	.imod_fieldWrapper .imod_col4 textarea {width:230px; padding:10px;}
	.imod_fieldWrapper .imod_fieldInput table td input[type="text"] {width:200px!important;}
	.imod_fieldWrapper .imod_fieldInput select {width:250px; background:#f7f7f7; padding:5px;}
	.imod_fieldWrapper .imod_ccWrapper input[type='text'],
	.imod_fieldWrapper .imod_ccWrapper select {width:auto;}
	.imod_fieldWrapper .imod_fieldInput table td select {width:212px!important;}
	
	.imod_billingSummary .imod_fieldWrapper {padding:0px 0;}
	
	.imod_billingSummary .imod_CategoryWrapper {margin:0; border:none; margin:0;}
	.imod_billingSummary .imod_fieldLabel {padding:10px 0 3px; display:block;}
	.imod_billingSummary .imod_fieldInput {padding:0px 0 10px;display:block;}
	
	.imod_col4 {border:none; margin:0;}
	
	.imod_formSummary {float:left; width:100%;}
	.imod_formSummary .imod_fieldWrapper .imod_CategoryWrapper {margin:0; border:none;}
	.imod_formSummary .imod_formCategoryTitle {border-bottom: 1px solid #CCCCCC; float: left; font-size: 1.25em; font-weight: bold; padding: 30px 0 5px; text-transform: uppercase; width: 100%;}

	#ContentMiddle .error, 
	#ContentMiddle .Error {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;width:100%; margin:0 0 1em; font-size:0.7em; background-position:10px center;}
	
	.imod_fieldWrapper.checkboxLeft .imod_fieldInput {top:16px;}

	
}
/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
}