/*
 * All of these styles are applied only if the javascript has been
 * run and shouldn't affect anything if javascript is turned off.
 *
 * The following classes are only defined at run-time by javascript
 * and shouldn't be used directly:
 *   collapse-is-parent
 *   collapse-title
 *   collapse-content
 *   collapse-all-toggle
 */

/* style for title of collapsible element */
.collapse-title, .nocollapse {
	margin-bottom:0.5ex;
	margin-top:1ex;
}
/* style for content of collapsible element */
.collapse-content {
	display:block;
	margin-left:0.5em;
	padding-left:0;
}

/* the item is clickable so set the cursor to indicate action */
/* cursor:pointer is done by javascript */
.collapse-title:hover {
	background: #ffffcc;
	color: black;
}

/* override lists, don't use their layout */
ol.collapse-is-parent, ul.collapse-is-parent {
	padding: 0;
	margin: 0;
	margin-left: 0.5em;
	list-style-type: none;
}

.collapse-content {
	padding-left: 1em;
}

/* collapsible list open and closed symbols */
/* doesn't work on IE6 :( */
.expanded > .collapse-title:before {
	content:"▿";
	margin-right: 0.3em;
}
.collapsed > .collapse-title:before {
	content:"▹";
	margin-right: 0.3em;
}

/* button that collapses or expands all */
.expand-all-toggle {
	color:#cccccc;
	cursor:pointer;
	font-size:50%;
	font-weight:normal;
	margin-left:0.5em;
}