/* CSS for All Public Facing CWP Forms */

/* General ------------------------------------------- */
body
{
	font-family: Arial, Verdana, Lucida Grande, Sans-Serif; 
	font-size: 9pt;	 
}

.dBody {
  margin:auto; 
  padding:0; 
  text-align: left;
  font-size: 10pt; 
}

.spacer {
	display:block; 
	clear:both; 
	width:1px; 
	height:1px;
}
.row-spacer { margin-top: 5px }
.no-margin {margin:0;}
.no-pad { padding:0; }
.asterisk {font-weight:bold; color:#990000; }
.hint 
{
	font-size: 11px;
	font-weight:normal;
	color:#666;
}

/* Sections */
.sectionTitle 
{
	border: none;
	border-bottom: 1px solid #18344F;
	color:#18344F;
	font-size:10pt;
	font-weight:bold;
	margin-bottom:2px;
	text-align:left;
	width:100%;
}

.sectionTitle span
{
	display:block;
	background: none;
	padding: 2px 4px;
}

/* wraps title and body together */
.sectionWrap
{
	clear: both;  
	width: 100%; 
	margin-bottom:4px;
	border:none;
}

.sectionBody { padding:12px 12px 0 0.5em; }

.sectionCaption
{
	color:#999;
	width:100%;
	font-size:11px;
	margin-top: 3px;
}

/*
SECTION HOOKS:
note, these may require some 
looking into for use, since 
if the tag includes runat server,
they won't work without the ASP.NET
prefix
*/
#sectionBodyEventInformation { font-size: 9pt; }
#sectionTitleEventInformation{}
#sectionWrapEventInformation{}

#sectionBodyContribInformation{}
#sectionTitleContribInformation{}
#sectionWrapContribInformation{}

#sectionBodyPaymentInformation{}
#sectionTitlePaymentInformation{}
#sectionWrapPaymentInformation{}

#sectionBodyConfirmation{}
#_ctl0_cph1_sectionWrapConfirmation { padding-bottom:12px; }
	
#sectionBodyConfirmation ul {margin-top: 0;}
#sectionBodyConfirmation ul li {line-height: 1.4em; margin-bottom: 5px; }
#sectionBodyConfirmation ul br {display:none}

#sectionWrapOptionalInfo{}
#sectionBodyOptionalInfo {text-align:left; margin-bottom:20px; }

#_ctl0_cph1_sectionWrapOptionalInfo {padding-top: 0}
#_ctl0_cph1_sectionWrapOptionalInfo .sectionBody {padding-top: 0}
#sectionBodyPersonalInformation{}
#sectionTitlePersonalInformation{}
#sectionWrapPersonalInformation{}

#sectionBodyEmploymentInformation{}
#sectionTitleEmploymentInformation{}
#sectionWrapEmploymentInformation{}

#sectionBodyVolunteerComment{}
#sectionTitleVolunteerComment{}
#sectionWrapVolunteerComment{}

#sectionBodyAttendeeInformation{}
#sectionTitleAttendeeInformation{}
#sectionWrapAttendeeInformation{}

#sectionBodyGuests{}
#sectionTitleGuests{}
#sectionWrapGuests{}

#sectionBodyTickets{}
#sectionTitleTickets{}
#sectionWrapTickets{}


/* Content ------------------------------------------- */

#dCI_RequiredFields {
  display:block; 
  clear:both; 
  font-size: 8pt; 
  font-weight: normal; 
  text-align: right;}
 
 .dOptHeader 
{
	text-align:left;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 475px
}

.divPaidForImgAndHeader { text-align:center; }
  
.dPaidFor {	margin:0; padding:0; }

.dPaidForHeader {
	display:block;
	text-align:center;
	padding:0px 0 10px;
	
	}
	
.dPaidForHeader em {
	border:1px solid #666666;
	clear:both;
	color:#333333;
	font-size:9pt;
	font-weight:normal;
	font-style: normal;
	padding:8px 30px;
	text-align:center;
	text-decoration:none;
	}

.dErrorMsg {
	font-weight:bold; 
	color:Red; 
	font-size:11px; 
	clear: both; 
	padding-left: 10px; 
	width: 550px; 
	margin-bottom: 0px	
}

.labelError 
{
	font-weight:bold; 
	color:Red; 
	font-size:11px; 
	clear: both;
}

div#_ctl0_cph1_dConfirmContribGift
{
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left
}

#sectionBodyConfirmContribGift, 
#sectionBodyOptionalInfo, 
#sectionBodyConfirmation ul  { display: block; text-align: left;}

