.formBuilderLogoutButton, .contributionLogoutButton
{ 
                visibility: visible;
                position:absolute; 
                top: 10px;
                padding-right: 50px;
                cursor: pointer;
}
form#EventRegistration td.pageTableContentCell{
	border: 1px solid #fff!important;

}
form#SgManageContact #Table1{
width: 800px;

}
#maildiv{
z-index: 10000
}
form#SgMembers #SgHeader1_tdFilter span, 
form#SgManageMember #SgHeader1_tdFilter span, 
form#SgAddNewHouseholdMember #SgHeader1_tdFilter span, 
form#SgPostAttendance #SgHeader1_tdFilter span, 
form#SgViewAttendance #SgHeader1_tdFilter span, 
form#SgEmailGroup #SgHeader1_tdFilter span, 
form#SgViewContacts #SgHeader1_tdFilter span, 
form#SgManageContact #SgHeader1_tdFilter span, 
form#SgFindMember #SgHeader1_tdFilter span{
font-family: arial;
color: #999;
}
form#SgMembers .HeaderSpacerTop, 
form#SgAddNewHouseholdMember .HeaderSpacerTop, 
form#SgManageMember .HeaderSpacerTop, 
form#SgPostAttendance .HeaderSpacerTop, 
form#SgViewAttendance .HeaderSpacerTop, 
form#SgEmailGroup .HeaderSpacerTop, 
form#SgViewContacts .HeaderSpacerTop, 
form#SgManageContact .HeaderSpacerTop, 
form#SgFindMember .HeaderSpacerTop {
height: 30px;
}
form#SgMembers .HeaderSpacerBottom, 
form#SgManageMember .HeaderSpacerBottom, 
form#SgAddNewHouseholdMember .HeaderSpacerBottom, 
form#SgPostAttendance .HeaderSpacerBottom, 
form#SgViewAttendance .HeaderSpacerBottom, 
form#SgEmailGroup .HeaderSpacerBottom, 
form#SgViewContacts .HeaderSpacerBottom, 
form#SgManageContact .HeaderSpacerBottom, 
form#SgFindMember .HeaderSpacerBottom{
height: 20px;
}
form#SgMembers .inputbox, 
form#SgManageMember .inputbox{
	
	background-color: #f1f1f1;
	font-family: tahoma, arial, tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #212121;
}
form#SgMembers .TopGroupTD, 
form#SgManageMember .TopGroupTD, 
form#SgPostAttendance .TopGroupTD, 
form#SgViewAttendance .TopGroupTD, 
form#SgEmailGroup .TopGroupTD, 
form#SgViewContacts .TopGroupTD, 
form#SgManageContact .TopGroupTD, 
form#SgFindMember .TopGroupTD{
	/* this is used in the following places:
			ActivityFinder/ActivityContact.aspx
			Contact/OnlineContact.aspx
			Contribution/ContributionProfile.aspx
			NewUser.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/SgMembers.aspx
			SmallGroup\SgPostAttendance.aspx
			SmallGroup\SgViewAttendance.aspx
			SmallGroup/SgViewContacts.aspx
			Volunteer\VaConfirmation.aspx
			Volunteer\VaPersonalInfo.aspx
			Volunteer\VolunteerApplication.aspx
			Volunteer\VaReference.aspx
			Volunteer\VolunteerApplication.aspx
	*/
	background-color:#8b8b8b;
	font-size: 13px;
	font-family: tahoma, arial, helvetica;
	color: #ffffff;
	padding:2px 5px 2px 5px;
border-bottom: 0px;
border-top: 0px;
}
#Table1{
width: 300px;

}

.inputLabel span{
}
form#OnlineContribution {
}
form#OnlineContact #Table1{
width: 700px;
}
form#OnlineContact #Table2{
width: 300px;

}
form#OnlineContact #ctlAddress_Table1 td{
font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #a7c427;
	padding:2px;
