/****************************************
| ** EmailFriend-Module.css
|
| Created by: Rajesh Veluchamy
| Date Created: 2008-02-07
| Copyright © Reed Exhibitions
| Description: 
|	Defines styles to the Email a Friend
|   page.
****************************************/

/*	= Email a Friend Page - Form Styles
----------------------------------------------- */
body{margin:0;padding:5; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#eaeaea;}
div#emailFriend br{clear:left;}
div#emailFriend form .clear{clear:both; margin:0; padding:0;}

div#emailFriend {margin:0; padding:0; width:510px; border:1px solid #666666; background:#fff;}
div#emailFriend h4{margin:0; padding:0 0 0 10px; font-size:100%; font-weight:normal;}
div#emailFriend .brandLogo{text-align:left; margin:0; padding:5px 0 5px 10px; border:0;}
div#emailFriend h2{text-align:left; margin:0; padding:5px 0 5px 10px; font-size:110%;}
div#emailFriend h3{text-align:left; margin:0; padding:5px 0 5px 10px; font-size:110%;}
div#emailFriend .required{text-align:right; margin:5px 13px 5px 0; color:#666;}
div#emailFriend div#captchaContainer{margin-left:160px;}

/*	= Controls the Enter Recipient Box at the top
----------------------------------------------- */

div#emailFriend .recipients{display:block;width: 465px; height:auto; padding:10px 7px 7px 10px; margin:5px 0 15px 10px; background-color:#CCCCCC; border:1px solid #666666; }
div#emailFriend .recipients .error{margin:0; padding:0;}
div#emailFriend .recipients p{padding:0; margin:10px 0 0 0; width: 460px; display:block; font-size:90%;}
div#emailFriend .recipients label{margin:0; padding:0; width:460px; font-size:110%;}
div#emailFriend .recipients input{position:absolute; display:block; width:455px; padding:0; margin:0;}
div#emailFriend .lc 
{
    margin: 0;
    padding: 0 0 0 10px;
    width: 475px;
}
div#emailFriend .lc input { float:right; }
div#emailFriend .lc textarea { float:right; }

/*	= Controls the rest of the form Label & Inputs
----------------------------------------------- */

div#emailFriend form label{float:left; margin:0 0 0 10px; padding:0; }
div#emailFriend form input{float:left; width:331px; margin:0; }
div#emailFriend form textarea{float:left; width:330px; height:150px; margin:0px 0 20px 0; }
div#emailFriend form .boxes input{width:10px; height:20px; margin:0 0 0 160px; padding:0; float:left; clear:right;}
div#emailFriend form .copyme{float:left;width:200px;margin:0 0 15px 5px;padding:0 0 0 0;vertical-align:middle}

/*	= Controls the Cancel & Send Buttons
----------------------------------------------- */

div#emailFriend form .cancel {width: 80px;height:25px;background:#666666;margin:0px 0px 0 10px;color:#ffffff;}
div#emailFriend form .send {float:right;width: 80px;height:25px;background:#666666;margin:0 10px 0 0;color:#ffffff;}

/*	= Controls the Error Message display
----------------------------------------------- */
div#emailFriend .error{ float:left; padding:0; color:#FF0000;}
div#emailFriend .errorSendTo{margin:0 0 0 0px; padding:0; color:#FF0000;}


/*	= Message send successful
------------------------------- */

#_lblText{padding:0 0 50px 165px;font-weight:bold;}
div#emailFriend .close {width: 80px;height:25px;background:#666666;margin:20px 0px 30px 208px;color:#ffffff; letter-spacing:2px;}

/*  = Captcha
-------------------------------- */
.captchaButton { margin-left:0px; margin-right:15px; margin-top:3px; float:right; height:25px; }
#emailCaptchaContainer .error { margin-left:150px; margin-top:-65px; }