/***********************************************************************************************************************
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.
************************************************************************************************************************/
.accordionButton {	
	width: 550px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: url(../../images/icon-q.png) no-repeat 15px 10px;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding: 15px 20px 15px 60px;
	}
	
.accordionContent {	
	width: 550px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: url(../../images/icon-a.png) no-repeat 15px 10px #f5f5f5;
	padding: 15px 20px 15px 60px;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	color: #222222;
	}
	
.over {
	background: url(../../images/icon-q.png) no-repeat 15px 10px #eef3f5;
	}

.accordionContent ul {
	margin: 0 0 10px 20px;
}
.accordionContent ul li {
	list-style: lower-roman;
	margin-bottom: 10px;
}
	
/* Pagination */
.PagerControl {
	padding: 30px 0 20px;
}
.PagerResults {
	text-align: center;
}
.PagerNumberArea {
	text-align: center;
	font-weight: bold;
	color: #CCC;
}
.PagerNumberArea a {
	padding: 3px 5px;
	color: #575757;
}
.PagerNumberArea a:hover {
	text-decoration: none;
	background: #68A613;
	color: #fff;
}
.SelectedPrev {
	padding: 0px 2px;
}
.SelectedPage {
	background: #68A613;
	color:#FFF;
	padding: 3px 5px;
	border: 0px solid gray;
}