/***********************************************************************************************************************
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.
************************************************************************************************************************/
.faq{ padding-bottom:10px}
#wrap_body #container section .faq h4{font:bold 13px "Georgia", Arial, Helvetica, sans-serif; font-style:italic; padding:15px 0 15px}
.accordionButton {	
	width:92%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#0166CC;
	padding:12px 2% 12px 40px;
	margin-bottom:2px;
	background:#fff;
	border:1px solid #ddecfa;
	-webkit-box-shadow: inset 0px 0px 25px 2px rgba(1, 102, 204, .05);  box-shadow: inset 0px 0px 25px 2px rgba(1, 102, 204, .05);
	border-radius:3px;
	line-height:25px;
	background:url(../images/roundarrow.png) no-repeat 15px center
	}
	



.accordionContent {	
	width:90%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background:#fff;
	border:1px solid #ddecfa;
	-webkit-box-shadow: inset 0px 0px 25px 2px rgba(1, 102, 204, .05);  box-shadow: inset 0px 0px 25px 2px rgba(1, 102, 204, .05);
	padding:20px 4% 20px 40px;
	color:#0166CC;
	margin-bottom:1px;
	font:normal 12px  Arial, Helvetica, sans-serif;
	line-height:28px;
	}
	.accordionContent p{font:normal 12px  Arial, Helvetica, sans-serif!important; line-height:24px!important; color:#0166CC }
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on { 	background:url(../images/roundarrow1.png) no-repeat 15px center}
.over{ 	background:url(../images/roundarrow1.png) no-repeat 15px center}

@media screen and (max-width: 530px){.accordionButton {	width:88%;} .accordionContent {	width:88%;}}