/***********************************************************************************************************************
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.
************************************************************************************************************************/
#wrapper {
	width: 195px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	color: #FFF;
	width: 175px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: url(../img/right_button.png) no-repeat center top;
	cursor: pointer;
	height: 20px;
	margin-top: 5px;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	}
	
.accordionContent {	
	padding: 10px;
	width: 175px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #C8E79F;
	}
	
.accordionContent p
{ border-bottom: 1px dotted #A2C600; margin-bottom: 5px; padding-bottom: 3px;}

.accordionContent p a
{ color: #0C3043;}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: url(../img/right_button_on.png) no-repeat center center;
	}
	
.over {
	background: url(../img/right_button.png) no-repeat center bottom;
	}
	
.content_boxExtended #wrapper
{ width: auto; margin: auto;}

.content_boxExtended .accordionButton
{ background: url(../img/topic_arrow.png) no-repeat 5px center; color: #0c3043; float: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; height: 15px; margin: 0; padding-left: 25px; width: auto;}

.content_boxExtended .accordionContent
{ background: 0 none; float: none; padding-left: 30px; width: auto;}

.content_boxExtended .accordionContent p
{ border: 0 none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;}

.content_boxExtended .accordionContent h3
{ color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.content_boxExtended .accordionContent div
{ margin-bottom: 15px;}

.content_boxExtended .on
{ background: url(../img/topic_arrow_on.png) no-repeat 5px center;}