/*******************************************************************************
FaithChapel Weblink Styles 2011-07-27-11:46
 Global Styles
*******************************************************************************/
body{
    background-color: #000;
    margin:0;
    text-align: center /*centering in IE*/
}

body, label, p, .bodycopy
{
    font: 13px/1.5 Verdana,Geneva,sans-serif;
    color: #fff;
}

.bodycopy img
{
    background-color: #fff;
}

/* override the above rule for spacers */
.bodycopy img[src="/integration/Image/spacer.gif"],
.bodycopy img[src="/integration/Image/transparent.gif"]
{
    display: none;
}

a,
a:link,
a:visited,
a:active
{
    color: #99f;
}

.topgrouptd a,
.topgrouptd a:link,
.topgrouptd a:visited,
.topgrouptd a:active
{
    color: #66f;
}

.pageTable
{
    width: 1000px;
    height: 95%;
    margin: auto auto;
    background-color: #3b3b3b;
    text-align: left; /*IE*/
    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.VersionNumber
{
    font-size: 11px;
    /*font-family: tahoma, arial, helvetica;*/
    text-decoration: none;
    color: #ccc;
}

#tblConfirmation
{
    width: 750px !important;
}

#tblConfirmation td
{
    padding-left: 10px;
}
.pageTableContentCell
{
    
}

.pageTableFooterCell .bodycopy
{
    color: #fff;
}

.pageTableFooterCell
{
    padding: 10px;
    background-color: #3b3b3b;
}

.HeaderContainer
{
    width: 1000px;
    height: 150px;
    border: 0px;
    border-collapse:collapse;
    margin: 0;
    padding: 0;
    background-image: url('http://www.faithchapel.cc/Portals/0/fc_skin__logo_header.png');
    background-position: bottom left;
    background-repeat: repeat-x;
}

.HeaderTitleImage
{
    float: right;
}

.HeaderMenuContainer
{
    background-color: transparent;
    vertical-align: bottom;
    text-align: right;
    padding-right: 20px;
}

.HeaderTitleImage
{
    /* ? */
}

.HeaderTitleImageContainer,
.HeaderSpacerTop,
.HeaderSpacerBottom
{
    background-color: transparent;
    padding: 0px; /*cellpadding*/
    margin: 0px; /*cellspacing*/
}


/*******************************************************************************
 Unknown Styles TODO
*******************************************************************************/

.FormBuilderStatusSelectedText 
{
    font-size: 11px;
    font-family: tahoma, arial, helvetica;
    text-decoration: none;
    color: #336699;
}

.ErrorMessageTable{
	/*	This is used for the online giving
		section. When the schedule is disabled
		and there was an error, this is the style
		that will show for the error message pop up.
		
		NOTE: The background-color must be set
	*/
	background-color: #f5f5f5;
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	color: #ffffff;
	padding-right:5px;
}

.PopupAlert {
	 BORDER-RIGHT: black 1px solid;
	 BORDER-TOP: black 1px solid; 
	 LEFT: 0px; 
	 BORDER-LEFT: black 1px solid; 
	 BORDER-BOTTOM: black 1px solid; 
	 TOP: 0px;
	 BACKGROUND-COLOR: infobackground;
	 font-size: 11px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000; 
}
.PopupAlertHeaderSection {
	BORDER-BOTTOM: black 1px solid;
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000; 
}
.PopupAlertContentSection {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px;
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000; 
}


/* Activity Finder Styles */
.ActivityFinderTable{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	width:100%;
}
.ActivityFinderHeaderTD{
	font-size: 11px;
	font-family: tahoma, arial, helvetica;	
	color: #ffffff;
	font-weight:bold;
	background-color:#7f7f7f;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:2px;
	white-space: nowrap;
}	
.ActivityFinderTD{
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	color: #000000;
	padding:3px;
}
.ActivityFinderFooterTD{
	text-align:right;
	padding-bottom:5px;
}
/******************************************************************************/

/* CSS classes that are used within each module header.
	Below is an example of the how the header portion of all integration modules
	is structured. Certain style elements/ properties are defined by the layout
	template and are not allowed to be overridden.
	<TABLE class="HeaderContainer" width="100%" cellpadding="0" cellspacing="0" border="0">
		<TR>
			<TD class="HeaderTitleImageContainer"><IMG class="HeaderTitleImage" src="[dyanmically set at runtime]"></TD>
		</TR>
		<TR>
			<TD class="HeaderSpacerTop"><IMG src="spacer.gif" height="1"></TD>
		</TR>
		<TR>
			<TD class="HeaderMenuContainer"></TD>
		</TR>
		<TR>
			<TD class="HeaderSpacerBottom"><IMG src="spacer.gif" height="1"></TD>
		</TR>
	</TABLE>
*/

/*
General styles
*/

.EmailGroupListDiv
{
    overflow: auto;
    height:300px;
}

.ActivityDetailListDiv
{
    overflow: auto;
    height:225px;
}

TD {
/*    display: table-cell;
    vertical-align: top;
    text-align: left;
*/
}

.pageTableContentCell > table > td.blankbodycopy,
.pageTableContentCell > table > tbody > tr > td.bodycopy,
.pageTableContentCell > table.bodycopy
{
    text-align: left;
    padding: 0 25px 25px 20px;
    font-size: 13px;
    text-decoration: none;
}

/*styles specific to form builder*/
.pageTableContentCell > table.bodycopy
{
    width: 940px;
}

#formStatusBar_lblSelectIndividualText,
#formStatusBar_lblSelectForm,
#formStatusBar_lblQuestions,
#formStatusBar_lblPayment,
#formStatusBar_lblFinal
{
    font-family: tahoma,arial,sans-serif;
    font-size: 10px;
}

/*.bodycopy a.bodycopy,
.bodycopy a:visited.bodycopy,
.bodycopy a:link.bodycopy,
.bodycopy a:visited.bodycopy
{
    color:#00c;
    text-decoration:underline;
}

A:hover.bodycopy,
A:visited.bodycopy,
A:visited:hover.bodycopy,
A:active.bodycopy
{
    color:#000000;
    text-decoration:underline;
}*/

.bodycopybold
{
    font-weight:bold;
}

a.bodycopybold,
a:link.bodycopybold,
a:visited.bodycopybold,
a:active.bodycopybold,
a:hover.bodycopybold
{
    font-size:13px;
    color: #66f;
}

.bodycopy15
{
    font-size: 15px;
}

A:visited.bodycopy15{
	color:#000000;
	text-decoration:underline;
}
A:visited:hover.bodycopy15{
	color:#000000;
	text-decoration:underline;
}
A:active.bodycopy15{
	color:#000000;
	text-decoration:underline;
}
A:active:hover.bodycopy15{
	color:#000000;
	text-decoration:underline;
}

.bodycopy15bold{
	font-size: 32px;
	text-decoration: none;
	font-weight:lighter;
	padding-top: 0px;
	text-indent: 10px;
}
a.bodycopy15bold{
	font-size:15px;
	font-family: tahoma, arial, helvetica;
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}
A:hover.bodycopy15bold{
	color:#000000;
	text-decoration:underline;
}
A:visited.bodycopy15bold{
	color:#000000;
	text-decoration:underline;
}
A:visited:hover.bodycopy15bold{
	color:#000000;
	text-decoration:underline;
}
A:active.bodycopy15bold{
	color:#000000;
	text-decoration:underline;
}
A:active:hover.bodycopy15bold{
	color:#000000;
	text-decoration:underline;
}

.bodycopy9{
	font-size: 9px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000;
}
a.bodycopy9{
	font-size:9px;
	font-family: tahoma, arial, helvetica;
	color:#000000;
	text-decoration:underline;
}
A:hover.bodycopy9{
	color:#000000;
	text-decoration:underline;
}
A:visited.bodycopy9{
	color:#000000;
	text-decoration:underline;
}
A:visited:hover.bodycopy9{
	color:#000000;
	text-decoration:underline;
}
A:active.bodycopy9{
	color:#000000;
	text-decoration:underline;
}
A:active:hover.bodycopy9{
	color:#000000;
	text-decoration:underline;
}

.errorMessage{
	font-size: 13px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color:Red;
}

.inputLabel{
    font-weight: bold;
    font-size: 13px;
}

.inputdrop,
.inputbox
{
    border: solid 1px #000;
    padding: 4px;
    background-color: #fff;
    min-width: 200px;
    width: 200px;
    height: 27px;
}

.inputradio{
	border-width: 0px;
	padding :0px,0px,0px,0px;
}

.inputdrop
{
}
/*
	this is used as a visual for when the individual clicks a button
	the button will turn disabled and the color schema changes
*/
.disabledinputbutton 
{
	border: solid 2px #666;
        padding: 4px 10px 4px 10px;
        background-color: #ddd;
	color: #999;
	font-weight: bold;
}
	
.inputbutton,
.contributionLogoutButton
{
    font-family: verdana, geneva;
    border: solid 2px #666;
    border-top-color: #999;
    border-left-color: #999;
    padding: 4px 10px 4px 10px;
    color: #000;
    font-weight: bold;
}

.inputbutton,
.contributionLogoutButton
{
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 30%, #dddddd 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(60%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 30%,#dddddd 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 30%,#dddddd 60%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 30%,#dddddd 60%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 30%,#dddddd 60%); /* W3C */
}

#btnSignIn
{
    margin-left: 82px;
    width: 100px;
}

.contributionLogoutButton
{
    visibility:visible;
}
.RTBMenu{
	/* this is used in the following places:
			Contact/OnlineContact.aspx
			Registration/Payment.aspx
			Registration/PersonalInfo.aspx			
			SmallGroup/EmailGroup.aspx			
	*/
	border-width: 1px;
	border-color: #ffffff;
	background-color: #f1f1f1;
	font-family: tahoma, arial, tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #212121;
}

/* DataGrid controls */
.dgHeader,
.dgItem,
.DgAlternatingItem
{
    text-align: left;
    font-size: 13px;
    text-decoration: none;
}

.DgHeader
{
	/* this is used in the following places:
			ActivityFinder/ActivityFinder.aspx
			Contribution/OnlineContribution.aspx
			Registration/EventRegistration.aspx
			Registration/Summary.aspx
			SmallGroup/SgManageContact.aspx
			SmallGroup/SgMembers.aspx
			SmallGroup/SgViewContacts.aspx
	*/
	background-color:#666;
	color: #fff;
	font-weight:bold;
        border: solid 3px #000;
}
.DgItem,
.DgItem img[title="Transaction complete"]
{
    background-color:#3b3b3b;
}

.DgAlternatingItem,
.DgAlternatingItem img[title="Transaction complete"]
{
    background-color:#666;
}

.DgEditItem{
	/* this is used in the following places:			
			SmallGroup/SgMembers.aspx
	*/
    background-color: #cccccc;
}

.DgTotalFooter 
{
	/* this is used in the following places:
			FormBuilder/FormOrder.aspx
			FormBuilder/Confirmation.aspx
	*/
	background-color: #ddd;
}

td.TopGroupTD
{
    background-color:#ccc;
    color: #000;
    padding:5px;
    font-weight:bold;
}
.TopGroupTD td
{
    white-space: nowrap;
}
.SubGroupTD{
	/* used in the following places:
		Login.aspx
		LoginHelp.aspx
		NewPassword.aspx
		NewUser.aspx
		SmallGroup\SgFindMember.aspx
		SmallGroup\SgManageMember.aspx.cs
	*/
	white-space: nowrap;
	font-weight:bold;
}
.InAttendanceTD{
	/* used in the following places:
		SmallGroup\SgViewAttendance.aspx
	*/
	background-color:#B1CAB1;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
}
.NotInAttendanceTD{
	/* used in the following places:
		SmallGroup\SgViewAttendance.aspx
	*/
	background-color:#f1f1f1;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
}
.AttendanceDateTD{
	/* used in the following places:
		SmallGroup\SgViewAttendance.aspx
	*/
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000;
	background-color:#f1f1f1;
	border-left:solid 1px black;
	border-bottom:solid 1px black;
	padding-left:4px;
	padding-right:2px;
	padding-bottom:1px;
	padding-top:5px;
}
.AttendeeDateTD{
	/* used in the following places:
		SmallGroup\SgViewAttendance.aspx
	*/
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000;
	background-color:#f1f1f1;
	border-bottom:solid 1px black;	
	border-top:solid 1px black;
	padding-right:5px;
	padding-left:5px
}
.TotalAttendanceTitleTD{
	/* used in the following places:
		SmallGroup\SgViewAttendance.aspx
	*/
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000;
	background-color:#f1f1f1;
	border-bottom:solid 1px black;	
	border-top:double 3px black;
	border-right:solid 1px black;
	padding-right:5px;
	padding-left:5px
}
.TotalAttendanceTD{
	/* used in the following places:
		SmallGroup\SgViewAttendance.aspx
	*/
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000;
	background-color:#f1f1f1;
	border-bottom:solid 1px black;	
	border-top:double 3px black;
	border-right:solid 1px black;
	text-align:right;
	padding-right:5px;
}

.TopGroupTable{
	/* used in the following places:
		ActivityFinder\ActivityContact.aspx
		Contact/OnlineContact.aspx
		Contribution/ContributionProfile.aspx
		Registration\Confirmation.aspx
		Registration/EventRegistration.aspx
		Registration/Payment.aspx
		Registration/PersonalInfo.aspx
		SmallGroup\SgAddNewHouseholdMember.aspx
		SmallGroup\SgAddNewMember.aspx
		SmallGroup\SgEmailGroup.aspx
		SmallGroup\SgFaq.aspx
		SmallGroup\SgFindMember.aspx
		SmallGroup\SgHome.aspx
		SmallGroup/SgManageContact.aspx
		SmallGroup\SgManageMember.aspx
		SmallGroup/SgMembers.aspx
		SmallGroup\SgPostAttendance.aspx
		SmallGroup\SgViewAttendance.aspx
		SmallGroup/SgViewContacts.aspx
		Volunteer\VaConfirmation.aspx
		Volunteer\VaPersonalInfo.aspx
		Volunteer\VaReference.aspx
		Volunteer\VolunteerApplication.aspx
	*/
	width: 930px;
        margin: 10px 0 10px 10px;
}

/*	Small Group menu styles  

	Menu Structure:
		Home 
		Members			
			View Members
			Find Individual
		Attendance
			Post Attendance
			View Attendance
		Contacts
			Email Group
			View Contacts

	To better understand how styles are applied to the menu you need to first how it is structured.
	The menu consist of one main group which contains a series of menu items. Now each menu item
	contained within the main group can have a single subgroup. These subgroups intern can have
	one or more menuitems which can have one subgroup. As you can see the nesting is infinite.

	Now, all styles that begin with TopGroup apply menus one main group, and styles that begin with
	TopGroup and contain Item apply to the items contained within the main group.

	TODO: add additional style documentation

*/

/* Applies to the top level group (menu) which contains the individual menu items i.e. Home, Members, etc.  */
.TopGroup{
	padding:0px;
}

/* Applies to the individual top level menu items i.e. Home vs. Members.  */
.TopGroupItem{
	background-color:#7f7f7f;
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	color: #ffffff;
	padding:1px 0px 0px 0px;
	cursor:default;
	white-space: nowrap;
	font-weight:bold;
}

/* Applies to the individual top level menu items on mouse over event */
.TopGroupItemOver{
	background-color: #7f7f7f; 
	color:#ffffff;
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	padding:1px 0px 0px 0px;
	cursor:pointer;
	font-weight:bold;
	border-width:1px;
	border-color:#cccccc;
	white-space: nowrap;
}

/* Applies to the submenu groups of menu items that have subitems */
.MenuGroup{
	padding:0px 0px 0px 0px;
	margin:4px 0px 0px 0px;
	border-top: solid 1px #f1f1f1;
	border-left: solid 1px #f1f1f1;
}

/* Applies to the menu items contained within the submenu groups  */
.MenuItem{
	background-color:#7f7f7f;
	color:#ffffff;
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	padding:2px 5px 3px 0px;
	cursor:default;
	white-space: nowrap;
}

/* This style is the stuff under the main headings on mouse over  */
.MenuItemOver {
	background-color:#5C5C5C; 
	color:#ffffff; 
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	padding:2px 5px 3px 0px;
	cursor: pointer;
	white-space: nowrap;
}


/*	Calendar styles */
.BackColor
{
    
}

.CSCCalendar,
.MYPMonthYearPicker,
.PDPContextMenu,
.MYPYearTable
{
    border: solid 1px #000;
    background-color: #ccc;
    font-size: 13px;
}

.CSCCalendar table,
.MYPMonthYearPicker table,
.PDPContextMenu table,
.CSCCalendarNoFilter table
{
    margin: 0 auto;
    background-color: transparent;
    font-size: 13px;
}

.CSCCalendar > table
{
    margin-bottom: 5px;    
}

.CSCWeekRowsTable
{
    border: solid 1px #000;
}

.CSCDay,
.MYPMonthCell,
.MYPYearCell,
.CSCSelectedDay,
.CSCSelectedToday,
.MYPSelectedMonthCell,
.MYPSelectedYearCell,
.CSCSpecialDay,
.PDPContextMenu td
{
   cursor: pointer;
   cursor: hand;
   color: #000;
}

.CSCDay
{
   background-color: #fff;
   padding: 3px 2px 3px 3px;
}

.CSCSelectedDay,
.CSCSelectedToday,
.MYPSelectedMonthCell,
.MYPSelectedYearCell
{
   background-color: #000;
   color: #fff;
   font-weight: bold;
}

.CSCToday
{
   font-weight: bold;
}

.CSCSpecialDay
{
   color: #c00;
}

.CSCOtherMonthDays
{
   cursor: default;
   color: #999;
}

.CSCWeekNumberColumn
{
   color: #00f;
}

.CSCDayHeader
{
    background-attachment: scroll;
}

.CSCDayHeader
{
   font-size: 7pt;
}

.CSCDayHeaderCell
{
   font-size: 7pt;
   text-transform: uppercase;
   color: #333;
}
.CSCHeaderTable
{
    margin-left: 5px;
}

.CSCHeaderRows
{
   color: #000;
   font-weight: bold;
}

.CSCHeaderRows td
{
    padding: 5px !important;
}

.CSCHeaderRows .MYPTogglePicker
{
    background-color: transparent !important;
}

.PDPContextMenu
{
    overflow: hidden;
}

.PDPContextMenu tr
{
    display: table-row !important;
}

.PDPContextMenu table table td
{
    font-size: 11px !important;
    padding: 2px 0 !important;
}

.PDPContextMenu table table td[style="width:16px;"]
{
    width: 5px !important;
}

.PDPContextMenu hr
{
    height: 1px !important;
    background-color: #666 !important;
    border: solid 1px #ccc !important;
}

.PDPContextMenu table table tr:hover
{
    background-color: #66f !important;
    color: #fff !important;    
}

.PDPContextMenu table table tr:hover td
{
    background-color: #66f;
    color: #fff !important;    
}

.MYPMoveYearsButtons,
.MYPMoveYearsButtonsPressed,
.CSCIncrementalButtons img
{
   cursor: pointer;
   cursor: hand;
   color: #000;
   background-color: transparent !important;
}
.CSCIncrementalButtonsPressed
{
   cursor: pointer;
   cursor: hand;
}

.CSCJumpButtons
{
   cursor: pointer;
   cursor: hand;
}

.CSCJumpButtonsPressed
{
   cursor: pointer;
   cursor: hand;
}

.CSCCloseButton,
.CSCCloseButtonPressed,
.CSCHelpButton,
.CSCHelpButtonPressed
{
   cursor: default;
}

.CSCFooterTable
{
}

.CSCFooterTable TABLE
{
}

.CSCFooterButton{
   border-right: lightgrey thin outset;
   border-top: lightgrey thin outset;
   border-left: lightgrey thin outset;
   color: black;
   border-bottom: lightgrey thin outset;
   background-color: lightblue;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterButtonPressed{
   border-right: lightgrey thin inset;
   border-top: lightgrey thin inset;
   border-left: lightgrey thin inset;
   border-bottom: lightgrey thin inset;
   background-color: lightblue;
   color: black;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterCurrentDate{
}
.SD_Selectable1{
   background-color: mistyrose;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM1{
   background-color: #336699;
   cursor: pointer;
   cursor: hand;
}
.SD_Selectable2{
   background-color: palegoldenrod;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM2{
   background-color: gainsboro;
   cursor: pointer;
   cursor: hand;
}
.SD_Unselectable1{
   color: gray;
   background-color: mistyrose;
}
.SD_UnselectableOM1{
   color: gray;
   background-color: #336699; 
}
.SD_Unselectable2{
   color: gray;
   background-color: palegoldenrod;
}
.SD_UnselectableOM2{
   color: gray;
   background-color: gainsboro;
}

/* Date picker control */
.DTB{
	/* this is used in the following places:
			ActivityFinder/ActivityContact.aspx
			Contribution/ContributionProfile.aspx
			Contribution/OnlineContribution.aspx
			Registration/Payment.aspx
			Registration/PersonalInfo.aspx
			SmallGroup/SgAddNewMember.aspx
			SmallGroup/SgFindMember.aspx
			Volunteer/VaPersonalInfo.aspx
			NewUser.aspx
	*/
        /* see inputbox */
}

/* mimic look of dropdown my truncating textbox and joining with button */
.DTB
{
    border: solid 1px #000;
    border-right: none;
    padding: 4px 0 4px 4px;
    margin-right: 0;
    background-color: #fff;
    min-width: 175px;
    height: 27px;
}

/* mimic look of dropdown my truncating textbox and joining with button */

.DTBToggleCalendar,
.DTBToggleCalendarPressed,
#mytExpirationDate_PU_TG
{
    position: relative;
    left: -3px;
    top: -1px;
    padding: 4px 3px 3px 4px;
    border: solid 1px #000;
    border-left: none;
    margin: 1px 0 0 0;
    background-color: #fff;
}

/*  this class is useless because in some cases it is applied to the little dropdown calendar image
    and in other cases to the month dropdown image which are entirely different images/uses */
.MYPTogglePicker,
.MYPTogglePickerPressed
{
    /*background-color: transparent !important;*/
}

.DTBHelpButton,
.DTBHelpButtonPressed
{
}

.MYPMonthTable
{
    width: 100%;
}

.MYPYearTable
{
    width: 200px !important;
}

.MYPOutOfRangeCell
{
   color: #fff;
}

.textsmerr1 {
    color: #f00;
}

.ValidationSummary {
    font-size: 13px;
    color: #c00;
    font-weight: bold;
    background-color:#fff;
    margin: 10px;
    padding: 10px;
}

.ValidationSummary img
{
    margin-right: 10px;
}
.ValidationBorder
{
    border: solid 2px #f00;
    background-color: #fff;
    margin-bottom: 10px;
    margin-left: 20px;
    width: 915px;
}

ul
{
    background-color: #fff;
}

li table
{
    padding: 3px;
    border-bottom: solid 3px #ccc;
    margin-bottom: 3px;
}

li table
{
    padding: 5px;
    border-bottom: solid 3px #ccc;
    margin-bottom: 3px;
}

li table .bodycopy
{
    color: #000 !important;
}

li table label.bodycopybold
{
    color: #000;
    font-size: 18px;
}

/*******************************************************************************
 Styles specific to Giving Pages
*******************************************************************************/
#trFund td
{
    padding-bottom: 5px;
}

#trFund #rdbtnFund
{
    display: none;
}

#lblTxtAmount,
#trFund #lblFund
{
    display: block;
    float: left;
    width: 185px;
}

#txtAmount_textBox,
#trFund #ddlFund_dropDownList
{
    width: 200px !important;
    float: left;
}

#lblPaymentMethod
{
    display: block;
    float: left;
    width: 165px;
}

#lnkHistoryYear
{
    margin: 0 4px;
}

#trAuthMessage td.bodycopy
{
    color: #f66;
}

#lblPaymentMethod
{
    /*width: 250px;*/
}

#trCheckImage img
{
    background-color: #fff;
    float: right;
}
/*******************************************************************************
 Styles specific to FormBuilder
*******************************************************************************/

#trBalanceSummary + tr,
#rptFormIndividualNames__ctl1_lblFormIndividualName,
#rptFormIndividualNames__ctl1_rptIndividualForms__ctl1_lblAcitivtyInfo,
#rptOrderSummary__ctl1_lblConfirmationCode
{
    background-color: #fff;
    color: #000 !important;
}

.confirm-secondary > span > span
{
    font-weight: bold;
    font-size: 13px !important;
    color: #c00;
}

/* unsubscribe note (at bottom of email registration */
.confirm-secondary a
.confirm-secondary a:link,
.confirm-secondary a:visited,
.confirm-secondary a:active,
.confirm-secondary a:hover
{
    color: #c00 !important;
    text-decoration: none !important;
}

.confirm-secondary a:hover
{
    text-decoration: underline;
}

.DgItem input[type="image"]
{
    background-color: #fff;
}

.DgAlternatingItem input[type="image"]
{
    background-color: #fff;
}
/******************************************************************************/

#dgFormIndividuals td
{
    padding: 7px;
}

#rpQuestionHeaders__ctl1_ActRegLabel_387981
{
    white-space: nowrap;
}

#InputLabel2,
#InputLabel14,
#lblMaritalStatus
{
    white-space: nowrap;
}

.TopGroupTable #InputLabel14,
.TopGroupTable #InputLabel15
{
    margin-left: 20px;
}

#txtEmail_textBox,
#txtCCEmail_textBox
{
    margin: 5px;
}