/*
CSS STYLING FOR A STANDARDISED FAQ QUESTION/ANSWER LIST WITH THE FOLLOWING STRUCTURE:

<asp:Repeater />
	<ItemTemplate>
		<ajaxToolkit:CollapsiblePanelExtender />
		<asp:Panel CssClass="faq-question">
			<asp:Image />
			<asp:Label />
		</asp:Panel>
		<asp:Panel CssClass="faq-answer">
			... literal content or markup ...
		</asp:Panel>
	</ItemTemplate>			
</asp:Repeater>
	
<div class="faq-spacer">&nbsp;</div>

*/

.faq-question 
{
	width: 600px;
	vertical-align:top;
}

.faq-question img
{
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer;
}

.faq-question span
{
	text-decoration: underline;
	line-height: 25px;
	color: #6fba1d;
	cursor: pointer;
}

.faq-answer
{
	margin: 14px;
	height: 0px;
	overflow: hidden;
}	

.faq-spacer
{
	height: 400px;
}