/*
	************************************************
	*  File: survey-invitation.css
	*  Last Updated: 11/17/09
    *  Author: Eric Wright <ewright@linescale.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>Web Site Opinion Survey</h1>
			<a href="#">Close [x]</a>
		</div>
		<div class="body">
			<p>
				We'd like your opinion about MyWebSite.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;
}

#survey-invitation 
{
	position:absolute;
	/*top:40px;
	left:290px;
	display:none;	*/
	z-index:999;	
	border:1px solid #336;
	background-color:#fff;
	width:605px !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;
	text-align:left !important;
	
}

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

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


#survey-invitation .header 
{
	background-color:#336;
	color:#fff;
}

#survey-invitation .header h1 
{
	font-size:1.2em !important;
	font-weight:bold !important;	
	color:#fff !important;
}

#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;
	color:#000 !important;
}

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