.help {
	background-color: #fff;
	padding: 1em;
}
.help h1
{
	margin-bottom: 1em;
	padding: 0 1em;
	font-size: 14pt;
	border-left: 8px solid #3399FF;
	border-bottom: 1px solid #3399FF;
}
.help h2
{
	margin-top: 2em;
	border-bottom: 1px solid #3399FF;
	font-size: 12pt;
}

.help h3
{
	font-size: 10pt;
	border-bottom: 1px solid #9999FF;
}

.help p {
	margin: 0.5em 0;
	text-indent: 1em;
}

.help .img {
	text-align: center;
	margin: 1em 0;
	font-weight: bold;
}

.ui-state-highlight ul li {
	background-color: transparent !important;
	background-image: none !important;
	list-style-type: disc !important;
	list-style-position: inside !important;
}

#hlpIdx {
	float: left;
	width: 320px;
	overflow-y: scroll;
	border: 1px solid #ccc;
	border-right: 0px;
}

#hlpCont {
	float: left;
	overflow-y: scroll;

}

p.info {
	margin: 1em;
	padding: 1em;
	background-color: #FFFFCC;
}
#hlpIdx > ul > li
{
	list-style: none;
	background: #FFF url('../images/orange_sphere.gif') no-repeat left top;
	padding: 0.1em 0 0 2em;
	margin-top: 5px;
	cursor: pointer;
}
#hlpIdx > ul > ul > li
{	list-style: none;
	background: #FFF url('../images/green_sphere.gif') no-repeat left top;
	padding: 0.1em 0 0 2em;
	margin-top: .5em;
	white-space: nowrap;
	cursor: pointer;
}
#hlpIdx > ul > ul > li > ul > li
{	list-style: none;
	background: #FFF url('../images/blue_sphere.png') no-repeat left top;
	padding: 0.1em 0 0 2em;
	margin-top: 0;
	white-space: nowrap;
	cursor: pointer;
}
div.help li {
	margin-left:2em;
}
