.RsvpContent .leftContent									{float: left; width: 580px; font-size: smaller;}
.RsvpContent .leftContent a:link,
.RsvpContent .leftContent a:visited							{color: #856363; text-decoration: underline;}
.RsvpContent .leftContent a:hover							{color: #ffffff; background-color: #856363;}
.RsvpContent .leftContent .header							{margin: 9px 0 0 9px;}				
.RsvpContent .leftContent .header img						{display: block;}
.RsvpContent .leftContent .content							{margin: 10px 0 0 20px;}
.RsvpContent .leftContent .textbox							{margin: 0 5px 0 5px;}
.RsvpContent .leftContent .button							{color: #856363; border: 2px solid #856363; background-color: #ffffff; display: block; font-weight: 600;}
.RsvpContent .leftContent .message							{color: #856363; font-size: large; font-weight: 500;}
.RsvpContent .leftContent .content .dinnerFields			{border: 1px solid #856363; width: 600px;}
.RsvpContent .leftContent .content td.left					{width: 50%; vertical-align: top;}
.RsvpContent .leftContent .content td.rightTop					{vertical-align: top;}
.RsvpContent .leftContent .content tr.header				{background-color: White;}
.RsvpContent .leftContent .content tr.header h2				{color: #856363; text-align: center;}		
.RsvpContent .leftContent .content h3						{}
.RsvpContent .leftContent .content h4						{color: #856363;}

.errorMessage												{font-size: smaller;}
.RsvpContent .leftContent .content tr.alternate				{background-color: White;}
.RsvpContent .leftContent .content .guest					{}
.RsvpContent .leftContent .content .highLight				{color: #856363;}

.RsvpContent .rightContent									{float: right; height: 500px; width: 205px; margin: 50px 42px 0 0;}
.RsvpContent .rightContent .container						{margin: 30px 0 0 0;}
.RsvpContent .rightContent .rightImageContainer				{float: right;}
.RsvpContent .rightContent .rightButton						{float: right; width: 49px; height: 200px; margin-top: 100px; margin-bottom: auto;}

div.editPopup												{clear: both; background-image: url(/images/thinBackground.gif); background-repeat: no-repeat;
															  width: 500px; height: 130px; font-size: small; overflow: auto;}
.progress												{width: 300px; height: 200px; background-image: url(/images/progressBackground.gif); background-repeat: no-repeat;}											  
.progress .center									{text-align: center; margin: 8px;}

div.editPopup .title						{margin:0; font-size: medium; padding: .3em; overflow: auto;}
div.editPopup .title .left					{float: left; width: 400px; margin: 18px 0 0 14px;}
div.editPopup .title .left h4				{display: inline;}						
div.editPopup .title .right					{float: right; width: 50px; text-align: right;}
div.editPopup .title .right img				{display: block;}
div.editPopup div.content					{margin: 0 0 0 18px; clear: both; overflow: auto;}

div.editPopup .content input.state			{width: 30px;}
div.editPopup .content input.zip			{width: 60px;}

div.editPopup .content .buttons					{margin: 20px 0 0 0;}

div.editPopup .content .inlineContainer			{display:inline;}

.largeLink									{font-size: large; font-weight: 300;}
.mealChoicesPanel							{}
.mealChoicesContainer						{}
.mealChoicesContainer td						{vertical-align: top;border: 1px solid #99cc99;}
.mealChoicesContainer td.first					{border-right:none;background-color: #ffffff;}
.mealChoicesContainer td.last					{border-left: none;background-color: #ffffff;}
.mealChoicesContainer td.meal					{border-left: none; border-right: none; background-color: #ffffff;}	
.mealChoicesContainer td.spacer					{width: 8px; background-color: #ffffff; border-left: none; border-right: none;}		
.mealChoicesContainer td.hidden					{border: none;}
.mealChoicesContainer div.mealDescription	{width: 175px; background-color: #ffffff; color: #856363; padding: 4px;}
.mealChoicesContainer div.mealDescription .name	{font-weight: 600; font-size: medium;}	

 .textBox												{background-color: #ffffff; border: 1px solid #856363; filter:alpha(opacity=70); opacity:0.7;}
 td.label												{}
 .receptionFields h4										{display: inline;}
 .receptionFields img									{margin: 0 0 0 4px;}
 
 .hover													{border: 1px solid #99cc99; background: #ffffff; width: 200px; padding: 4px; z-index: 100;}

.results h2												{color: #856363;}

.modalBackground{ background-color: Gray; filter:alpha(opacity=70); opacity:0.7;cursor: wait;}

/** ---- Global ---- */
h2														{color: #856363;}
.addGuestsInstructions									{background-color: #99cc99; opacity:0.7; padding: 8px;}
.instructions											{font-size: medium; font-weight: 600;}

/* ---- Top of Page ---- */
.header													{overflow: auto;}
.areYouComing											{float: left;}
.groupName												{border: 1px solid #99cc99; float: right; margin-top: 10px; padding: 6px;}	
.nameText												{color: #856363;}

/* ---- RSVP Code ---- */

.code													{border: 1px solid #99cc99; padding: 10px;}

.name													{margin-top: 40px; text-align: center;}


/* ---- Attending Panel ---- */

.attendingContainer										{overflow: auto;}
.yesNoContainer											{overflow: auto; width: 528px; margin: 10px auto 10px auto;}
.yesAttending											{border: 1px solid #99cc99; float: left; width: 251px; padding: 0 5px 0 5px;}
.noAttending											{border: 1px solid #99cc99; float: left; width: 251px; padding: 0 5px 0 5px;}
.attendingInformation									{text-align: center; border: 1px solid #99cc99; background-color: #ffffff; overflow: auto;}
.attendingInformation table, 
.attendingInformation span								{margin: 0 auto 0 auto; font-size: medium;}

.moreInformation										{text-align: center; margin: 8px 0 8px 0;}

/* ---- Add Guests ---- */

.guestsAttendingPanel									{border: 1px solid #99cc99; width: 535px; background-color: #ffffff;}

h3.instructions											{color: #000000; opacity: 1.0;}
span.greyText											{color: #000000; display: inline;}
.guestsAttendingPanel .addGuestsContent					{padding: 10px; overflow: auto;}
.guestListContainer										{float: left; width: 300px;}
h3.inline												{display: inline; color: #856363;}
.addGuestContainer										{float: left; width: 185px; margin-left: 20px;}
.red													{color: Red;}
.backTo													{text-align: left; margin: 8px 0 0 0; float: left; width: 20%;}
.continue												{text-align: right; margin: 8px 8px 0 0; float: right; width: 76%;}
.nav													{margin-top: 30px; border-top: 1px solid #99cc99; padding: 0 8px 0 8px; overflow: auto;}

	/* ---- Add/Edit Guest Popup ---- */
	
	.nameAndMealChoiceContainer, 
	.viewMealsContainer									{float: left;}
	.viewMealsContainer									{margin-left: 10px;}
	.nameMealTitles, .nameMealFields					{overflow: auto;}
	.guestName, .mealChoice, .addUpdateGuestButton,
	.cancelAddUpdateGuestButton, .viewMealsButton		{float: left;}
	
	.guestName											{width: 160px;}
	.mealChoice											{width: 110px;}
	.addUpdateGuestButton,
	.cancelAddUpdateGuestButton							{width: 30px;}
	.textBox											{border: 1px solid #856363;}
	.highlight											{border: 2px solid red;}
	
/* ---- Number of guests ---- */
.numberAttendingPanel									{border: 1px solid #99cc99; background-color: #ffffff;}
.numberAttendingFields									{margin-left: 8px;}
.numberAttendingFields h3								{color: #856363;}

/* ---- Email Address ---- */

.emailContainer											{border: 1px solid #99cc99; overflow: auto; background-color: #ffffff;}
.emailContent											{padding: 8px;}
.emailAddressLabel										{font-size: small; font-weight: 600; margin-right: 10px; color: #856363;}
.emailAddressBox										{border: 1px solid #99cc99; padding-left: 30px; background-image: url(/images/mail_light.gif); background-repeat: no-repeat;}
.submit													{display: inline-block; width: 180px; float: right;}

/* ---- Results ---- */

.errorContainer											{overflow: auto; border: 1px solid #99cc99; background-color: #ffffff; padding: 8px;}
.funkyImage												{float: left;}
.funkyText												{float: left; margin-left: 20px;}