/*
	************************************************
	*  File: survey-invitation.css
	*  Last Updated: 8/13/07
	*  Author: Eric Wright <eric@rapidsynergy.com>
	************************************************
	

	Details: 
		
	This CSS handles the presentation of the survey invitation dialogue dynamically  
  generated on the client side by survey-invitation.js.
	
	For easy reference, the DOM generated will comply to the following HTML:
	
	<div id="survey-invitation">
		<div class="header">
			<h1>Marriott Opinion Survey</h1>
			<a href="#">Close [x]</a>
		</div>
		<div class="body">
			<p>
				We'd like your opinion about Marriott.com. Please take a 10 minute survey when you exit our Web site. 
				Select "Yes" to accept or "No" to decline. Thank you!
			</p>	
			<ul>
				<li><a href="#" class="button">Yes</a> I'd like to take the survey</li>
				<li><a href="#" class="button">No</a> Please close this invitation</li>
			</ul>
		</div>
	</div>
	
*/	

/* initialize context to avoid conflicts w/ existing styles */
#survey-invitation, #survey-invitation * 
{
	float:left;
	padding:0;
	margin:0;
	font:12px Arial, Helvetica, sans-serif !important;
color:#411c0d !important;
}


#survey-invitation .body{
background:#fff !important;
}

#survey-invitation 
{
	position:absolute;
	/*top:40px;
	left:290px;
	display:none;	*/
	z-index:999;	
	border:10px solid #411c0d;
	width:400px !important;
		
}

#survey-invitation a {
	text-decoration:none !important;
}

#survey-invitation .header, 
#survey-invitation .body
{
	width:100%;
}

#survey-invitation h1,
#survey-invitation p,
#survey-invitation ul 
{
	clear:left;
	padding:.1em .3em !important;
	width:auto;
	
}

#survey-invitation ul 
{
	width:95%;
	list-style:none;
}

#survey-invitation li {
	clear:left;
	margin:.5em 0 .5em 1.5em;
}


#survey-invitation .header 
{
	background-color:#4c0d11;
	color:#fff;
padding:0px 0px 10px 0px;
height:100px;
background:#411c0d url('/i/cfr-hdr_home_small.gif') no-repeat;
}

#survey-invitation .header h1 
{
	font-size:1.3em !important;
	font-weight:bold !important;	
	color:#fff !important;
margin-top:80px;
margin-left:-5px;
}

#survey-invitation .header a 
{
	display:block;
	float:right;	
	color:#fff !important;
	font-weight:bold !important;	
	padding:.1em .2em 0 0;
}


#survey-invitation .body 
{
	background-color:#CFCDFE;		
	color:#000 !important;		
	padding-bottom:1em;
}

#survey-invitation .body p 
{
	line-height:1.5em !important;
	color:#000 !important;		  
	
} 

#survey-invitation li {
	line-height:1.8em !important;
}

#survey-invitation a.button 
{
	display:block;	
	padding:.2em .5em;
	margin:0 .5em .2em 0;
	width:2.5em;
	text-align:center;
	background-color:#9d102d;
	color:#fff !important;
	font-weight:700 !important;
}