/*
 * SimpleModal referral Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: referral.css 254 2010-07-23 05:14:44Z emartin24 $
 */

/* Overlay */
#referral-overlay {background-color:#000; cursor:wait;}

/* Container */
#referral-container {
	font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:500px;
    height:auto !important;
	
}
#referral-container .referral-content {background-color:#b4b4b4; color:#ddd; height:400px; padding-top: 2%;}
#referral-container h1 {color:#3c69a9; font-size:20px; line-height:20px; margin:0; text-align:center; margin-bottom: 2%; font-size:18px;}
#referral-container .referral-loading {background:url(/static/images/referral/loading.gif) no-repeat; height:55px; width:auto; margin-left:30%;}
#referral-container .referral-message {text-align:center;}
#referral-container .referral-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#referral-container br {clear:both;}
#referral-container form {margin:0; padding:0; }
#referral-container label {font-weight:bold; padding-right:4px; color:#1b1c1b; font-size:14px; display:block; width:80%; margin-left:7%; text-align:left;}
#referral-container .referral-input {background:#FF; padding:2px; width:85%; display:block; margin-left: auto;
margin-right: auto;
margin-bottom: 1px;
border: 2px solid #969494;
font-size: 12px;
}
#referral-container .referral-input:focus {border: 2px solid #3c69a9;}
#referral-container .referral-input:hover {border: 2px solid #474747;}

#referral-container textarea {
	height:180px;
	font-size: 12px;
    resize: none; 
    font-family:inherit;
}
#referral-container .referral-button {
    width: 87%;
    display:block; 
    margin-left: auto;   
    margin-right: auto;
    margin-top: 2%;
    border: 0px;
}
#referral-container a.modal-close,
#referral-container a.modal-close:link,
#referral-container a.modal-close:active,
#referral-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#referral-container a.modal-close:hover {color:#ccc;}

.referral-image {
    display: block;   margin-left: auto;   margin-right: auto;
}


#referral-container .referral-input.error {
    border: 2px solid #EA5200;
  }
#referral-container label.error {
    color: #EA5200;
    font-size:12px;
}
#referral-container label.valid {
    color: green;
}

#referral-container a.modalCloseImg {
    background:url(/static/images/referral/popup_btn_cerrar.png) no-repeat; 
    width:23px;
    height:23px;
    display:inline;
    z-index:3200;
    position:absolute;
    margin-top: 10px;
    margin-right: 10px;
    top:0px;
    right:0px;
    cursor:pointer;
}

#referral-container a.modalCloseImg:hover {
	border: 1px solid #B4B4B4;
}

#email_referral_button{
    margin-top: 6px;
    height: 30px;
    float: left;
    font-size: 12px;
    padding-left:15px;	 
    padding-right:15px;	 
    padding-top: 6px;
    z-index: 2;
    position:relative;
}

#email_referral_button:hover {
    z-index:1000 }
}
}