/* ID selector (#) used to refer parts like <div id="surveyMain">...</div> in the .htm page*/
#surveyLayer
{
	position:	absolute; /* The absolute position makes it a layer */
	width:		350px;
	height:		135px;
/* 	margin-top: 100px; */
/*	margin-left:300px; */
	border:		thin #CC99FF solid;
	background-color: #FFFFCC;
	/* Font and size */
	font-family:"Comic Sans MS";
	font-size:	small;
	color:		purple;
	/* Transparency */
	opacity:	0.9;				/* for Firefox */
	filter:		alpha(opacity=90);	/* for Explorer */
}

/* class selector (.) used to refer to class elements like <p class="cartButton">...</p> in the .htm page */
.closeButton
{
	text-align   : right;
	margin-top   : 3px;
	margin-bottom: 0px;
	margin-right : 5px;
}

.logo
{
	text-align   : left;
	margin-top   : 3px;
	margin-bottom: 0px;
	margin-right : 5px;
}

.surveyText
{
	font-family	 : Comic Sans MS;
	font-size	 : 10pt;
	color		 : purple;
	text-align	 : left;
	margin-top	 : 0px;
	margin-bottom: 0px;
	margin-left	 : 3px;
}

.surveyButton
{
	text-align   : center;
	margin-top   : 0px;
	margin-bottom: 3px;
}