@charset "UTF-8";
/* Selector for the main CollapsiblePanel container. CollapsiblePanel is responsible for drawing 
 * borders around the widget.
 * Constrain width of CollapsiblePanel widget, set a width on CollapsiblePanel container.
 * Use any class name you want to style the CollapsiblePanel container.
 */
.CollapsiblePanelGroup {
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #666;
	border-right: 1px solid #1773BC;
	border-top: 1px solid #1773BC;
	width: 92%;
	text-align: left;
}
.CollapsiblePanel {
	border-bottom: 1px solid #1773BC; 
}
/* Selector for the CollapsiblePanelTab. Houses title for the panel and click to 
 * open or close the panel.
 * Use any class name you want to style a CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	border-bottom: 1px dotted #000;
	margin: 0px;
	padding: 2px 8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background: #F0F0FF;
	/*	background: #EDFDCE #6dc1fc url(../images/aqua-gradient.gif) repeat-x; */
	color: #000;
}
/* Selector for a CollapsiblePanel's Content area. Never put padding on the content area.
 * Use any class name you want to style a CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 5px 5px 0 5px;
	padding: 0px;
/*	background: #FFF url(../images/gray-gradient.gif) repeat-x; */
}
/* 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 how to make the text in the anchor tag look like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	background-image: none;
	background-color: #33CCFF;
	text-decoration: none;
}
/* This is how to change the appearance of the panel tab that is open.
 * The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
/*	background-color: #EEE; */
}
/* This is 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 */
}
/* This is 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 ishow 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; */
}