/** 
 *   
 * accordion layout: a list of boxes, each box having the following structure:
 *
 * <div class="accordion_handle"><a class="accordion_link">box title</a>
 * 		<div class="accordion_content"><div>box content</div></div></div>
 *
 * @author : alexis raimbault, 
 * @author : Bernard Paques
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */

.accordion_handle {
	width: 99%; /* avoid horizontal slider */
}

.accordion_link {
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-bottom: none;
	color: #666;
	cursor: pointer;
	margin-bottom: 1px;
	padding: 9px 1em 6px 1em;
	z-index: 10;
}

.accordion_link .handle {
	float: right;
	padding-right: 0;
}

.accordion_link:hover, .accordion-toggle-active {
	text-decoration: none;
	color: #666;
	background-color:#ddd;
}

.accordion_content {
	border-left: 2px solid #F5F5F5;
	border-bottom: none;
	border-right: 2px solid #F5F5F5;
	overflow:hidden;
	padding: 1em;
	margin-bottom: 0;
}

.accordion_content .introduction {
	margin: 0 0 4px 0; /* no space at the top of the introduction text */
}