width: 95px;
}
.VersionNumber
{
	font-size: 12px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #c5c5c5;
display: none;
}
table {



}
table, tr.dgItem, td.dgItem, td.DgAlternatingItem, td.DgTotalFooter, form#LoginHelp td, .dgalternatingitem{
border-color: #ffffff !important;
border: 0px!important;
}

form#LoginHelp div{
border-color: #fff !important;
}
td.bodycopy table{


}
 
.pageTable
{
width:760px;
	margin: auto;
	padding:0px;
	text-align:left;
position: relative;
}

colgroup{

}
#InputLabel1{

}
col{
width: 120px
}
.pageTableContentCell
{
}
.pageTableFooterCell
{
display: none
}

.FormBuilderStatusSelectedText 
{
	font-size: 12px;
	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: 12px;
	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: 12px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000; 
}
.PopupAlertHeaderSection {
	BORDER-BOTTOM: black 1px solid;
	font-size: 12px;
	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: 12px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #000000; 
}
/*Input Labels*/
.inputLabel{
	font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #666666;
	padding:2px;
}

form#LoginHelp .inputLabel{
	font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #666666;
	padding:2px;
width: 85px;
}
#lblFirstName, #lblPosition, #lblLastName, #lblGender, #lblDoB, #ctlAddress_lblCountry, #ctlAddress_lblAddress1, #ctlAddress_lblPostalCode, #ctlAddress_lblCity, #ctlAddress_lblStateDDL, #lblHomeNumber, #lblEmail, #lblUserId, #lblPassword, #lblResponse, #lblResponseAgain{

}
/* Activity Finder Styles */
.ActivityFinderTable{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	width:100%;
}
.ActivityFinderHeaderTD{
	font-size: 12px;
	font-family: 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: 12px;
	font-family: 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>
*/
form#OnlineContribution .HeaderContainer, form#Login .HeaderContainer, 
form#ContactConfirmation .HeaderContainer, form#NewUser .HeaderContainer, form#EventRegistration .HeaderContainer, form#OnlineContact .HeaderContainer, form#LoginHelp .HeaderContainer, form#Form1 .HeaderContainer{
background: transparent;
}

form#LoginHelp #btnCreateNewAccount{
margin: 0 0 0 10px;
}
.HeaderContainer{
	border: 0px;
	
background: url(https://www.marshill.org/images/f1images/ContactPageLogo.png) no-repeat;
	width:100%;
margin-top: 40px;
height: 60px;
}

.HeaderTitleImageContainer{
	padding: 0px; /*cellpadding*/
	margin: 0px; /*cellspacing*/
}

.HeaderMenuContainer{
	font-weight:bold;
	height:0px;
	margin: 0px; /*cellspacing*/
}
.HeaderTitleImage{
	width:758px;
	height:60px;
	border:0px;
position: absolute;
padding: 0 0 0 0px;
}

.HeaderSpacerTop{
	padding: 0px; /*cellpadding*/
	margin: 0px; /*cellspacing*/
}
.HeaderSpacerTop{
}
.HeaderSpacerBottom{
	padding: 0px; /*cellpadding*/
	margin: 0px; /*cellspacing*/
}


/*
General styles
*/


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

body{
	background-color: #fff;
	margin:0;
text-align:center;
}
TD{
	
}

.blankbodycopy{
	color: #fff;
}
form#EventRegistration table.bodycopy{
	

}
/*table#rpQuestionHeaders__ctl1_tblQuestions td{
width: 10px!important;

}*/
table#rpQuestionHeaders__ctl1_tblQuestions td.bodycopy{


}
table#rpQuestionHeaders__ctl1_tblQuestions td.bodycopy span{

width: 100%;

}
form#EventRegistration table.bodycopy td table{
	width: 100%

}
@media all and (min-width: 520px) {
.bodycopy{
	font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #616161;

}
}
form#LoginHelp .bodycopy{
text-align: left !important;
border-color: #ffffff !important;
}

form#LoginHelp .bodycopybold{
background-color:#8b8b8b;
	font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}
