@charset "UTF-8";


/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

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

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available 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-color: #DDDDDD;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container 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. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 1em sans-serif;
	background-color: #FEEDB4;
	margin: 0px;
	padding: 6px;
	cursor: auto;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.CollapsiblePanelTab div {
	margin: 0px;
	padding: 0px 0px 0px 19px;
	background: url('../images/minus.gif') no-repeat left;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-color: #e2e2e2;
}

/* 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: #000099;
	text-decoration: none;
}

.CollapsiblePanelClosed .CollapsiblePanelTab div { background: url('../images/plus.gif') no-repeat left; 
}
.CollapsiblePanelOpen  .CollapsiblePanelTab  { background-color: #FCDF7A; }
.CollapsiblePanel         .CollapsiblePanelTabHover,.CollapsiblePanel     /* 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          div                { background-color: #FDE184; }

.CollapsiblePanelContent >      .CollapsiblePanel     {
	background-color: #E2E2E2;
	padding: 0px;
	border: 0px;
}
.CollapsiblePanelContent  >     .CollapsiblePanel     .CollapsiblePanelTab  {
	background-color: #EFF1F8;
	padding: 2px 2px 2px 20px;
	border-color: #666666;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}
.CollapsiblePanelContent  >      .CollapsiblePanel     .CollapsiblePanelTab div     { background-color: #EFF1F8; }
.CollapsiblePanelContent    >    .CollapsiblePanel     .CollapsiblePanelTabHover, .CollapsiblePanelContent            
> .CollapsiblePanel .CollapsiblePanelTabHover div{ background-color: #E7E8F8; }
.CollapsiblePanelContent >          .CollapsiblePanel    .CollapsiblePanelContent            {
	background-color: #FFFFFF;
	border: 1px solid #e2e2e2;
	padding: 0px;
}
.CollapsiblePanelContent   > .CollapsiblePanelOpen  .CollapsiblePanelTab, .CollapsiblePanelContent > .CollapsiblePanelOpen .CollapsiblePanelTab div{ background-color: #E1E6F2; }
.CollapsiblePanelTab  a:hover
{
	color: #000099;
	text-decoration: underline;
}