#internalDataLeftCol { float:left;width: 100%; }
#internalDataRightCol {float: left;}
#internalDataDisclaimer {margin-bottom:10px;}

/* General Form -------------------------------------- */

.form-group 
{
  float:left;
  display:block; 
  width:100%;
  clear:both; 
  margin-bottom:10px;
}

.form-group-left 
{
  float:left;
  display:inline; 
  width:45%;
  margin-bottom:10px;
}

.form-group-right 
{
  float:right;
  display:inline; 
  width:45%;
  margin-bottom:10px;
}

.form-group-divider 
{
  float:left;
  display:inline; 
  width:5%;
  height:100px;
  margin-bottom:10px;
  margin-top:15px;
  border-left: solid 1px #646464
}

.form-item { float:left; }
.textfield {font-size:9pt; margin-top:2px; }
.field-label {font-weight:bold;	color: #333; }
.field-header {font-weight:bold; color: #333; font-size:12pt;}
.field-icon {font-weight:bold; color: #333; font-size:12pt;margin-top:10px;margin-bottom:10px;}

label, 
span#snExt { display: block }

div.public-radiobutton label,
div.dAmountRadios table label,
div.dRecurrenceSelection label,
span.dRecurrenceIndent label,
#dRBL_InfoCaption span.sectionCaption span,
#dRBL_InfoCaption label {display: inline}

span.dRecurrenceIndent  { clear: both; display: block }
	
br.label,
br.labelState {display:none;}

.txtContribColumn1 { width:145px; margin-right:6px; }
.txtContribColumn1long { width:145px; margin-right:6px; }
.txtContribColumn2 { width:145px; }
.txtContribColumnBoth { width:97%; }

.labelfieldMA { clear:both;	display:block; }

/* Personal Information ------------------------------- */
#dCI_FirstName,
#dCI_LastName,
.dCI_MiddleName,
.dCI_Suffix,
.dCI_City,
.dCI_State,
.dCI_Zip { float:left; }

.dCI_Suffix { margin-right: 4px }

.dCI_Prefix,
.dContribEmail { float:none; }

/* Names */
#dCI_LastName {	clear:both; }
.txtContribSuffix {	width:80px; }

/* Address */
.dAddressWrap {	clear:both;	width:100%;}

.dCI_State { margin-right: 6px}
.txtContribState{ margin-top:2px; *margin-top: 3px}

.dCI_Zip { width:91px; }
.txtContribZip{width: 97%; *width:100%}
* html .txtContribZip{width: 97%;}

/* Phone */
.phoneWrap{clear:both;}
.phone-label { clear:both; }
.dCI_PhoneWork {clear:left; width: 99%}
.phone-labelWork {float: left; display: inline; }
.phone-labelExt {float: left; display: inline; }

/* Email Opt-in */
div#dCI_OptIn {	margin-top: 3px; width:260px;}
div#dCI_OptIn span { float: left }
div#dCI_OptIn span#_ctl0_cph1_UCCI_snOptIn { display: block; float: left; margin-top: 2px; *margin-top: 3px; width: 200px}

/* Employer Information */
.legalNote {font-size: 11px }

#dRBL_InfoCaption,
#dRBL_InfoCaption2 {
	font-size: 11px;
	width: 95% }


/* Contributions ------------------------------------- */
/* Amounts*/
/* style for amount radio buttons */
.public-radiobutton { width:65px;}
.public-radiobutton-long {width:200px;}

/* Recurring Options*/
.dRecurrenceSelection
{
	border-bottom:1px dashed #D1D7DF;
	padding-bottom:6px;
	margin-bottom:6px;
}

.dRecurringPeriod { margin-bottom: 5px }

.dRecurMonthDate 
{
	float: left; 
	margin-top: -16px; 
	*margin-top: -17px;
	margin-left: 190px
}

.snRecurMonthly
{
	float:left;
	width:90%;
	margin-bottom:5px;
}

.chkRecurring
{
	float:left;
	margin-top:-1px;
	*margin-top:-2px;
	margin-left:4px;
}

#dRecurrencyChkbox { margin-top:5px; }

.dRecurrenceIndent {margin-left:20px;}

.dRecurrenceSecIndent {margin-top:4px; margin-left:43px; }
.ddRecurringContribYear { float:left; margin-left:6px; }
.ddRecurringContribMonth {float:left;}

div#cc_disable_radio_fields { color: #000; width: 456px }

/* Credit Card Information */
.dPaymentInfo {	float:none; }
#dCreditCardIcons {	margin-bottom:5px; vertical-align:middle;} 
.imgCreditCard { margin:0 1px -4px; }
.ddCreditCardMonth select { width: 50px; margin-right: 1px}

.snWhatIsThis 
{
	font-size: 11px; 
	display:inline-block; 
	float: left; 
	width: 75px; 
	padding-top: 5px; 
	text-decoration: underline } 


/* Comments */
.dComment {display: block; width: 100% }
textarea.commentField { width: 456px} 

/* Spread the Word */
.stwContainer
{
	margin: auto;
	padding-left: 20px;
	width: 600px }


/* Events -------------------------------------------- */  
/*.event-info-label { float:left;width:100px; }*/

/* Attendee Information */
.attendee-left,
.attendee-right {float:left; margin-bottom: 3px}
#dFirstName {width: 150px;}

/* Tickets */
#sectionBodyTickets .form-group { margin-bottom: 6px }

.etip-description { width: 162px; display:block; float:left;margin-bottom:5px;}
.etip-cost { width: 75px; display:block; float:left;margin-bottom:5px; }
.etip-header { text-decoration: underline;}
.etip-quantity {text-decoration: underline;}

#pnlTickets {clear: both; }

/* Add guests */

#dGuestAdd {width: 300px; } 
#dEventBtnGuestAdd{ float:left;}
.guest-item 
{
  clear: left;
  display:inline; 
  display: inline-block;
  float:left; 
  margin-bottom:5px;
  width: 400px;
}

input#_ctl0_cph1_btnGuestAdd  { margin-left: -88px }
input#_ctl0_cph1_btnGuestAdd { float: left; margin-top: 17px }

#pnlGuests {clear: both; }

/* Data Grid and Tables */
.datagrid {
	font-size: 8pt; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none
}

/* Optional Info */

#dOptInfo
{
	margin: auto;
	width:100%;
	text-align: left;
	padding: 0;
}

/* Buttons ------------------------------------------- */
div.returnToWebsite { margin-top: 10px; }

#dNavButtons {
  clear: both;
  text-align:center;
  width:100%;
  margin:10px auto;
  padding-top: 10px
}

#divEventGoBackBtn
{
	text-align:center;
	margin-top: 10px;
	margin-bottom:12px;
}

#dSaveCancelButtons { width:100%; padding:0; }

.dSaveCancelButtons {
  clear: both;
  margin-top: 10px; 
  margin-bottom: 10px; 
  padding-left: 10px;
  text-align: center
}

input.donatebutton,
input.savebutton  
{
   color:#333;
   font-family: Arial, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
	background:#E12A2C;
	color:#fff;
	border:1px solid #732123;
   width: 125px;
   cursor:pointer;
   padding:4px;
}



input.donatebutton:active,
input.donatebutton:hover,
input.savebutton:active,
input.savebutton:hover 
{
	background:#ED494C;
	color:#fff;
	border:1px solid #732123;
}

input.genericbutton
{
	border: 3px double #333;
	border-top-color: #999;
	border-left-color: #999;
	background-color: #d8d8d8;
	color: #333;
	font-size:11px;
	font-weight: bold;
	padding: 0.1em;
	margin-top: 1px
}
input.genericbutton:active,
input.genericbutton:hover {
	border: 3px double  #666;
	border-top-color: #999;
	border-left-color: #999;
	background-color: #e2e2e2;
	padding: 0.1em; }
	
input.removebutton
{
	border: 3px double #333;
	border-top-color: #999;
	border-left-color: #999;
	background-color: #d8d8d8;
	color: #333;
	font-size:11px;
	font-weight: bold;
	padding: 0.1em;
	float: left;
	margin-top: 17px
}
input.removebutton:active,
input.removebutton:hover {
	border: 3px double  #666;
	border-top-color: #999;
	border-left-color: #999;
	background-color: #e2e2e2;
	padding: 0.1em; }

.metalbutton{

	border: #646464 1px solid;
	font: 11px Arial;
	cursor: pointer;
	background-color: silver;
	background-image: url(../images/buttons/metalbutton.png);
	height: 20px;
	padding: 2px;
}
/* Branding Area ------------------------------------- */
.btnW50 { width: 50px; }

.MenuB12
{
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
	text-decoration: none;
}

.dBrand 
{
	margin: 0 auto;
	padding:0;
	width:100%;
	text-align: center;
	clear:both;
}

#dVerisignSeal { text-align:center; width:100%; }