a.bodycopy{
	font-size:12px;
	font-family: arial, helvetica;
	color:#616161;
	text-decoration:underline;
}
A:hover.bodycopy{
	color:#000000;
	text-decoration:underline;
}
A:visited.bodycopy{
	color:#616161;
	text-decoration:underline;
}
A:visited:hover.bodycopy{
	color:#000000;
	text-decoration:underline;
}
A:active.bodycopy{
	color:#616161;
	text-decoration:underline;
}
A:active:hover.bodycopy{
	color:#000000;
	text-decoration:underline;
}

.bodycopybold{
	font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #616161;
	font-weight:bold;
}
a.bodycopybold{
	font-size:12px;
	font-family: arial, helvetica;
	color:#616161;
	text-decoration:underline;
	font-weight:bold;
}
A:hover.bodycopybold{
	color:#000000;
	text-decoration:underline;
}
A:visited.bodycopybold{
	color:#616161;
	text-decoration:underline;
}
A:visited:hover.bodycopybold{
	color:#000000;
	text-decoration:underline;
}
A:active.bodycopybold{
	color:#616161;
	text-decoration:underline;
}
A:active:hover.bodycopybold{
	color:#000000;
	text-decoration:underline;
}

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

.bodycopy15bold{
	font-size: 13px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #616161;
	font-weight:bold;
text-transform: uppercase;
padding: 0 0 0 0!important;
}

form#NewUser .bodycopy15bold{
	font-size: 13px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #616161;
	font-weight:bold;
text-transform: uppercase;
padding: 21px 0 0 0!important;
}
form#OnlineContact .bodycopy15bold{
	font-size: 13px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #616161;
	font-weight:bold;
text-transform: uppercase;
padding: 5px 0 11px 0!important;
}

a.bodycopy15bold{
	font-size:15px;
	font-family: arial, helvetica;
	color:#616161;
	text-decoration:underline;
	font-weight:bold;
}
A:hover.bodycopy15bold{
	color:#000000;
	text-decoration:underline;
}
A:visited.bodycopy15bold{
	color:#616161;
	text-decoration:underline;
}
A:visited:hover.bodycopy15bold{
	color:#000000;
	text-decoration:underline;
}
A:active.bodycopy15bold{
	color:#616161;
	text-decoration:underline;
}
A:active:hover.bodycopy15bold{
	color:#000000;
	text-decoration:underline;
}

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

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

/* input control classes */
#rtbComment{
width: 612px;
}


.inputbox{
	border-width: 0px;
	background-color: #cecece;
	font-family: arial, tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #212121;
padding: 2px;
}


.inputradio{
	border-width: 0px;
	padding :0px,0px,0px,0px;
}
.inputdrop{
	border-width: 0px;
	background-color: #cecece;
	font-family: arial, tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #;
padding: 2px;
}
/*
	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-width: 0px;
	border-color: #cccccc;
	background-color: FFFFFF;
	font-family: tahoma, arial, tahoma;
	font-size: 12px;
padding: 2px;
}
	
.inputbutton, .formBuilderLogoutButton{
	border-width: 0px;
	background-color: #333333;
	font-family: arial, tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
padding: 2px 4px 2px 4px;
}
.contributionLogoutButton{
	border-width: 0px;
	
	background-color: #333333;
	font-family: arial, tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	visibility:visible;
padding: 2px;
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: #cecece;
	font-family: arial, tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #212121;
}

/* 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
	*/
	border-width: 0px;
	background-color: #cecece;
	font-family: arial, tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #212121;
padding: 2px;
}

