@charset "UTF-8";

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

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

/* The main CollapsiblePanel container. By default, the CollapsiblePanel expands to fill the horizontal space. The name of the class ("CollapsiblePanel") used in this selector is not necessary to make the widget function. You can use any class name you want to style the  CollapsiblePanel container. */
 
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border:none;
}

/* The CollapsiblePanelTab houses the title that the user clicks on to open or close the panel.
 The name of the class ("CollapsiblePanelTab") used in this selector is not necessary to make the widget function. Use any class name to style a CollapsiblePanel panel tab container. */
 
div.CollapsiblePanelTab {
	margin: 5px 25px 5px 25px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.CollapsiblePanelTab h2.template {
	margin: 0px;
	padding: 0px;
}

/* The CollapsiblePanel's Content area should never have any padding. Placing a non-zero padding on the content or it will abruptly grow in height while the panels animate.
  Use any class name to style a CollapsiblePanel panel tab container. */

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look like non-anchor (normal) text. */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image:url(../images/arrows.png);
	background-repeat:no-repeat;
	background-position:right -50px;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
	background-image:url(../images/arrows.png);
	background-repeat:no-repeat;
	background-position:right -3px;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

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

h3.paneltop {
	padding-top:20px;
}