@charset "UTF-8";

/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Accordion Main Container Selector.
 * For the default style, there are borders on the left, right, and bottom.
 * The top border of the Accordion will be rendered by the first
 * AccordionPanelTab which never moves.
 */
.Accordion {
	border-left: solid 1px #C6CCD9;
	border-right: solid 1px #C6CCD9;
	border-bottom: solid 1px #C6CCD9;
	overflow: hidden;
}

/* AccordionPanel Container Selector.
 * Houses the panel tab and a panel content areas.
 * Margin and padding must be set to zero.
 */
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* AccordionPanelTab Selector. */
.AccordionPanelTab {
	color: #000;
	background-color: #EBEDF1;
	border-top: solid 1px #C6CCD9;
	border-bottom: solid 1px #556481;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	font-size: large;
}

/* AccordionPanelContent Selector.
 * Padding must be set to zero for animations to work correctly.
 * content are height *MUST* be set.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 265px;
}

/* AccordionContentPadding Selector.
 * Allows padding inside content panel.
 */
.AccordionContentPadding {
	overflow: auto;
	margin: 0px;
	padding: 5px;
}

/* AccordionPanelOpen Selector. */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #7786A4;
	color: #FFF;
	font-size: large;
}

/* AccordionPanelTabHover Selector */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #EBEDF1;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #7786A4;
}