/* DataGrid controls */
.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:#cecece;
	font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #333;
	font-weight:bold;
}
.DgItem{
	/* this is used in the following places:
			ActivityFinder/ActivityFinder.aspx
			Contribution/OnlineContribution.aspx
			Registration/Confirmation.aspx
			Registration/EventRegistration.aspx
			Registration/Payment.aspx
			Registration/Summary.aspx
			SmallGroup/SgEmailGroup.aspx			
			SmallGroup/SgManageContact.aspx
			SmallGroup/SgMembers.aspx
			SmallGroup/SgViewContacts.aspx
			Volunteer/VaReference.aspx
	*/
	background-color:#ffffff;
	font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #000000;
}
.DgEditItem{
	/* this is used in the following places:			
			SmallGroup/SgMembers.aspx
	*/
	background-color: #cccccc;
	color: #ffffff;
}
.DgAlternatingItem{
	/* this is used in the following places:
			Contribution/OnlineContribution.aspx
			Registration/Confirmation.aspx
			Registration/Payment.aspx
			Registration/EventRegistration.aspx
			Registration/Summary.aspx
			ActivityFinder/ActivityFinder.aspx
			SmallGroup/SgManageContact.aspx
			SmallGroup/SgMembers.aspx
			SmallGroup/SgViewContacts.aspx
	*/
	background-color:#e3e3e3;
	font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #666666;
	font-weight: bold
}
table#rpQuestionHeaders__ctl1_tblQuestions, 
table#rpQuestionHeaders__ctl2_tblQuestions, 
table#rpQuestionHeaders__ctl3_tblQuestions, 
table#rpQuestionHeaders__ctl4_tblQuestions, 
table#rpQuestionHeaders__ctl5_tblQuestions, 
table#rpQuestionHeaders__ctl6_tblQuestions, 
table#rpQuestionHeaders__ctl7_tblQuestions, 
table#rpQuestionHeaders__ctl8_tblQuestions, 
table#rpQuestionHeaders__ctl9_tblQuestions, 
table#rpQuestionHeaders__ctl10_tblQuestions{
margin: 10px 0 10px 0;
}
.DgTotalFooter 
{
	/* this is used in the following places:
			FormBuilder/FormOrder.aspx
			FormBuilder/Confirmation.aspx
	*/
	background-color: #eaeaea;
	font-family: arial, helvetica;
	font-size: 12px;
	color: Black
}

.TopGroupTD{
	/* this is used in the following places:
			ActivityFinder/ActivityContact.aspx
			Contact/OnlineContact.aspx
			Contribution/ContributionProfile.aspx
			NewUser.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/SgMembers.aspx
			SmallGroup\SgPostAttendance.aspx
			SmallGroup\SgViewAttendance.aspx
			SmallGroup/SgViewContacts.aspx
			Volunteer\VaConfirmation.aspx
			Volunteer\VaPersonalInfo.aspx
			Volunteer\VolunteerApplication.aspx
			Volunteer\VaReference.aspx
			Volunteer\VolunteerApplication.aspx
	*/
	background-color:#8b8b8b;
	font-size: 13px;
	font-family: tahoma, arial, helvetica;
	color: #ffffff;
	padding:2px 5px 2px 5px;
border-bottom: 5px solid #fff;
border-top: 5px solid #fff;
}
.SubGroupTD{
	/* used in the following places:
		Login.aspx
		LoginHelp.aspx
		NewPassword.aspx
		NewUser.aspx
		SmallGroup\SgFindMember.aspx
		SmallGroup\SgManageMember.aspx.cs
	*/
	font-size: 12px;
	font-family: arial, helvetica;
	color: #ffffff;
	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: 760px;
}
.bodycopy table{

}
#ctlAddress_Table1 td{
font-size: 12px;
	font-family: arial, helvetica;
	text-decoration: none;
	color: #a7c427;
	padding:2px;
width: 130px;
}
#Table2{
text-align: left;
}

/*	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;
}

form#sgMembers .TopGroupItem,  
form#SgManageMember .TopGroupItem, 
form#SgAddNewHouseholdMember .TopGroupItem, 
form#SgPostAttendance .TopGroupItem, 
form#SgViewAttendance .TopGroupItem, 
form#SgEmailGroup .TopGroupItem, 
form#SgViewContacts .TopGroupItem, 
form#SgManageContact .TopGroupItem, 
form#SgFindMember .TopGroupItem{
	background-color:#7f7f7f;
	font-size: 11px;
	font-family: arial, helvetica;
	color: #ffffff;
	padding:2px 5px 3px 0px;
	cursor:default;
	white-space: nowrap;
	font-weight:bold;
}

/* Applies to the individual top level menu items on mouse over event */
form#sgMembers .TopGroupItemOver, 
form#SgManageMember .TopGroupItemOver, 
form#SgAddNewHouseholdMember .TopGroupItemOver, 
form#SgPostAttendance .TopGroupItemOver, 
form#SgViewAttendance .TopGroupItemOver, 
form#SgEmailGroup .TopGroupItemOver, 
form#SgViewContacts .TopGroupItemOver, 
form#SgManageContact .TopGroupItemOver, 
form#SgFindMember .TopGroupItemOver{
	background-color: #5C5C5C; 
	color:#ffffff;
	font-size: 11px;
	font-family: arial, helvetica;
	padding:2px 5px 3px 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 */
