/***********************************************************************************************************************
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;
	padding: 1px 1px 0 1px;*/
	width: 100%;
	margin:30px 0;
}

.accordionWrapper:before, .accordionWrapper:after {
	display: table;
	content: " "
}
.accordionWrapper:after {
	clear: both;
}
.accordionWrapper:before, .accordionWrapper:after {
	display: table;
	content: " "
}

.accordionButton {

	
	background: #f4f4f4;

	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: 15px 15px 15px 75px;
	font-size:18px;
	margin-top:2px;
		position:relative;

	
	-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.accordionButton:before

{
	content:"+";
	color:#fff;
	position:absolute;
	font-size:30px;
line-height:55px;
	width:55px;
	background:#999;
	display:block;
	text-align:center;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}


.accordionContent {
	border:none;
	border-bottom:;
	background: #FCFCFC;

	box-sizing: border-box;
	width: 100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding:25px;


}
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on, .on:hover {



	

}
.accordionButton.on:before

{
	content:"-";

background:#19a6a4;
	
}
.over {
	background: rgba(0,0,0,0.1);

}