/* GreenTetradTheme */
/* styles for elements in faq */

div.faq, div.faq h4, div.faq div, div.faq p
{
	margin: 0;
	padding: 0;
}

div.faq
{	
	float: none;
	clear: both;
	margin: 10px;	
	padding: 5px;
	border: 1px solid #CCCCCC;
}

div.faq h4
{	
	color: #1A7520;
	font-size: 1.1em;
	line-height: 23px;
	margin: 0 0 0 5px;
	padding: 0 0 0 25px;
	background-image: url( 'images/question-mark3small.png' );
	background-repeat: no-repeat;	
}

div.faq div.content
{
	padding: 0;
	margin: 5px 0px 0px 0px;
}

div.faq ol, div.faq ul 
{
	padding-left: 30px;	
}

div.faq ol
{
	list-style-type: decimal;
}

div.faq ul
{
	list-style-type: circle;	
}

/*div.faq div p, div.faq div li,*/
div.faq div, div.faq li
{
	color: #946121;
	line-height: 1.8em;	
}

div.faq div div /*p*/
{
	padding: 0 5px 0 5px;	
}

/*div.faq div p.alter, div.faq div p.alter li,*/
div.faq div.alter, div.faq div.alter li
{	
	color: #942421;
}

span.faq-leading-q, span.faq-leading-a
{
	display: block;
	width: 26px;
	float: left;
	clear: left;
}

/* i don't know why there is 1 pixel padding different between 
the "Q" and the "A" character, this issue appears in IE6, Chrome and Firefox, 
so i use this class to compensate the 1 pixel */
span.faq-leading-a
{
	padding-left: 1px;
}

span.faq-body
{
	display: block;
	float: left;
}