/* viewer div */

#inviteAFriendViewer {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	visibility: hidden;

	overflow: hidden;

	z-index: 100;

	background-image: url(../images/overlay2.png);

	

}



/* div containing form */

#inviteAFriendForm {

	position: absolute;

	font-size: 12px;

	line-height: 1.3em;

	left: 96px;

	top: 100px;

	width: 600px;

	height: 432px;

	font-family: arial, sans-serif;

	font-weight: bold;

	/*background-color: #ffffff;*/

	background-image: url(../images/inviteFriendBG.png); */

	border: 1px solid #666666;

}



.formSection {

	margin-top: 50px;

	

}

label {
	text-transform:uppercase;	
}

.formSection.left {

	float: left;

	margin-left: 40px;

	width:270px;

	

	/* background-color: #eeffcc; */

	/* border: 1px solid #666666; */



}



.formSection.right {

	float: right;

	width:280px;

	/* background-color: #eeffcc; */

}



.formTitle {

	margin-top: 4px;

	font-style: normal;

	font-weight: bold;

	font-size: 32px !important;

	color: #000000;



}



.formTitle.complete {

	margin-top: 4px;

	font-style: normal;

	font-weight: bold;

	font-size: 16px !important;

	color: #000000;

}



.formSubtitle {

	margin-bottom: 10px;

	margin-top: 2px;

	padding-right: 22px;

	width: 248px;

	text-align: right;

	float: right;

	font-style: normal;

	font-weight: bold;

	font-size: 12px !important;

	color: #555555;

	/* background-color: #ffffcc; */

}



.formInput {

	margin-top: 10px;

	margin-left:8px;

	width: 240px;

	font-style: italic;

	font-size: 12px !important;

	color: #999999;



}



/* colored text for form errors */

.formInput.error {

	color: #cc0000;

}



.formInstructions {

	padding-top: 8px;

	font-size: 10px !important;

	color: #cccccc;

	width: 240px;

	text-align: left;

	line-height: 1em;

}



.formInstructions.error {

	margin-left:8px;

	font-size: 12px !important;

	color: #cc0000;

}



.formInstructions.complete {

	margin-left:8px;

	font-size: 12px !important;

	color: #999999;

}





/* form buttons area */

.formButtons {

	margin-top: 20px;

	margin-bottom: 20px;

	margin-right: 47px;

	height: 25px;

}



/*  form button */

/*	form buttons use a DIV.formButton tag wrapped around an A tag */

.formButton {

	float: right;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: bold;

	background-color: #a2a2a2;

	border: 1px solid #666666;

	margin: 1px;

	margin-left: 9px;

}



/* hover state for form button divs */

.formButton:hover, .formButton.default:hover {

	margin: 0px;

	margin-left: 8px;

	border-width: 2px;

}



/* style for default button */

.formButton.default {

	background-color: #cccccc;

	border: 1px solid #666666;

}



/* style for the link in each form button */

.formButton a {

	font-size: 10px;

	font-weight: bold;

	font-family:arial, sans-serif;

	border: 1px solid #ffffff;

	text-decoration: none;

	padding: 2px 5px;

}



/* hover state for the link in each form button */

.formButton a:hover {

	text-decoration: none;

	color: #000000;

}



/*=========================================================================================

	END FORM SECTION FORMATTING

==========================================================================================*/