/* NOTE that i have included the sendToFriendWrapper prefix for most css classes to ensure
that there is no naming conflicts with css classes utilised on the main site pages */

/* Change colour schemes to suit, but best not to adjust widths, alignments etc. Definetely do not re-name
any classes as object ids are referenced by the javascript */


/* ----------- POP UP STYLE SEND TO FRIEND BOX THAT WRAPS EVERYTHING ----------- */

#sendToFriendWrapper
{
	z-index:900; 
	position:absolute; 
	left:34%; 
	top:33%; 
	width:246px; 
	background-color:#091351; 
	padding:10px; 
	padding-top:5px;
	visibility:hidden;
	font-family:verdana, Helvetica, Arial, Sans-Serif;
	color:#000000;
	font-size:10px;
	font-weight:normal;
	line-height:14px;
	text-align:left;
	border:1px solid #ffffff;

}


/* ------------- INPUT BOXES AND SEND BUTTON STYLING -------------- */


#sendToFriendWrapper .inputLabelRow
{
	display:block; width:99%; padding-top:1px; padding-bottom:1px; font-weight:normal; color:#ffffff;
	
}


#sendToFriendWrapper .inputRow
{
	display:block; width:99%; padding-top:1px; padding-bottom:10px;
}


#sendToFriendWrapper .buttonRow
{
	display:block; width:99%; padding-top:5px; padding-bottom:5px;
}


#sendToFriendWrapper .txtbox
{
	font-family:verdana, Helvetica, Arial, Sans-Serif;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	background-color:#ffffff !important;
	padding:1px; 
	width:200px;
	border:0px;
}


/* -------------- MESSAGE ROW WRAPS VALIDATION MESSAGE ul BULLET POINTS --------------- */

#messageRow
{
	display:none; width:99%; padding-bottom:5px; color:#ffffff; margin-left:5px; font-size:10px; font-weight:normal;
}

.validationAsterix
{
	position:relative; display:none; width:10px; color:#ffffff; margin-left:5px; font-size:11px; font-weight:bold;
}


/* ------------- STYLES SEND TO FRIEND WRAPPER BULLET VALIDATION ERROR MESSAGES ------------- */

#sendToFriendWrapper ul
{
	padding-left:0px; padding-right:0px; margin:0px;
}

#sendToFriendWrapper li
{
	margin:0px; padding:0px;
	list-style-type: disc; 
	list-style-position: inside; 
}


/* ------------- HEADER ROW SITS ALONG TOP OF BOX AND WRAPS CLOSE LINK ---------- */

#headerRow
{
	display:block; width:99%; padding-top:0px; background-color:#091351;
}


/* ---------------- CLOSE LINK TOP RIGHT CORNER OF SEND TO FRIEND POP UP BOX ------------- */


#closeLinkWrapper
{
	display:block; text-align:right; width:99%; padding-bottom:10px; 
}


#closeLinkWrapper a
{
	color:#57bcde; margin-right:0px;font-weight:bold;
}


#closeLinkWrapper a:hover
{
	color:#ffffff; margin-right:0px;font-weight:bold;
}



/* -------------- SENDING AND SENT MESSAGE WRAPPER ------------- */


.sendingMessage
{
	width:80%; background-color:#ffff00; color:#000000; padding-top:2px; padding-bottom:2px; font-size:10px;
}


.sendToBtn
{
	font-size:11px; font-family:arial,verdana,sans-serif; padding:3px;
	background-color:#57bcde; color:#08143c; cursor:pointer; border:0px;
}