/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
.accordionWrapper {
	box-sizing: border-box;
	background: white;
	border: solid 1px #ccc;
	width: 100%;
	padding: 1px 1px 0 1px;
}
.accordionButton {
	background: url(../accordion-closed.png) no-repeat 5px center #E7E7E7;
	box-sizing: border-box;
	width: 100%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding: 10px 10px 10px 40px;
	text-align:left;
	font-size:15px;
}
.accordionButton:last-child {
	border-bottom: 0 !important;
}
.accordionContent {
	background: white;
	box-sizing: border-box;
	width: 100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding: 10px;	text-align:left;
}
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: url(../accordion-opened.png) no-repeat 5px center #C1BFD7;
	font-weight:bold;
}
.over {
	background-color: #C1BFD7;
}