@charset "UTF-8";
/* CSS Document */

#content-container
{
	
}

ul#helpList
{
	color:			#222;
	
	text-indent:	0;
	padding:		15px;
	margin:			15px 0;
	list-style:		none;
	
	box-shadow:				0px 0.9px 10px 0px #111, 0px -0.9px 10px 0px #111;
	-moz-box-shadow:		0px 0.9px 10px 0px #111, 0px -0.9px 10px 0px #111;
	-webkit-box-shadow:		0px 0.9px 10px 0px #111, 0px -0.9px 10px 0px #111;

	height:			500px;

	overflow:		auto;
}

ul#helpList > li
{
	padding:		1px;
	margin:			2px 0;
	
	width: 			615px;
	height:			32px;

	background: #FFF; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#AAAAAA'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#AAA)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EEE,  #AAA); /* for firefox 3.6+ */ 
}

ul#helpList .titleImage
{
	margin:			0 20px;
	width:			32px;
	height:			32px;
	
	vertical-align:	middle;
}

ul#helpList .title
{
	display: 		inline-block;
	vertical-align: middle;
	width: 			510px;
}

ul#helpList .arrow
{
	display:		inline-block;
	width:			16px;
	height:			16px;
	background:		url("../Images/aide-arrow.png") -8px 0 no-repeat;
	vertical-align: middle;
}

ul#helpList .content
{
	display:		none;
	margin: 		0px 30px 0 80px;
	border-top:		1px solid #FF9900;
}

ul#helpList .content p
{
}

ul#helpList li.open
{
	background: 	#EEE; /* for non-css3 browsers */
	height:			auto;
}

ul#helpList li.open .arrow
{
	background:		url("../Images/aide-arrow.png") -8px -16px no-repeat;
}

ul#helpList li.open .content
{
	display:		block;
}