form#sgMembers .MenuGroup, 
form#SgManageMember .MenuGroup, 
form#SgAddNewHouseholdMember .MenuGroup, 
form#SgPostAttendance .MenuGroup, 
form#SgViewAttendance .MenuGroup, 
form#SgEmailGroup .MenuGroup, 
form#SgViewContacts .MenuGroup, 
form#SgManageContact .MenuGroup, 
form#SgFindMember .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  */
form#sgMembers .MenuItem, 
form#SgManageMember .MenuItem, 
form#SgAddNewHouseholdMember .MenuItem, 
form#SgPostAttendance .MenuItem, 
form#SgViewAttendance .MenuItem, 
form#SgEmailGroup .MenuItem, 
form#SgViewContacts .MenuItem, 
form#SgManageContact .MenuItem, 
form#SgFindMember .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  */
form#sgMembers .MenuItemOver, 
form#SgManageMember .MenuItemOver, 
form#SgAddNewHouseholdMember .MenuItemOver, 
form#SgPostAttendance .MenuItemOver, 
form#SgViewAttendance .MenuItemOver, 
form#SgEmailGroup .MenuItemOver, 
form#SgViewContacts .MenuItemOver, 
form#SgManageContact .MenuItemOver, 
form#SgFindMember .MenuItemOver {
	background-color:#5C5C5C; 
	color:#ffffff; 
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	padding:2px 5px 3px 0px;
	cursor: pointer;
	white-space: nowrap;
}


