/* 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 a{
	text-decoration:none;
	color:#000000;

}
 
.CollapsiblePanel h3 {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}



/* 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 {
background:url(../../slices/bg_img_menus.jpg) ;
background-position:bottom;
line-height:27px;
padding-left:10px;
-moz-user-select: none;
-khtml-user-select: none;
}
html>body .CollapsiblePanelTab:hover{
background:url(../../slices/bg_img_menus.jpg) ;
line-height:27px;
background-position:top;
padding-left:10px;
}
.CollapsiblePanelTab_donw{
background-image:url(../../slices/bg_menu_down.jpg);
line-height:31px;
padding-left:10px
}

.CollapsiblePanelTab_donw:hover{
background-image:url(../../slices/bg_menu_down_on.jpg);
line-height:31px;
padding-left:10px
}
/* 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 {
	border:1px solid #D6D6D6;
	display:block;
	width:122px;
	margin-left:10px;
	background-color:#F4F4F4;
	
	
}

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

}

.CollapsiblePanelContent li{
list-style:none;


}
.CollapsiblePanelContent h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;}

.CollapsiblePanelContent a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	padding-left:4px;
	line-height:15px;
	color:#000000;
	
}
.CollapsiblePanelContent a:hover{
	background-color:#eaeaea;
	display:block;
	padding-left:4px;
	color:#0455B7;


}