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

	
	#ModalSendToBg
    { 
        position:absolute; left:0px; top:0px; width:100%; height:100%;
        background-color:#000000; z-index:5400; visibility:hidden;
        opacity:0.8; filter:alpha(opacity=80);
    }

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

#sendToFriendWrapper
{
	z-index:5500; 
	position:absolute; 
	left:40%;
	top:33%; 
	width:246px; 
	background-color:#dddddd; 
	padding:15px;
	visibility:hidden;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	color:#333333;
	font-size:90%;
	font-weight:normal;
	line-height:14px;
	text-align:left;
	border:5px solid #666666;

}


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


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


#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
{
	color:#333333;
	font-weight:normal;
	background-color:#ffffff !important;
	padding:2px; 
	width:200px;
}


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

#messageRow
{
	display:none; width:99%; padding-bottom:5px; color: #CC0000; 
	font-weight:bold;
}

.validationAsterix
{
	position:relative; display:none; width:10px; color:#CC0000; 
	margin-left:5px; 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; padding-top:0px;;
}


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


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


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


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



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


.sendingMessage
{
	width:80%; background-color:#66cc33; color:#ffffff; padding:5px;
}


.sendToBtn
{
	font-family:arial,verdana,sans-serif; font-weight: bold; padding:3px;
	
	background-color:#66cc33; color:#ffffff; cursor:pointer;
	
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99CC58;
	border-right-color: #5DBA30;
	border-bottom-color: #5DBA30;
	border-left-color: #99CC58;
}