/* Applies to the individual top level menu items i.e. Home vs. Members.  */
.TopGroupItem{
	background-color:#7f7f7f;
	font-size: 12px;
	font-family: 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: 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{
 background-color:#cecece;
}
.CSCCalendar{
   font-size: 10pt;
   
   border: 2px solid #333;
   font-family: Arial;
   background-color: #fff;
}
.CSCCalendar TABLE{
   font-size: 10pt;
   font-family: Arial;
   background-color: white;
}
.CSCCalendarNoFilter{
   
   font-size: 10pt;
   border: 4px solid #333;
   font-family: Arial;
   background-color: white;
}
.CSCCalendarNoFilter TABLE{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}
.CSCWeekRowsTable{
   
   font-size: 10pt;
   border: 0px;
   font-family: Arial;
   background-color: white;
}
.CSCDay{
   cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */
   cursor: hand;
   background-color: #f1f1e4;
}
.CSCSelectedDay{
	 color: White;
   background-color: #999966;
   cursor: pointer;
   cursor: hand;
}
.CSCSelectedToday{
   font-weight: bold;
   color: White;
   background-color: #999966;
   cursor: pointer;
   cursor: hand;
}
.CSCToday{
   color: White;
   background-color: #336699;
   cursor: pointer;
   cursor: hand;
}
.CSCSpecialDay{
   cursor: pointer;
   cursor: hand;
   background-color: lemonchiffon;
}
.CSCOtherMonthDays{
   cursor: default;
   color: gray;
}
.CSCWeekNumberColumn{
   border-right: #336699 1px solid;
   background-color: #336699;
   color: White;
}
.CSCDayHeader{
   border-bottom: #999966 1px solid;
}
.CSCDayHeader TR{
   font-size: 7pt;
   background-color: #336699;
   color: White;
}
.CSCDayHeaderCell{
   font-size: 9pt;
}
.CSCHeaderTable{
   font-size: 8pt;
   font-family: Arial;
}
.CSCHeaderRows{
   font-size: 8pt;
   font-family: Arial;
   cursor: default
}
.CSCHeaderRows TR{
   background-color: inherit;
}
.CSCIncrementalButtons{
   cursor: pointer;
   cursor: hand;
   color: #336699;
}
.CSCIncrementalButtonsPressed{
   cursor: pointer;
   cursor: hand;
   color: #336699;
}
.CSCJumpButtons{
   color: #336699;
   cursor: pointer;
   cursor: hand;
}
.CSCJumpButtonsPressed{
   color: #336699;
   cursor: pointer;
   cursor: hand;
}
.CSCCloseButton{
   cursor: default;
}
.CSCCloseButtonPressed{
   cursor: default;
}
.CSCHelpButton{
   cursor: default;
}
.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;
}
#trOneTime td.bodycopy{
width: 450px;
}
#_ctl2_DateTextBox{
}
img.DTBToggleCalendar{
text-align: left;
padding: 3px 0 0 3px;
}
.DTBToggleCalendarPressed{
}
.DTBHelpButton{
}
.DTBHelpButtonPressed{
}
.MYPMonthYearPicker{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   font-size: 8pt;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial;
   background-color: white;
}
.MYPMonthYearPicker TABLE{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}
.MYPMonthTable{
}
.MYPYearTable{
}
.MYPMonthCell{
   cursor: pointer;
   cursor: hand;
}
.MYPSelectedMonthCell{
   background-color: #999966;
   cursor: pointer;
   cursor: hand;
   color: white;
}
.MYPYearCell{
   cursor: pointer;
   cursor: hand;
}
.MYPSelectedYearCell{
   cursor: pointer;
   cursor: hand;
   background-color: #999966;
   color: white;
}
.MYPOutOfRangeCell{
   color: Gray;
}
.MYPMoveYearsButtons{
}
.MYPMoveYearsButtonsPressed{
}
.MYPTogglePicker{
	}
.MYPTogglePickerPressed{
	}
.PDPContextMenu{
   border-right: lightgrey 1px solid;
   border-top: lightgrey 1px solid;
   font-size: 8pt;
   border-left: lightgrey 1px solid;
   border-bottom: lightgrey 1px solid;
   font-family: Arial;
   background-color: white;
}
.PDPContextMenu TABLE{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}
.textsmerr1 {
	COLOR: #FF0000; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 8pt
}
.ValidationSummary {
	font-size: 11px;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #FF0000;
	background-color:#eaeaea;
	border-color:#FC040A;
margin: 15px 0 0 0!important;
}
.ValidationBorder img{
display: none;
}
.ValidationBorder
{
	border: solid 1px 
}
#lblOneTimeFuture{
}
#lblFormInstructions{
margin: 0 0 0 1px;
}
#Footer1_lblRequired{
position: relative;
}
#formStatusBar_imgSelectIndividual, #formStatusBar_imgSelectForm, #formStatusBar_imgQuestions, #formStatusBar_imgPayment, #formStatusBar_imgFinal{
display: none;
}

/*---------Begin mobile-----*/

@media all and (max-width: 480px) and (min-width: 320px) {
/* Force table to not be like tables anymore */
        table, thead, tbody, th, td, tr {
                display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
        }

        tr { border: 1px solid #ccc; }

        td {
                /* Behave  like a "row" */
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
        }

body {
	margin: 0px; 
	width:320px;
	font-size: 24px;
}

.HeaderContainer{
	
	display: none;
}
table.form{
	
}


.pageTable
{
width:320px;
	margin: auto;
	padding:0px;
	text-align:left;
}
input[type="text"], input[type="password"]{
padding: 4px;
width: 300px;
font-size: 30px;
}
.inputbutton{
	border-width: 0px;
	background-color: #333333;
	font-family: arial, tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
padding: 4px 6px 4px 6px;
}
#tblConfirmation{
width: 320px!important;
}
td.bodycopy{
display: block;
float: left;
width: 360px!important;
}
} 
/*---------End mobile-----*/