/*
* "Collapsible" by Alan Hogan (http://alanhogan.com/contact)
* 
* Goes with collapsible.js
*
* Supposed to make areas easily collapsible.
*/

/****COLLAPSIBLE***/
.collapsibleContent {}
.collapsible {}
.collapsibleTitle {
	padding: .1em .4em .1em 26px; /* Save room for toggle icon */
	margin: 0;
	border-bottom: .1em solid #000; /*PLEASE override in a more specific stylesheet*/
}
.collapsedTitle h3 {
	margin: 0; padding: 0;
}
.collapsibleContent {
	margin: .5em;
}
.collapsedMsg {
	margin: .2em .5em;
}

.jsLink {
	cursor: hand;
	cursor: pointer;
}

/* Disabled; not an appropriate default. Feel free to override this in a more specific stylesheet.
.collapsedMsg, .collapsedMsg {
	font-style: italic;
	opacity: 0.8;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
}
*/

/** state: revealed **/
.revealed .collapsibleTitle {
	/*TODO: background: indicator*/
}
.revealed .collapsedMsg {
	display: none; 
}
.revealed .collapsibleContent {
	display: block; 
}


/** state: collapsed **/
.collapsed .collapsibleTitle {
	/*TODO: background: indicator*/
}
.collapsed .collapsibleContent {
	display: none; 
}
.collapsed .collapsedMsg { display: block; }