body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	margin:0px;

}

.ad{
	position:absolute;
	top:10px;
	right:10px;
}

.progressive_question{	/* Styling question */
	/* Start layout CSS */
	color:#000000;
	font-size:0.9em;
	background-color:'';
	width:100%;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('../images/bg-slate.jpg');
	background-repeat:repeat;
	background-position: right top;
	height:36px;

	/* End layout CSS */

	overflow:hidden;
	cursor:pointer
}

.progressive_question2{	/* Styling question */
	/* Start layout CSS */
	color:#000000;
	font-size:0.9em;
	background-color:'';
	width:100%;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('../images/bg-roof-tile.jpg);
	background-repeat:repeat;
	background-position: right top;
	height:36px;

	/* End layout CSS */

	overflow:hidden;
	cursor:pointer
}
.progressive_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:;

	width:100%;

	/* End layout CSS */

	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.progressive_answer2{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:;

	width:100%;

	/* End layout CSS */

	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.progressive_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;
	position:relative;
}
.progressive_answer2_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;
	position:relative;
}

</style>
<script type="text/javascript">
/************************************************************************************************************
(C) http://www.dhtmlgoodies.com , November 2005

This is a script from http://www.dhtmlgoodies.com/?whichScript=show_hide_content_slide. You will find this and a lot of other scripts at our website.

Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.

Thank you!

www.progressive.com
Alf Magne Kalleland

************************************************************************************************************/

var progressive_slideSpeed = 10;	// Higher value = faster
var progressive_timer = 30;	// Lower value = faster

var objectIdToSlideDown = false;
var progressive_activeId = false;
var progressive_slideInProgress = false;
var progressive_expandMultiple = false;

function showHideContent(e,inputId)
{
	if(progressive_slideInProgress)return;
	progressive_slideInProgress = true;
	if(!inputId)inputId = this.id;
	inputId = inputId + '';
	var numericId = inputId.replace(/[^0-9]/g,'');
	var answerDiv = document.getElementById('progressive_a' + numericId);

	objectIdToSlideDown = false;

	if(!answerDiv.style.display || answerDiv.style.display=='none'){
		if(progressive_activeId &&  progressive_activeId!=numericId && !progressive_expandMultiple){
			objectIdToSlideDown = numericId;
			slideContent(progressive_activeId,(progressive_slideSpeed*-1));
		}else{

			answerDiv.style.display='block';
			answerDiv.style.visibility = 'visible';

			slideContent(numericId,progressive_slideSpeed);
		}
	}else{
		slideContent(numericId,(progressive_slideSpeed*-1));
		progressive_activeId = false;
	}
}

function slideContent(inputId,direction)
{

	var obj =document.getElementById('progressive_a' + inputId);
	var contentObj = document.getElementById('progressive_ac' + inputId);
	height = obj.clientHeight;
	if(height==0)height = obj.offsetHeight;
	height = height + direction;
	rerunFunction = true;
	if(height>contentObj.offsetHeight){
		height = contentObj.offsetHeight;
		rerunFunction = false;
	}
	if(height<=1){
		height = 1;
		rerunFunction = false;
	}

	obj.style.height = height + 'px';
	var topPos = height - contentObj.offsetHeight;
	if(topPos>0)topPos=0;
	contentObj.style.top = topPos + 'px';
	if(rerunFunction){
		setTimeout('slideContent(' + inputId + ',' + direction + ')',progressive_timer);
	}else{
		if(height<=1){
			obj.style.display='none';
			if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
				document.getElementById('progressive_a' + objectIdToSlideDown).style.display='block';
				document.getElementById('progressive_a' + objectIdToSlideDown).style.visibility='visible';
				slideContent(objectIdToSlideDown,progressive_slideSpeed);
			}else{
				progressive_slideInProgress = false;
			}
		}else{
			progressive_activeId = inputId;
			progressive_slideInProgress = false;
		}
	}
}



function initShowHideDivs()
{
	var divs = document.getElementsByTagName('DIV');
	var divCounter = 1;
	for(var no=0;no<divs.length;no++){
		if(divs[no].className=='progressive_question'){
			divs[no].onclick = showHideContent;
			divs[no].id = 'progressive_q'+divCounter;
			var answer = divs[no].nextSibling;
			while(answer && answer.tagName!='DIV'){
				answer = answer.nextSibling;
			}
			answer.id = 'progressive_a'+divCounter;
			contentDiv = answer.getElementsByTagName('DIV')[0];
			contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
			contentDiv.className='progressive_answer_content';
			contentDiv.id = 'progressive_ac' + divCounter;
			answer.style.display='none';
			answer.style.height='1px';
			divCounter++;
		}
	}
}