/* 
<div id="survback">
	<div style="opacity: 0.99999;" id="survey">
		<div id="surv_main">
			<div class="subj">
				<span class="left">DID YOU KNOW</span>
				<span class="right">Jun 3, 2008</span>
			</div>
			<div class="factoid">Surveys are a fun and interactive way to get feedback from your website users</div>
			<div class="ques">
				<div class="q">What is your opinion?</div>
				<div class="a">
					<form name="f">
						<input id="sid" value="1" type="hidden">
						<span class="ans"><input name="resp" value="1" type="radio"> Fully agree</span>
						<span class="ans"><input name="resp" value="2" type="radio"> Kind of agree</span>
						<span class="ans"><input name="resp" value="3" type="radio"> Do not agree</span>
					</form>
				</div>
			</div>
			<div class="botm">
				<span class="left"><a href="javascript:void(0)" onclick="sendSurvey()"><img src="images/survey/vote_button.gif" style="border: medium none ;" border="0"></a></span>
				<span class="right">[ <a href="javascript:void(0)" onclick="sendSurvey()">Results</a> ]</span>
			</div>
		</div>
	</div>
</div>
*/

#survback
{
	float: right;
	margin: 2px 5px 10px 10px;
	padding: 49px 0 0 0;
	width: 204px;
	background: url("../images/survey/bg_poll.jpg") left top no-repeat;
}

#survey_btm
{
	clear: both;
	background: url("../images/survey/bg_poll_btm.jpg") left bottom no-repeat;
	width: 204px;
	height: 10px;
}

#survey
{
	float: left;
	padding: 3px 10px 5px 10px;
	width: 182px;
	overflow: none;
	opacity: 0;
	filter: alpha(opacity=0); 
	-moz-opacity: 0;
}

	#survey a:link, #survey a:visited
	{
		border: none;
		text-decoration: none;
		color: #766232;	
	}

	#survey a:hover, #survey a:active
	{
		text-decoration: underline;
		color: #766232;
	}

#survey div
{
	font: normal 11px/13px tahoma, arial, sans-serif;
}

#surv_main
{
	float: left;
}

#surv_main .subj
{
	float: left;
	color: #766232;
}

	#surv_main .subj .left, #surv_main .subj .right
	{
		display: none;
	}

#surv_main .factoid p
{
	font: normal 11px/13px tahoma, arial, sans-serif;
	padding: 0 0 7px 0;
	color: #766232;
}

#surv_main .ques
{
	width: 182px;
	color: #766232;
	font-weight: bold;
}

#surv_main .q, #survey .a
{
}

#surv_main .q
{
	padding: 0 0 7px 0;
	font-weight: bold;
	color: #766232;
}

#survey h5
{
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #326212;
}

#survey .a p
{
	padding: 0 0 3px 0;
	font: normal 11px/13px tahoma, arial, sans-serif;
}

	#survey .a p.message
	{
		padding: 0 0 8px 0;
		font: bold 11px/13px tahoma, arial, sans-serif;
		color: #8c0000;
	}

#survey .a form input
{
	float: left;
	_position: relative;
	_left: -5px;
	color: #766232;
}

#survey .a form label
{
	display: block;
	float: left;
	position: relative;
	left: 4px;
	top: 0;
	_left: -4px;
	_top: 3px;
	padding: 0 0 7px 0;
	width: 160px;
	color: #766232;
}

#surv_main .ans
{
}

#surv_main .result
{
	position: relative;
	width: 180px;
	border: 1px solid #6e9334;
	margin: 0 0 8px 0;
}

#surv_main .rbar
{
	height: 14px;
	border-right: 1px solid #acca7e;
	background: url("../images/survey/ans_bar.gif") repeat-x;
}

#surv_main .rperc
{
	background: transparent;
	line-height: 15px;
	font: normal 10px/12px tahoma, arial, sans-serif;
	position: absolute;
	right: 2px;
	top: 0;
	height: 14px;
	z-index: 20;
	color: #1d4301;
}

#surv_main .botm
{
	float: left;
	padding: 2px 0 0 0;
	width: 182px;
	color: #766232;
}

	#surv_main .botm p
	{
		padding: 0 0 7px 0;
		font-size: 12px;
		color: #326212;
	}
	
	#surv_main .botm img
	{
		position: relative;
		left: -1px;
	}
	
	#surv_main .botm .viewresults
	{
		padding: 8px 0 0 0;
	}
	
	#surv_main .botm .totalvotes
	{
		padding: 0 2px 0 0;
		font-weight: bold;
		color: #1d4301;
	}
	
#surv_main input {
}

#surv_main .left {
	float: left;
}

#surv_main .right {
	float: right;
}